With Terrific's SDK 2.0, activating live shopping and shoppable video on your site means pasting two blocks of code in the right place. That's it.
This guide is written so you can do it yourself, or hand it off to your tech team with everything already clear.
What you'll be doing
You're adding two small code snippets to your site:
The main script. Goes in your site's header and loads all of Terrific's technology.
The content block. Goes on the specific page where you want your experience to appear (a live shopping event, a shoppable video, a carousel, etc.).
Before you start, ask your Terrific Customer Success Manager to provide:
Your Store ID (your store's unique identifier)
Your Embedding ID (the ID for the format you want to show: Live Shopping or Timeline)
Step 1. Add the main script
Paste this code as high up as possible inside the <head> section of your website:
<script src="https://terrific.live/terrific-sdk.js" storeid="YOUR_STORE_ID" async></script>
Replace YOUR_STORE_ID with the ID your Customer Success Manager gave you.
⚠️ One important thing: Make sure the tag closes with ></script> exactly as shown above. If your editor closes it with />, change it — that variation will stop the script from working.
Step 2. Add the content block
Paste this code on the page where you want your content to appear:
<div data-source="terrific" embedding-id="YOUR_EMBEDDING_ID"></div>
Replace YOUR_EMBEDDING_ID with the correct ID.
Where do I find my Embedding ID?
For Live Shopping
Go to your Terrific platform → Sessions → Embedded Sessions:
Copy the embedding-id from the session you want to display:
For Carousels
Go to Carousels:
Select your carousel → Click the 3 dots menu → Preview and Embed:
Copy the embedding-id:
If your store is on Shopify
You can complete the full integration from the Shopify editor.
Part 1: Add the main script
1. In your Shopify admin, go to Online Store:
2. Click the three dots (···) next to your active theme and select Edit code:
3. In the left panel, make sure you're in Layout → theme.liquid:
4.Press Ctrl+F (or Cmd+F on Mac) and search for </head>:
5. Just before that tag, paste the script from Step 1 with your Store ID filled in:
6. Save your changes:
Part 2: Add the content block
1. From Online Store, go to Edit theme:
2. Navigate to the page where you want the content to appear:
3. In the left panel, click Add section → Custom Liquid:
4. Paste the content block from Step 2 with your Embedding ID filled in:
6. Save, then click View to see it live on your store.
