How to install the Script & Style tags on BigCommerce?
- Login to your Akin2 portal.
- In the Settings tab of your Akin2 account, locate both the Script and Style tags.
- Using the red copy icon in each field, we recommend copying and pasting these into a separate notepad or text file for use on the next few steps
- Please Note: With the script tag that we provide, if "%search_term%" is present replace it with "{{product.title}}"
- Please Note: With the script tag that we provide, if "%search_term%" is present replace it with "{{product.title}}"
-
Login to the backend of your BigCommerce account
-
In the BigCommerce Admin, in the left navigation click on Storefront to access the Themes section
- Click Themes
- Click on Edit Theme Files under the Advanced tab within your Current Theme window
- Note: If you do not see a link called Edit Theme Files, please scroll to the bottom of this page for Important Note.
- You will now be within the Stencil File Editor. Navigate to Templates on the left-hand side and expand the drop down.
- Expand the Components section by clicking on it.
- Expand the Products section by clicking on it.
- Scroll down and click on product-view.html
- Note: If you do not see a page called product-view.html, you may have more of a custom theme. The page you are looking for is your products landing page. Once you are able to view that page please continue with the steps.
- At the very top of product-view.html, on line one hit enter and this will create a new line pushing the code down.
- On line one, please copy and paste the code from that notepad file.
- On the bottom right of that page, click “Save & apply file”
- Note: You may be asked to choose the color of your theme. Please select the appropriate color.
- Click Apply
IMPORTANT NOTE: If the BigCommerce store you are working on has only the base version of any theme installed, there won't be "edit theme files" button. You will need need to make a copy. This is shown in these directions here - https://support.bigcommerce.com/s/article/Stencil-Themes?language=en_US#edit
For BigCommerce follow these steps (for the most basic setup, the script should be placed at the top of your product template):