How to Integrate Comm100 Live Chat with Prestashop

This article will help you install the Comm100 Live Chat code onto your Prestashop website.

If you have PrestaShop version 1.7 or above, we recommend you install Live Chat Code using HTML/JavaScript module. Click here you can get one module for your live chat.

 

Step by Step Instructions

  1. Log in to your PrestaShop admin dashboard.
  2. Hover over Modules and click Modules and Services.
  3. Click Upload a module to install the module you’ve downloaded.
  4. Go to Shop Parameters, then General.
  5. Turn off Use HTML Purifier Library, and Save changes.
  6. Go back to the HTML box module you’ve installed, and click Configure.
  7. Choose a footer from Where you want to display the content box.
  8. Click Switch editor to use plain text format.
  9. Paste Comm100 Live Chat JavaScript code, Save Settings.
  10. Chat Button now shows up on your website.
lckb-prestashop-integration.png
Note: If you cannot see the chat button on your website, you can go to Advanced Parameters> Performance> SMARTY to disable Cache and select Force Complication.


Using PrestaShop (Old Version)

If you are using PrestaShop old version, you can also perform the following steps to add the live chat to your website:

  1. Log in to the site where your PrestaShop site is hosted using a standard FTP client or the Cpanel File manager;
  2. Go to ROOT Directory of Prestashop;
  3. Find footer.tpl under Prestashop\themes\default-bootstrap;
    lckb-prestashop-01.png
  4. Open footer.tpl with an editor like Notepad. Copy and paste your Comm100 Live Chat Code before the tag at the bottom of the window.

    Note:  Click here to see how to get the Comm100 Live Chat code.
  5. Type {literal} before the first line and type {\literal} after the last line, to make sure the Prestashop template engine will not evaluate it;
    lckb-prestashop-02.png
  6. Click Save as, input footer.tpl as the file name, and save it onto your PC;
  7. Upload your newly created footer.tpl to your server and replace the old one. After that, you will see a chat button showing on your Prestashop site.
Note: If you still cannot see the chat button after following the steps in the section, Using PrestaShop (Old Version), you probably enabled PrestaShop’s Smarty Cache

Follow the steps to resolve this problem:

  1. Go to your Prestashop Control Panel;
  2. Go to Preferences, and then Performance;
  3. Set Force Compile to ‘Yes’ and ‘Cache’ to ‘No’;
  4. Save your settings;
  5. Refresh your website and the Comm100 Live Chat button should be there;
  6. Go back to your Preferences and turn Force Compile and Cache back to their former settings to keep your site loading fast.

If you have any questions, contact Comm100 Support team.