July 30, 2024

How To Use the BigCommerce Script Manager

Arrow pointing left
back to blog

about

This guide will show you how to access and use the BigCommerce Script Manager to manage all the custom scripts on your storefront.

the author

Adam Ritchie
Ecommerce Contributor

share this post

One of the best things about BigCommerce as a platform is that you have the ability to customize your store however you need. There are over 1,000 third-party applications available, and those who know how to write code from scratch are free to do so for their store.

Once you get going, you may end up with quite a few customizations and scripts that you’ll need to keep track of. Thankfully, BigCommerce offers a feature that makes this much easier: the BigCommerce Script Manager. 

Create fully customized ecommerce experiences with ShogunShogun’s advanced visual editor and developer tools enable ecommerce teams to create immersive shopping experiences.Get started now

What Is the BigCommerce Script Manager?

The BigCommerce Script Manager lists all the scripts that have been added to your store, including those applied by third-party apps as well as any scripts you have created yourself. 

Gathering all this information in one place is helpful for whenever you need to review, edit, or remove your scripts — especially for highly customized stores, stores that have been around for a long time, or any other store that has managed to build up an extensive collection of custom scripts. 

To access the BigCommerce Script Manager, log into your BigCommerce account and select the “Storefront” option in the left sidebar of the control panel. 

Select the “Storefront” option. 

Then, simply select “Script Manager”. 

Select “Script Manager”. 

For each installed script, you’ll be able to see all the key details at a glance, including:

  • Name of the script
  • Location (which pages it is included on)
  • Placement (where on the page it is included)
  • Type (whether the script was user-created or created by a third-party app)
  • Date the script was installed

For user-created scripts, you can make edits to your code directly through the Script Manager. On the other hand, any code added through third-party applications is read-only in the Script Manager. 

However, there are still some customization options available for third-party app scripts. To access these options, open the “…” menu for the script and select “Edit”.

Open the “...” menu for the script and select “Edit”.

For your third-party apps, you can adjust the “Script category” settings. There are four options:

  • Essential: These scripts are required for your site to work.
  • Analytics: Scripts that provide you with statistical information about how visitors behave on your website. 
  • Functional: While these scripts are not required for your site to work on a basic level, they support additional features, such as a live chat widget.
  • Targeting/advertising: These scripts are used to personalize the content on your store. 
There are four category options to choose from for each script. 

To add a new user-created script through the Script Manager, select “Create a script”.

Select “Create a script”.

There are a variety of customization options for creating new scripts from scratch, including:

  • Add a name and description for your script
  • Choose whether the script is placed in the header or footer
  • Select a script type (you can link to a URL or manually enter the code)
You can link to a URL or manually enter the code for your script.

Additionally, you can choose between the following options for script location:

  • Storefront pages: All pages except for checkout and order confirmation
  • Checkout: This setting will only work if you’re using BigCommerce’s Optimized One-Page Checkout
  • Order confirmation: The visitor is directed to this page after making a purchase
  • All pages: Every page on your site, including checkout and order confirmation

Use Cases for the BigCommerce Script Manager

There are a variety of ways that you can use the BigCommerce Script Manager to improve your online store.

For one, inserting custom code into your pages allows you to add just about any kind of ecommerce feature or design element that you can imagine. You’ll be able to provide visitors with a better user experience and set yourself apart from competitors. 

Here’s another example — if your site is slow, it may be because you have too many scripts installed on your store. The BigCommerce Script Manager makes it easy to review everything you currently have installed and remove any scripts that are redundant or unnecessary. 

According to Google, the probability of a customer backing out of your site rather than clicking through to another page is 32% higher for pages that take three seconds to load than it is for pages that only take one second. In other words, speeding up your site will result in people spending more time on your store, likely leading to more sales. 

Also, the categorization settings available in the BigCommerce Script Manager (Essential, Analytics, etc.), when used in conjunction with BigCommerce’s built-in cookie consent banner feature, will allow your visitors to opt out of providing personal data (visitors can opt out of all but the Essential scripts). This can help you ensure compliance with internet privacy laws such as the California Consumer Privacy Act and the European Union’s General Data Protection Regulation. 

