Prestashop integration guide

Following this easy guide will show you how to install Olark on Prestashop, versions 1.5 and above, and start chatting right away with your customers!

1. Use your preferred FTP client, and log into the domain where you are hosting your Prestashop installation.

2. Navigate to the root folder of your website (Usually WWW or public_html), and then navigate to Presto/Themes/X, where X is the name of your active theme.

3. Select the footer.tpl file in the theme folder. Download the footer.tpl file to your computer and open it in a text editor of your choice. Then, change the name of the the file on your webserver to footer.bak, in case any errors are introduced when you make your edits.

4. With the footer.tpl file open, copy your Olark install code here and paste it in the file, just above the </body> tag.

   Don't see your Olark install code? Click here to log in first.

   Your Olark install code

   <!-- begin olark code --> <script type="text/javascript" async> ;(function(o,l,a,r,k,y){if(o.olark)return; r="script";y=l.createElement(r);r=l.getElementsByTagName(r)[0]; y.async=1;y.src="//"+a;r.parentNode.insertBefore(y,r); y=o.olark=function(){k.s.push(arguments);k.t.push(+new Date)}; y.extend=function(i,j){y("extend",i,j)}; y.identify=function(i){y("identify",k.i=i)}; y.configure=function(i,j){y("configure",i,j);k.c[i]=j}; k=y._={s:[],t:[+new Date],c:{},l:a}; })(window,document,"static.olark.com/jsclient/loader.js"); /* Add configuration calls below this comment */ olark.identify("SITE-ID-GOES-HERE"); </script> <!-- end olark code -->

5. With the file still open, insert a {literal} tag above the body of the Olark code, and a {/literal} below the body of the Olark code, as detailed in the image below.

   

6. Save the changes to the footer.tpl file, and upload the altered file back to your web server via your FTP client. If the FTP client prompts you to choose an action because the file already exists, pick the overwrite option.

TIP If you don't see Olark appear on your page (especially if you view the source of your page in the web browser and don't see Olark), check to make sure your page isn't cached. Here's a helpful article for solving this if you happen to use Smarty Cache: http://www.templatemonster.com/help/prestashop-1-6-x-how-to-clear-smarty-cache.html.

1. Nice work, you are all set!