Provide 24/7 affordable customer service with AI-powered chat.
Connect to learn more

BigCommerce Integration Guide

It's easier than ever to take advantage of Olark live chat in your Bigcommerce store. Use this quick guide to install Olark on your site. Do note, that Bigcommerce has a lot of different permissions levels. If you don't see any of these options, please check that you have the appropriate rights.

There are two ways to install Olark on your page depending on what kind of bigcommerce theme you use. We will walk through both ways.

Blueprint (Legacy) Themes

  • Log into your Bigcommerce account as an administrator
  • Go to Storefront Design > Design Options then click the Footer Scripts tab
Big Commerce Dashboard
  • Paste the Olark code in the Footer
  • Save your changes

Stencil Themes

Live chat menu item
  • Select Olark as your Live Chat provider
Checked Olark checkbox
  • Click on the Olark tab, and then paste in your Olark code into the field
Chat code text area

Adding Olark to your mobile template

Some Bigcommerce themes are responsive, which means you don't need to worry about adding Olark to a mobile template. However, some themes support a separate mobile template. If this is the case with your theme, you will also need to add Olark to your mobile template.

Here are the steps.

  1. Go to Set up and Tools. Then "Storefront Design" under "Customize your Store"
  2. Pick Mobile. You can download the mobile theme template. Extract it, and edit it in a text editor such as notepad
  3. This guide explains how to edit the template you download. You will need to add the olark code just above the closing body tag </body> in the file default.html
  4. Upload your changes. The same guide also explains how to upload the file again. You will need to use Cyberduck to upload the file. You can download the program at Cyberduck. The Bigcommerce guide for uploading your changes is here.
  5. Note: Don't worry if you don't see HTML files in cyber duck - they are stored in a database, not in webdav - just make sure you put your file in the correct directory and it will work.
  6. Make sure that you have Olark activated for mobile in your Design settings, under Advanced Appearance.
  7. Refresh the mobile site a few times, and the Olark chatbox should appear.
Please provide the domain name where your Olark live chat is installed.
Include the relevant transcript URL, if possible. You can send us the specific URL from your Transcripts page.
If you see specific error messages, banners, warnings, notices, etc., please let us know here.
Max file size 10MB.
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received and you'll hear from us shortly!
Oops! Something went wrong while submitting the form.