Create fully customized ecommerce experiences with ShogunShogun’s advanced visual editor and developer tools enable ecommerce teams to create immersive shopping experiences.Get started now

What Is the BigCommerce Scripts API?

When developing a custom feature for your BigCommerce store, you can use the Scripts API (application programming interface) to manage and deploy scripts programmatically rather than doing so manually through the control panel. 

The following links will show you the documentation for the requests you’re able to make with the Scripts API:

And here are a few things to note when working with the Scripts API:

  • The Scripts API can only be used to manage or deploy scripts that were added by the same API account used to make the request
  • Scripts installed with the Scripts API will be displayed in the Script Manager, but they can only be modified by the API account that created them
  • The Scripts API can’t update or delete scripts that were added through the control panel/Script Manager

Adding Custom Code using Shogun for BigCommerce

Shogun’s Custom Elements feature allows you to create your own reusable pieces of content using HTML, CSS, and JavaScript code. 

Shogun’s Custom Elements feature allows you to create your own reusable pieces of content using HTML, CSS, and JavaScript code. 

Once a custom element has been created, you’ll then be able to access it in Shogun’s visual editor. The visual editor, allows you to quickly set up and modify pages for your BigCommerce store, while retaining the flexibility to custom-code features as needed using Custom Elements. 

Your custom elements can be accessed in Shogun’s visual editor.

CMS Collections is another useful Shogun feature. This tool can be used to design custom data models using properties such as text, images, and integers, allowing you to deliver truly unique user experiences within your custom elements. 

With CMS Collections, you can design your own custom data models.

Speaking of unique user experiences, you can even use Shogun to personalize your BigCommerce store, showing one version of a page to some visitors while showing an alternate version to others. 

Here’s how it works — Shogun allows you to create audience segments based on a variety of different conditions, including the location of the visitor, the day and time that the visitor lands on your store, whether the visitor has been to your store before, and the URL that directed the visitor to your store. 

Within the same segment, you can add multiple conditions if needed. Whenever you do have multiple conditions set up, you’ll be able to determine whether all of the conditions or only one of the conditions must be met for the visitor to be included in the segment. 

For example, if a significant share of your visitors speak French, you may want to use personalized experiences to take control of the translations yourself, as the automatic translations produced by web browsers are often inaccurate. To accomplish this task, the first step would be to create a new segment for French-speaking visitors — this could be done by creating a segment with two conditions, covering visitors who are either located in France or located in Quebec.

You can create an audience segment using multiple conditions. 

Once an audience segment has been set up, you can then create a new variant of a page and assign it to the segment. In this example, visitors from French-speaking regions would automatically be directed to the version of the page that has been manually translated into French, while everyone else will still see the original version. 

Personalized experiences allow you to show different versions of a page to different groups of people.

We’ll leave you with one last Shogun feature for your consideration— A/B testing. With A/B testing, you can publish two versions of a page at the same time and randomly direct some visitors to the original version while directing others to the version that has been updated. Then, you can compare the performance of each version over the same period of time in order to objectively determine whether or not your changes are having their intended effect. 

You can use A/B testing to determine if any potential changes to your site are truly worth making.

Shogun’s built-in analytics provide you with a variety of ways to measure the performance of each page on your store, including:

  • Total sessions
  • Total sales
  • Conversion rate
  • Bounce rate
  • Top outside referrers
  • Top clickthrough destinations
  • Traffic by device
Shogun keeps track of a variety of different metrics for each of your pages. 

From your homepage to landing pages and everything in between, Shogun can be used to create unique site experiences.

Create fully customized ecommerce experiences with ShogunShogun’s advanced visual editor and developer tools enable ecommerce teams to create immersive shopping experiences.Get started now

You might also enjoy

Get started for free

Get hands on with everything you need to grow your business with a comprehensive suite of tools.
Start now
Arrow pointing up and to the right Arrow pointing up and to the right