Olark Help Center

Installing Olark in PrestaShop Tutorial

Last Updated: Feb 24, 2012 04:25PM PST

Adding Olark Live Chat to your PrestaShop website

Follow the below steps and you'll be communicating with customers in no time.

  1. Log into the site where your PrestaShop site is hosted using either a standard FTP client or the Cpanel File manager. (Many hosting companies provide File Manager access inside of Cpanel)
  2. Navigate to the ROOT directory of PrestaShop. (This will often be "WWW" or "Public_html")
  3. Open the Themes folder.
  4. Open the theme folder that you are currently using. PrestaShopis the default theme. (You can find the name of your theme inside the PrestaShop admin area, in Preferences->Appearance, at the bottom of the theme tab.)
  5. Select the footer.tpl file in the theme folder.
  6. Open the footer.tpl file with a simple editor like Notepad. Copy and paste your Olark Code above the end </body> tag at the bottom of the window.

     

    Your Olark javascript:


  • Type {literal} after the line <script type="text/javascript"> , And type {/literal} after the line </script> to ensure the Olark code is not evaluated by the PrestaShop template engine.
  • Click Save as and type file name footer.tpl (Do not forget to type the file extension .tpl)
  • Save the new edited footer.tpl file on your PC.
  • Replace the existing footer.tpl file on the server with your newly created footer.tpl file.
  • Now open your site and check out Olark on your PrestaShop Site.
  • You’re all set, be sure to upgrade from free Olark to take advantage of all of our premium features!