BigCommerce: add OpenWidget to your BigCommerce store!

2 min. readlast update: 11.02.2023

With OpenWidget added to your BigCommerce store, you can provide your customers with an intuitive self-help tool and decrease overall cart abandonment! All of that is possible with the use of:

  • a Contact Form that will give you the option to talk with your customers;
  • a dedicated Frequently Asked Questions view, perfect for a self-help space;
  • and beautifully designed Product Cards to promote your best products or current sales.

Add OpenWidget to your BigCommerce store

  • First, log in to your BigCommerce admin panel.
  • From the left menu, choose Storefront.
undefined
  • You should see a Themes section, where you'll need to navigate to the Script Manager section.
undefined
  • Click on the Create Script button available at the top right corner of your Script Manager.
undefined

Now that you're about to create a new script, you will need to configure a few things. Don't worry, though! We will let you know exactly what to do.

  • First and foremost, provide the Name and Description that will tell you what the script is about later. For the name, you can choose something like "OpenWidget"; for the description, use a phrase like "OpenWidget snippet".
undefined
  • Choose Footer as your Location on page.
undefined
  • As the Select pages where script will be added option's name suggests, you can select the exact pages OpenWidget will be displayed. We strongly recommend you go for All pages, but the choice is yours.
undefined
  • In the Script category, go for Functional.
undefined
  • Now, in the Script type category, choose Script
undefined
  • All that is left now is to paste your OpenWidget snippet copied from the OpenWidget's Add to website section. After doing so, make sure to remove the following fragment of code due to BigCommerce requirements, as they do not support noscript tags:
<noscript>You need to <a href="https://www.openwidget.com/enable-javascript" rel="noopener nofollow">enable JavaScript</a> to use the communication tool powered by <a href="https://www.openwidget.com/" rel="noopener nofollow" target="_blank">OpenWidget</a></noscript>
  • Once the code looks like this, you are good to go:
undefined
  • The hard part is done! Now you need to apply the changes by clicking on the Save button, and that's it!

OpenWidget is now added to your website, and you can start using its full potential.

undefined

Was this article helpful?