simtech_cscart_chat

Your Customers are One Tap Away! Help Them Reach You With a Live 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 hereYou 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.

 

Maria Azizova
Maria Azizova posted it

Looking for custom development or integration? Contact us now!

Get a free quote