Shopify offers a selection of Shopify developed site themes, as well as a third party developed theme store for shop owners to utilize. As these themes are developed by third parties, rather than by Shopify directly, there may be some variation in the included features and capabilities. Refer to the guide below to ensure you are able to seamlessly integrate Interactive Videos on your site, regardless of theme.
When implementing Interactive Videos on a third party Shopify theme, there are a two basic features to look for:
Head Code Injection
To implement Interactive Videos, you'll need a method to place the Core Script in your site header, anywhere between the <HEAD> </HEAD> tags.
Shopify allows this functionality outside the theme specific experience, meaning that Shopify developed themes as well as third party developed themes will have access to head code injection functionality. Simply edit the theme code itself, and navigate to the theme.liquid file to locate the <HEAD> </HEAD> tags.
For assistance in implementing Ghost's Core Script in your site header, please refer to our Shopify Implementation guide below:
Ability to Embed Custom Code
The second feature required to implement Interactive Videos on your site is the ability to embed a Collection Snippet in a custom code section on your site. Once embedded, the Collection Snippet will communicate with the previously installed Core Script to display Interactive Videos live on site.
Depending on your theme, this custom code section can take the shape of a Custom Liquid block, or a more generic embed code/HTML embed option.
If your theme does not have any custom code embed capabilities, please visit this article for instructions on adding a custom HTML code embed section to your site.
Following the addition of a custom HTML code section to your site, you will be able to follow our normal Shopify Implementation flow utilizing your newly added custom HTML section rather than a Custom Liquid section.
For assistance in implementing a Collection Snippet in your site, please refer to our Shopify Implementation guide below:
Once your Core Script and Collection Snippet have been added to site, your Interactive Videos will display live on site.
For any further assistance, please reach out to our support team at [email protected]