Skip to main content
All CollectionsEmbedding Ghost Interactive Video by PlatformSet Up with Shopify
How To Embed an Interactive Video HTML Section on Your Shopify Site
How To Embed an Interactive Video HTML Section on Your Shopify Site
L
Written by Logan Randell
Updated over 3 months ago

Please ensure that you have downloaded the attached Ghost Interactive Video Section code below before following the outlined implementation steps.

All Interactive Videos added to your site following this method will automatically display in a carousel style. To ensure best results, it is recommended that you implement a minimum of 5 Videos when following this method.

  1. Navigate to shopify.com and login to your site

2. Once logged in, navigate to Online Store > Themes > Edit Code.

3. Navigate to Sections > Add a New Section.

4. Name your new liquid section “shoppable-video or ghost-video.”

5. Paste the Ghost Video Section code over any pre-populated content and click

‘Save’

Please ensure that you have downloaded the attached Ghost Interactive Video Section code at the bottom of this article before following the outlined implementation steps.

6. Navigate to admin.ghostretail.com and sign in.

7. From the Videos page, create or edit a Video.

8. From the Video editing page, once you have completed your video creation, click "Save."

9. From the left-hand navigation menu, go to Collections.

10. Click "Add to Site" to select your Display Type, then click "Continue."

11. Copy the generated Video Snippet.

12. Navigate to Online Store > Themes > Customize.

13. Navigate to the location you would like to add your Interactive Videos to and click Add Section > Shoppable Videos or whatever you chose to name the section.

14. Paste your Video Snippet in the ‘Video Snippets’ section.

15. Click “Save”, ensure your Ghost Videos section is visible, and enjoy!



Did this answer your question?