Terrific’s new SDK 2.0 makes integration faster, simpler, and more complete, unifying both Live Shopping and Timeline, 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.
Step-by-Step Integration Guide
You’ll need to embed 2 scripts:
1. Add the SDK Script Tag above the closing <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"></script>
Important: Some scripts are mistakenly closed with />. This is incorrect and will break functionality. Always close the tag with ></script> as shown above.
Before pasting: Go to the Terrific Admin (Black interface) or ask your Customer Success Manager to:
Replace YOUR_STORE_ID_HERE with your actual Terrific store ID.
Ensure the following fields are correctly configured:
Payment Supplier* →
SDKWithRedirect
Integration Class* →
ShopifyCustom(if deploying on Shopify)
Integration Class* →
BaseGeneric(if not deploying on Shopify)
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"></div>
Before pasting: Replace YOUR_EMBEDDING_ID_HERE with the ID of the specific format you want to embed (Live Shopping or Timeline).
To find your Embedding ID for live shopping:
Go to your Terrific platform
Click on Marketing > Embedded Sessions/collections
Copy the corresponding embedding-id from the script body you want to display
To find your Embedding ID for Timeline: (See related article)
-------
🖥️ 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.
