Installation Guide: SnapStyle for BigCommerce
Welcome to SnapStyle! This guide will walk you through installing our AI Virtual Try-On app onto your BigCommerce store in just a few clicks.
Step 1: Install the App
Log in to your BigCommerce Control Panel.
Navigate to Apps > Marketplace in the left-hand sidebar.
Search for SnapStyle Virtual Try-On and click on the app card.
Click the Get This App button.
You will be redirected to the installation screen. Click Install.
Step 2: Grant Permissions
Once you click Install, BigCommerce will ask you to authorize SnapStyle to access certain data (like your product catalog and storefront scripts).
Review the requested permissions.
Click Confirm.
You will automatically be redirected to the SnapStyle Merchant Dashboard. This confirms your installation was successful!
Step 3: Verify the Storefront (Zero-Code Setup)
SnapStyle is built to work immediately out of the box for 95% of standard BigCommerce "Stencil" themes.
Open your live storefront.
Navigate to any individual Product Display Page (PDP).
Look below or perfectly adjacent to your Add to Cart button. You should now see the shiny new "Try On" button!
Step 4: Advanced Custom Button Placement (Optional)
If you have a heavily customized theme, or simply want to move the "Try On" button to a specific location (e.g., above the product title instead of next to the cart button), you can do so easily.
In your BigCommerce Control Panel, go to Storefront > My Themes.
Click Advanced > Edit Theme Files. (If you haven't made a copy of your theme yet, BigCommerce will prompt you to do so).
Open the file templates/components/products/product-view.html (or wherever your product layout is stored).
Paste the following HTML container exactly where you want the Try-On button to appear:
html
<div id="snapstyle-tryon-container"></div>
Click Save File. Refresh your storefront, and the SnapStyle button will automatically relocate to your custom container!