OpenCart Integration

<< Click to Display Table of Contents >>

  Integrations > Shopping Cart Integrations > OpenCart  >

OpenCart Integration

Provide Support Live Chat and OpenCart Integration


Direct Integration with OpenCart


It is possible to add Provide Support live chat button code directly to your OpenCart website source by editing your theme files. If you would like to add the chat button to some fixed on your browser window position, then you'd need to generate our floating code and insert it before closing </body> tag. If you would like to have the chat button added to some specific place on your website then you need to use one of our standard codes and edit the respective theme section. You can get the codes on My Account / Chat Button Codes page in your Provide Support account Control Panel. Once you have grabbed the code for your live chat button, please follow the below steps to insert it to your OpenCart theme:


1.To get the chat button code, please log into your Provide Support admin panel and follow My Account / Chat Button Codes page, choose there 'Fully Featured Chat Button Code with Uploadable Online / Offline Images' and check 'Generate a floating chat button code'. With HTML module we recommend using our floating chat button code which allows adding your live chat button to a fixed position on the browser window. In this case the chat button will be displayed in the defined position, no matter which position options were selected in the module settings. This integration type will help to add your live chat button seamlessly without breaking your template design. The image for your live chat button can be selected from our gallery or uploaded on the Account Settings / Images page.


chat buttom code example

Chat Button Code for the chat button tied to a fixed position on a browser window

2.Access your OpenCart files via FTP client or cPanel File manager

3.Follow to Catalog / View / Theme folder


OpenCart folders

Catalog / View / Theme folder


4.Now open your theme folder. We have here only one default theme. However, if you have different themes and would like to check which one you use, you can check this in your OpenCart admin on System / Settings page under Store Name


OpenCart themes

OpenCart themes


5.Within your theme folder open Template / Common folder


OpenCart template

Template / Common folder


6.If you would like to add your chat button to a fixed position on your browser window and generated the code for this purpose, then you'd need to edit footer.tpl file. You can edit it in Notepad. Insert the code before closing </body> tag. However, if you would like to add the script to another position on your website, choose the respective theme file - header.tpl or column_left.tpl, for example.


OpenCart footer editing

Adding live chat button code to OpenCart footer


7.After adding the code, please save your changes and upload the file back to your server. Please ensure you do not change file extension, it should remain *.tpl

8.The chat button will appear in the position defined in your live chat button code:


OpenCart Live Chat

Live Chat Button on OpenCart website