Back to Integrations

CS Cart Live Chat Add-On

CS-Cart is a popular eCommerce platform that makes clients’ shopping experience simple and visually appealing. It can be modified in several ways, including a CS-Cart live chat add-on from HelpOnClick. With the help of our live chat solutions, you can answer quick questions from customers and help seal the deal. Depending on which version of CS-Cart you’re using, there will be a different installation process.

CS-Cart 2.x

If you’re adding a CS Cart live chat and your software version is 2.x, the first step is to access your HelpOnClick console. Click on Admin, then go to Code, and scroll down to the HTML code. From there, highlight it and copy it.

Live chat code for CS-Cart - HelpOnClick

 

Next, go to CS-Cart and navigate to the Admin panel. Click on Design and then click Blocks.

Live chat for CS-Cart setup - HelpOnClick

 

Be sure that you’re on the All Pages section, and then click on Add block.

Live chat for CS-Cart add code - HelpOnClick

 

You can name the block anything you like, although something like “CS-Cart Live Chat Add-on” can help you remember what it is in the future. Be sure to set the Block Content to HTML Block. Click the HTML button near the top right of the block text.

Live chat for CS-Cart edit code - HelpOnClick

 

Paste the HelpOnClick HTML into the space and click Update. Then, click Create. You’re good to go!

Live chat for CS-Cart create code - HelpOnClick

 

CS-Cart 3

To add the CS-Cart live chat to CS Cart Version 3, the steps are similar. On the HelpOnClick Console, click Admin then go to Code. Find the HTML code, highlight it, and copy it.

Live chat for CS-Cart 3 setup - HelpOnClick

 

Login to the CS-Cart admin panel, go to Design, and select Blocks.

Live chat for CS-Cart 3 settings - HelpOnClick

 

Under Blocks, be sure that Default is selected. Then, choose any grid and click the + sign and click Add Block.

Live chat for CS-Cart 3 add code - HelpOnClick

 

Switch from Use Existing Block to Create New Block and select HTML Block.Live chat for CS-Cart 3 add HTML - HelpOnClick

 

Name it “Live Chat” so you can remember what it is and then switch to the Content tab.

Live chat for CS-Cart 3 edit code - HelpOnClick

 

Paste the HelpOnClick HTML code and click Update. Then, click Create. Congratulations, you have added a CS-Cart live chat add-on widget!

Live chat for CS-Cart 3 paste code - HelpOnClick

 

CS-Cart 4

Creating a CS-Cart live chat feature for version 4 is easy. While on your HelpOnClick console, click on Admin, then click Code. Copy the HTML code.

Live chat for CS-Cart 4 setup - HelpOnClick

 

Navigate to the CS-Cart Admin panel. Click on Design and then select Layouts.

Live chat for CS-Cart 4 settings - HelpOnClick

 

On the Default tab, click on Add Block.

Live chat for CS-Cart 4 add code - HelpOnClick

 

Select the HTML Block with Smarty Content option.

Live chat for CS-Cart 4 add HTML - HelpOnClick

 

On the General tab, name it “Live Chat.” Then, in the Content tab, copy and paste the HelpOnClick HTML code and click Create. Enjoy your CS-Cart live chat add-on!

Live chat for CS-Cart 4 add HTML block - HelpOnClick

 

Live chat on CS-Cart 4 - HelpOnClick

You are a few minutes away from connecting
to your website visitors.

Start Free Trial

No credit card required