So you have have a successful BigCommerce store that is churning away and you’ve stumbled across our post about getting a 100x ROI in your store. You were intrigued, you reached out and we got you started with our Snake Charmer tool, now here you are. It’s set up time.
Let’s do this.
Step 1: Navigate to your “Storefront Design”
Step 2: Visit your Template Files
On your “Store Design” page, you will find a “More” button in the tab navigation. You will want to drop this down, and click on “Template Files” to access your store’s HTML files.
Step 3: Edit your “Product.html” file
On the “Template Files” page, you will find a list of all the files that your store uses. The first one we need to edit is the “Product.html” file. Click on the three-dot icon in the file row, and select “Edit.” This will open a new page where you can paste in the following code.
Step 4: Paste the Snake Charmer code
The following code will need to be pasted into the “Product.html” page, right before the closing </body> tag:
<!--- Track Viewed Product for SnakeCharmer --->
<script>window.SC.pluginBind('SCBCMain.productViewed', [%%GLOBAL_ProductId%%]);</script>
Step 5: Paste code into the “SideCartItem.html” file
This file is located within the “Snippets” folder. You will need to expand this folder before seeing the “SideCartItem.html” file. Select the “Edit” button like you did for the product page and paste in the following code:
<li data-name="SCBCCartItem" data-prodid="%%GLOBAL_ProductId%%" data-prodqty="%%GLOBAL_ProductQuantity%%" data-prodprice="%%GLOBAL_ProductPrice%%"> </li>
Step 6: Paste code into the “Header.html” file
This file is located within the “Panels” folder. Expand this folder and find the “Header.html” file, and choose “Edit”. Paste in the following code at the end of the file:
<div style="display:none;" id="SCBCCart">%%Panel.SideCartContents%%</div>
Step 7: Paste code into the Conversion Tracking section of your settings
You will now need to navigate to your “Advanced Settings” in BigCommerce. Then you’ll want to navigate further to “Affiliate Conversion Tracking.” On this page you will find a box in which you will paste the following code:
<script>window.SC.pluginBind('SCTracker.setUpConvert', [true, %%ORDER_AMOUNT%%]);</script>
You’re done!
Your account is all setup and now you’re ready to start creating promotions. Untapped profits, here we come!