How to add floating fixed advertise button in prestashop?

In this tutorial you will read how to create own floating advertise button in your prestashop store for free. In this case we will show how to create button redirecting to your shop fanpage on facebook. But the button can be used for other purposes like advertise of products, page, special offer or something other. All you need in this case is our free solution called HTML Block for prestashop. So, for the first you must download this module and install it in your prestashop back office. After that you can read next part of this little know-how.

Create own floating facebook button - first steps

As we said you must install HTML Block module in your Prestashop back office. Of course module is absolutely free.  Second step is upload to upload your advertise image picture into your FTP service (or other services like free IMGUR). Your image must be online, without that button will not work properly. So, download facebook advertise image and upload it into your your server.

Create code of the button

1
2
3
4
5

<div style="width:30px; height:100px; display:block; position:fixed; right:0px; top:100px; background:none;">
    <a href="http://www.facebook.com/MyPresta" style="background:none;" target="_blank">
        <img src="http://mypresta.eu/content/uploads/2013/03/howtofacebookbutton.png" style="background:none;">
    </a>
</div>

Copy to the clipboard (ctrl+c) code above and go to your prestashop back office. You must select "Header" hook and paste the code into text area, like I show you below. Remember to change href param, you must insert there your facebook fanpage url. that's all, it must looks like below:

Click on save button and after all go to your shop front office. You will se new avesome button located on the right side of your window

Final effect: