The Complete Guide to eCommerce Development 2024

Your Customers are One Tap Away! Help Them Reach You With a Live Chat.

simtech_cscart_chat

Live chat is a great tool that helps you break the ice with your customers. In this post, I am going to tell you how to add Live Chat to your website in 5 minutes. To do so, you will need the Google Tag Manager add-on by Simtech Development and a Zopim live chat script by Zendesk.
 

Getting the script

 
Let’s create an accout at Zopim. Simply enter your name and email address and click Try Chat. There is a 14 day trial period, so don’t worry about paying the fee right away.
 
cscart_zen_start
 
Verify the email and register the company.
 
cscart_zen_start
 
Fill in your contact details.
 
cscart_zen_start
 
Click next and get the code to embed on your website.
 
cscart_zen
 
This’s it. But please do not close the window. You will need to insert it into your Google Tag Manager account.
 

Creating a container

 
Let’s open Google Tag Manager in a new tab. It is available free of charge here. You can sign up for free or sign in with your Google account and click Tag Manager.
 
cscat_gtm_sign_in
 
After you have logged in or signed up you are suggested to create a container for the script. Please give your container a name, choose Web among the “Where to use” options and click Create.
 
cscart_tag
 
 
Google shows some installation guidelines, but there is no need in them if you already have the Google Tag Manager add-on by Simtech Development.
 
cscart_tag_install
 
Let’s click OK and open the Workspace where you can create a new tag.
 
cscart_tag_workplace
 
Google will show you Tag information fields. Let’s give a name to the tag and choose Custom HTML.
 
cscart_tag_type
 
Now it’s time to get back to the zopim.com window and copy the script from there.
 
cscart_widget
 
Return to the window with the GTM container and insert the script into the Tag configuration tab.
You will also see the Triggering field just below the Tag Configuration. Triggering allows choosing on which pages the script will be placed. In our case, where the live chat will be shown. GTM suggests inserting the script on all the pages of your store. You can either agree, or click Custom and configure the pages where the script will be placed. When you finish, click Save.
 
cscart_zopim
 
Now you can see the tag code on the right side.
 
cscart_zopim_chat
 
Let’s add it to your CS-Cart store.


Configuring the add-on

Open the Admin panel of your CS-Cart store, choose Add-ons – Manage add-ons –  Simtech Development: Google Tag Manager. Input the Container code. Do not change the name of the Data Layer field. Click Save.
 
simtech_google_tag
 
Let’s go to the storefront and see if the Live Chat has appeared.
 
simtech_chat
 
That’s all! Just a couple of minutes and Zendesk Live Chat is on your website!
We highly appreciate your feedback.
 

Share:
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.