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.

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

    CS cart admin dashboard

  2. Navigate through your template files and open the index.tpl file in the template's root.

    index.tpl file

  3. Scroll down to the bottom of the index.tpl file. Above the </body> tag, write these two tags:

    {literal}
    {/literal}
    

    literal tags in code editor

  4. Copy the Olark embed code. To copy the Olark embed code you need to first login to Olark. Once you are logged into Olark go to the Olark install page and follow the instructions.

  1. 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.

  2. 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

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