Implementing Interactive Videos on Webflow
L
Written by Logan Randell
Updated over a week ago
  1. Navigate to admin.ghostretail.com and sign in.

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

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

4. From the left-hand navigation menu, go to Collections. Select the "All Videos" default collection or create your own collection.

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

6. Copy the Core Script.

7. In a separate tab, navigate to Webflow.com and login.

8. Navigate to the drop down menu in the top left corner of your screen.

9. Select “Site Settings.”

10. Navigate to “Custom Code.”

11. Paste your Core Script in the “Head Code” text box.

12. Click “Save Changes.”

13. Navigate back to your Ghost account and copy the generated Video Snippet.

14. Return to Webflow and navigate to Pages.

15. Select the page you would like to embed your Ghost Video in.

16. Select “Add” from the left side menu.

17. Select “Embed.”

18. Paste your Video Snippet in the Code Editor text box.

19. Select “Save & Close.”

20. Click “Publish”, ensure your Ghost Videos section is visible, and enjoy!

Did this answer your question?