How To Set Up Our 100x ROI Tool On BigCommerce

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”

menu


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.

templatefiles


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.

edit


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>

product_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>

sideitem


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>

headers


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>

advancedmenu

advanced

You’re done!

Your account is all setup and now you’re ready to start creating promotions. Untapped profits, here we come!