From the Shopify Store Admin Settings, go to “Metafields and metaobjects”.
Click on “Products” (it should be on the top of the list of Metafield definitions).
Click on “Add definition”.
Name the definition “Terrific Shoppable Video ID”
Under “Description” enter “Terrific Shoppable Video ID”
Select “Single line text” as the definition Type.
Assign product categories to the definition (optional).
Click “Save” on the bottom of the page.
Go to “Themes” (under Sales Channels -> Online Store).
On the current theme, click on the “Customize” button.
Click on “Home Page” in the top of the middle of the page > Products > Default product. (If the client uses another template for their products and would like shoppable videos embedded on those templates, repeat this step and the next steps for those templates)
On the left side menu, under “Template” click on the “>” button to the left of “Product page” to expand this section.
Decide where the client would like to embed the shoppable videos in the product page and add a “Custom Liquid” section in that place. For example, under the “Buy buttons” section. (this might be called something similar, but if there is only “Custom HTML” as an option, the code will have to be inserted manually and you would need to refer to Dany or someone in the technical team)
Click on the newly created Custom Liquid section to edit it.
Rename the section to “Terrific Shoppable Video Embed”
Paste the code “<div data-source="terrific" embedding-id="{{ product.metafields.custom.terrific_shoppable_video_id.value }}" id="embedding1"></div>” under “Custom Liquid”.
Check to see if the product page looks generally OK (The shoppable video should display yet), and if it does, click on “Save”.
Return to the main Shopify Admin page and click on “Products”, then select a product that you would like to embed a shoppable video feed in its page.
On the bottom right of the page, verify that the Theme Template selected for the product is one that has been modified as per steps 11-17.
Scroll down to the “Metafields” section of the product and find the entry field for “Terrific Shoppable Video ID”.
Enter the shoppable video embed ID that you created in the store’s terrific.live admin in the entry field.
Click on “Save” at the top of the page.
Test the modified product’s live page to see if the embedded videos display correctly.