Table of content
- Adding chat button integration script to the installation files (free approach)
- Installing PrestaShop module (paid approach)
- PrestaShop integration to display orders in LiveAgent (separate article)
To integrate your LiveAgent chat button into your PrestaShop website, you either need to add the LiveAgent chat button integration script to the installation files, or alternatively purchase the LiveAgent module from PrestaShop Marketplace and install it in your PrestaShop panel.
Adding LiveAgent chat button script into installation files (free approach)
To add a LiveAgent chat button to your PrestaShop website by editing the installation files, firstly in your LiveAgent panel navigate to Configuration > Chat > Chat buttons, edit your chosen chat button, in its configuration screen navigate to the Integration screen, and copy the script of your button.
Then, in your PrestaShop installation files on your server navigate to themes > classic > assets > js folder, and edit the "theme.js" file. Add the copied script to the very bottom of the file and remove the <script type="text/javascript"> and </script> tags from it.
If you have a custom PrestaShop theme then access its files from the themes folder instead of the classic theme.
Save the theme.js file and that's it. Your PrestaShop store is integrated with your LiveAgent chat button.
Adding LiveAgent chat button via PrestaShop module (paid approach)
If you do not have access to the installation files, you can alternatively purchase the LiveAgent module from PrestaShop Marketplace and install it in your PrestaShop panel instead.
After buying and downloading the ZIP file of the module, navigate in your PrestaShop admin panel to Modules > Module Manager, and click on the "Upload a Module" button. Drag & drop or select the ZIP file and wait for the modul to be installed.
After the module will be installed, click on the "Configure" button in the confirmation window.
In the LiveAgent module configuration screen, navigate to the "Settings" section, swap the "Enable" option to "Yes", and insert the integration script of your LiveAgent chat button into the "Code" text area. Lastly, save the configuration. Refresh your page and your LiveAgent chat button will be displayed on your PrestaShop website.
The chat button integration script is available in Configuration > Chat > Chat Buttons, edit your chosen chat button and in its configuration screen navigate to the Integration screen.
Save the module and that's it. Your PrestaShop store is integrated with your LiveAgent chat button.