Skip to main content
How to Embed a Shoppable Collection

This guide outlines how to embed a shoppable collection in your Shopify store to enhance customer experience and boost engagement.

Updated over 5 months ago

Alert: Please Notice! Before embedding, confirm with the TERRIFIC team that your website has been added to their whitelist.

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. Go into Edit code

3. Make sure you are under theme.liquid section.

4. Tap anywhere on screen then [[Ctrl]] + [[F]]

5. Click on the search bar to begin your search:
Type in the word head

6. Scroll down until you find the closing </head> tag.

7. Go back to your generated script on terrific. Copy the header script.
​How to create a shoppable collection and script to embed

8. Paste the script before the closing </head> tag.

9. Save changes

10. Exit back to the main store page 'Online Store'

11. Under 'Online Store' go into 'Customize'

12. Select the location where you want to embed the content.

13. Make sure you are under the Template section - click on 'Add section'

14. Scroll down and select Custom Liquid

15. Go back to your generated script on terrific. Copy the body script.

16. Paste it in the Liquid code section

17. Once you paste the script you will see the shoppable on the right side of the page.

18. To make the shoppable larger:
Add this to the script: height: 450px;
​

<terrific-shoppable-video height: 450px; embed-id="XXXXXXXXXXXXX" />

19. 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. Try adding an item to your cart and proceed to checkout.


​


​

Did this answer your question?