How to add UGC and shoppable video to a BigCommerce store

Where the script goes in a Stencil theme

Open the theme editor, choose Edit Theme Files, and find the footer template under templates/components/common/footer.html (some themes use layout/base.html for global scripts). Paste the Idukki loader script just before the closing body tag. The loader is a single deferred request of about 79 KB gzipped; it does not block render and it mounts nothing until it finds a placeholder.

<!-- Idukki loader: once per site, in the footer template -->
<script async src="https://widget.idukki.io/idukki.js"></script>

<!-- Placeholder: anywhere a gallery should render -->
<div data-ugc="idukki" data-guid="YOUR-WIDGET-GUID"></div>

For a homepage gallery, the placeholder goes in templates/pages/home.html. For a product-page gallery, it goes in templates/pages/product.html, usually below the description tabs, and you add data-filter-pid with the product id so the gallery shows only posts tagged to that product. BigCommerce exposes the id in Stencil as product.id, so the attribute reads data-filter-pid="{{product.id}}".

Getting the catalog in so posts can be tagged

Idukki tags posts to products by matching against your catalog, so the catalog has to exist in the dashboard first. BigCommerce exports products as CSV from Products, then Export; the Idukki import accepts that file directly and maps SKU, name, price, image and URL. If you already run a Google Shopping feed, paste its URL instead and set a re-sync schedule; that keeps prices and stock current without another export.

Once the catalog is in, AI tagging suggests matches for each approved post and you confirm or correct them in bulk. The tagging model and its costs are covered in the build-versus-buy cost model; for a BigCommerce catalog of a few thousand SKUs the first pass usually finishes inside an hour.

What works on day one, and what waits on the platform

The afternoon plan

1. 1Connect Instagram or TikTok and let the first pull finish (a few minutes).
2. 2Approve twenty to thirty posts so the first gallery is not empty.
3. 3Import the catalog by CSV or feed URL; run AI tagging on the approved posts.
4. 4Create a homepage gallery and a product-page gallery in the dashboard; copy each guid.
5. 5Paste the loader in the footer template, the placeholders in home.html and product.html; publish the theme.
6. 6Open the embed page in the dashboard and wait for the install check to turn green.