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 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. We recommend using our floating chat button code as it allows positioning the live chat button with help of vertical and horizontal parameters defined in the code. To generate this code, click  'Fully Featured Chat Button Code with Uploadable Online / Offline Images', scroll down and enable  'Generate a floating chat button code' option. After doing this, please define the vertical and horizontal position for your click-to-chat button.

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. However, if you decided to use other than 'Floating' live chat button code you'd need to edit the widget for the respective theme section or insert the code directly to your HTML source.

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

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

 

Editing AmeriCommerce widget

Editing AmeriCommerce widget

 

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

 

AmeriCommerce Website Example

AmeriCommerce Website Example

 

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

 

AmeriCommerce Website Example

AmeriCommerce Website Example