Adding Custom Scripts to Stencil Themes
What We'll Cover
Many third-party applications and services rely on the ability to inject custom scripts into a website’s footer in order to function. WIth Stencil, BigCommerce has made adding these scripts as easy as copying and pasting them into your control panel using the box in the Scripts tab.
Using the Scripts Box
The box under the Scripts tab injects code into the theme's footer. Multiple scripts can be added to the box.
1. Copy the script provided by the third-party app or service.
2. Go to Storefront Design › Design Options , then click the Scripts tab.
3. Paste the script into the text area labeled Footer, then click Save.
Have more than one script? Simply paste them below any other saved scripts.
Handlebars in Stencil Footer
In addition to HTML and custom scripts, you can paste the templating language Handlebars into the footer of Stencil themes. This allows for more robust customizations.
Handlebars is a templating language used to develop and customize Stencil themes. For example, you can use Handlebars to reference theme-wide variables like your store’s name or logo. Third-party apps could use Handlebars to reference customer information, in order to display loyalty offers specific to the person logged in.
To learn more about using Handlebars in Stencil themes, see our developer documentation on Developing with Handlebars.
Conversion Tracking Scripts
Conversion tracking scripts are usually added to the header. The Following articles detail how to add these scripts to your store.
- Setting Up Google Analytics
- Setting Up Google Analytics E-commerce Tracking
- Passing Order Data to Affiliate Programs
- Tracking Facebook Conversions
Don't feel comfortable adjusting your design or want to work with an expert? Check out our BigCommerce Partner Directory or ask your question in the BigCommerce Community Ask a Design Partner Group for assistance. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.