AmeriCommerce Integration

<< Click to Display Table of Contents >>

  Integrations > Shopping Cart Integrations > AmeriCommerce >

AmeriCommerce Integration

How to Add Live Chat Tool to AmeriCommerce Website

 

There are thee different possibilities of adding the live chat button to the theme:

It can be added to the whole theme and thus will appear on all pages of your website

It can be added to the template and thus will appear only on those pages which include the respective template elements, e.g. right column

It can be added to specific pages and thus will appear only on those pages where it was added

 

Below we described the process of adding the live chat button to the whole theme. However, for adding it to your template or single pages the process will be the same.

 

Adding Live Chat button to a Theme with help of Widget

 

1.To start integration process, please get your code for live chat button. You can do this on My Account / Chat Button Codes page in your Provide Support account Control Panel. Choose there 'Fully Featured Chat Button Code with Uploadable Online / Offline Images'.

2.Then log into your AmeriCommerce admin panel and click there 'Themes'

 

AmeriCommerce Themes

AmeriCommerce Themes

 

3.On the page with themes click 'Edit' for your current theme.

 

Editing AmeriCommerce Theme

Editing AmeriCommerce Theme

 

4.We recommend adding the live chat button code to your theme footer, this way the script will not interfere with other scripts and will not slow down your website performance.

5.In the Theme Editor choose Footer and click 'Widgets' there

 

Widgets in Americommerce

Widgets in Americommerce

 

6.Add your Custom HTML Widget or edit an existing Custom HTML Widget

 

AmeriCommerce Custom Widget

AmeriCommerce Custom Widget

 

7.If you have created a new Custom HTML Widget, find it in the list of Widgets and click 'Edit' button for it

8.Switch from text editor to HTML editor and insert the code for your live chat button

 

Editing Widget

Editing Widget

 

9.Save changes and check how the live chat button looks on your website.

 

 

Adding Live Chat button directly to a Theme HTML source

 

1.To start integration process, please generate the code for your live chat button. You can do this on My Account / Chat Button Codes page in your Provide Support account Control Panel. You can choose there the best option for your website.

2.After you have chosen the code for your chat button, log into your AmeriCommerce admin panel and click there 'Themes'

3.On the page with themes click 'Edit' for your current theme.

4.In your Theme Editor choose the section where you would like to add the chat button, it can be Header or Footer, for example

5.Click on HTML Editor.

 

Header Editor

Editing AmeriCommerce Header

 

6.This integration type requires HTML knowledge. To add the chat button you'd need to choose the right position where you would like it to appear on your website. In our example we added it to the upper header part of the theme

7.After you have added the chat button script, save your changes and check how the theme looks