Live Chat for PrestaShop websites

Adding live chat to PrestaShop website will require installing special HTML module or editing theme source files. Below we provided instructions for both variants.

Live Chat integration with help of HTML / JavaScript module

  1. Download contentBox module from http://contentbox.org/ website.
  2. Log into your PrestaShop admin panel.
  3. In the top menu open Modules / Modules and click 'Add new module' button.
  4. Browse for contentBox module file you have downloaded and click 'Upload this module' button.
  5. In the list of modules find contentBox module and press 'Install' button for it to proceed with module installation.
  6. Now get the code for your live chat button. For this purpose log into your Provide Support account Control Panel, follow there My Account / Chat Button Codes page and choose 'Fully Featured Chat Button Code with Uploadable Online / Offline Images' then check 'Generate a floating chat button code'. To position the chat button on your website, specify vertical and horizontal values for it.
  7. Copy the generated code.
  8. Get back to your PrestaShop admin and click 'Configure' for your contentBox module.
  9. In the appeared editor click 'Edit HTML source' button and paste the previously copied code there.
  10. To save your updates click 'Update' button in the editor window and then 'Update (Save)' button in the module configuration.

Direct Live Chat integration with PrestaShop theme

For integrating live chat button with your PrestaShop theme directly you need to have access to your PrestaShop files via standard FTP client or the CPanel File manager.

Please use the following guide to add the chat button to your website theme.

  1. Open your PrestaShop files.
  2. Now open PrestaShop / Themes / Your theme name folder. Your theme name can be checked in PrestaShop admin panel in Preferences / Theme.
  3. Find footer.tpl file and open it with Notepad.
  4. Grab the code for your chat button. For getting the code follow suggestions in Step 6 of 'Live Chat Integration with help of HTML / Javascript module' instruction.
  5. Insert your chat button code to the footer.tpl before closing </body> tag.
  6. Before <script type="text/javascript"> part of your chat button code insert {literal}, then add {/literal} after closing </script> tag. This will prevent PrestaShop template engine from evaluating the code.
  7. Save changes in your footer.tpl file and upload it to your FTP or Cpanel

Tips and tricks for customizing your live chat: