Terrific’s new SDK 2.0 makes integration faster, simpler, and more complete, unifying both Live Shopping and Shoppable Videos, while also embedding the analytics pixel, all in one script.
Goal: Empower your teams to integrate Terrific experiences independently using clear steps and copy-paste-ready snippets.
What’s New in SDK 2.0?
Previously, you needed:
One header script for Live, and another for Shoppable.
A separate body embed for each format.
A distinct pixel integration, requiring additional permissions.
Now, with SDK 2.0, everything is simplified:
One unified Header script for both Live & Shoppable
A single Pixel is automatically embedded
Easier, cleaner integration across pages
-------
Step-by-Step Integration Guide
You’ll need to embed 2 scripts:
1. Add the SDK Script Tag in the <head>
Paste the following script tag inside the <head> section of your website. (This script must be at the end of the header)
<script defer src="https://terrific.live/terrific-sdk.js" storeId="YOUR_STORE_ID_HERE"></script>
Before pasting: Replace YOUR_STORE_ID_HERE with your actual Terrific store ID.
To find your Store ID:
Go to the Terrific Admin (Black interface)
Or ask your Customer Success Manager
2. Add the Embed Block in the <body>
Paste the following script body inside the <body> section of the page where you want to display your live or shoppable experience.
<div data-source="terrific" embedding-id="YOUR_EMBEDDING_ID_HERE" id="embedding"></div>
Before pasting: Replace YOUR_EMBEDDING_ID_HERE with the ID of the specific format you want to embed (Live Shopping or Shoppable Video).
To find your Embedding ID:
Go to your Terrific platform
Click on Marketing > Embedded Sessions/collections
Copy the corresponding embedding-id from the script body you want to display
-------
⚠️ Important Note (Timeline Compatibility)
If you're using SDK 2.0 alongside the standalone Timeline SDK, make sure the SDK 2.0 script loads after the Timeline SDK script.
This issue will be automatically resolved once the Timeline SDK is integrated into SDK 2.0 in a future release.
You’re now ready to integrate your Terrific experiences smoothly and efficiently!
-------
🖥️ Screenshot Step by Step
1. Log in to your Shopify store and ensure you're in the 'Online Store' section.
Click on the three-dot button in the middle of the screen.
2. Select Edit code
3. Make sure you are under theme.liquid section, in the Layout tab.
4. Tap anywhere on the screen, then press [[Ctrl]] + [[F]]
Click on the search bar to begin your search:
Type in the word 'Head'
5. Scroll down until you find the closing </head> tag.
6. Copy-paste the script below
<script defer src="https://terrific.live/terrific-sdk.js" storeId="YOUR_STORE_ID_HERE"></script>
7. Replace YOUR_STORE_ID_HERE with your actual Terrific store ID.
To find your Store ID:
Go to the Terrific Admin (Black interface)
Or ask your Customer Success Manager
8. Copy and paste your store ID and paste the script before the closing </head> tag.
9. Save changes
10. Under 'Online Store' go into 'Customize'
11. Select the location where you want to embed the content.
12. Make sure you are under the 'Template' section - then select 'Add section'
13. Scroll down and select 'Custom Liquid'
14. Go back to your generated script on terrific. Copy the body script.
15. Paste it in the Liquid code section
16. Once you paste the script you will see a grey square on the right side of the screen.
17. Should look like this:
18. You are all done!
To preview how it looks on the page, tap the three-dot button at the top of the screen and select View.
19. Under the location where you embedded the content you will see the session.
