This tutorial shows you how to install Olark on your CS-Cart shopping cart software site, helping you chat to visitors while they browse your site.

Installation steps

  • Log in to your CS-Cart administration site. Go to the Template Editor by clicking on the Design dropdown menu.

CS cart admin dashboard

  • Navigate through your template files and open the index.tpl file in the template’s root.

index.tpl file

  • Scroll down to the bottom of the index.tpl file. Above the tag, write these two tags:

    {literal} {/literal}

literal tags in code editor

  • Log in and copy your Olark embed code.

  • Paste your Olark embed code in your CS-Cart template, in between the two {literal} tags, like so

    {literal} Paste your embed code here {/literal}

Olark code in code editor

  • Click save in the top right corner of the Template Editor page

  • Finally, remove the /var/cache directory in your CS-Cart installation. This is necessary to make sure your site is using the latest saved changes.

Cache folder

  • Reload your page and you should see the Olark chat box appear in the corner of your site.