Skip to main content
Implementing Ghost Videos on Wordpress
L
Written by Logan Randell
Updated over a week ago
  1. Navigate to admin.ghostretail.com and sign in to your account. If you don't already have one, you can create one by clicking Create one here.

2. Once you've signed in to Ghost, navigate to the Videos page. Here you can create, edit, and manage your videos. Click + Create or Create One Now to create your first video.

3. Once you've added your video file, added a title, and selected the cover image, you can Save your video. You can also add your video to a collection right from this page. You will have to add your video to a Collection in order to add it to your website.

4. Navigate to Collections from the menu to create, edit and manage your Video Collections.

5. Find the Collection you want to add and click the Add to Site button.

6. Select the Display Type you want for your Video(s) and click Continue. To learn more about the different Display Options, click here.

7. Copy the Core Script in the first box. This will need to be added to the header of your website. This only needs to be done once, so you can disregard if you've already added this to your website.

8. In a separate tab, navigate to Wordpress.com and login.

9. Navigate to Dashboard > Plugins > Add New.

10. Search for “head code” and click “Install Now.”

11. Navigate to Installed Plugins and ensure your newly installed plugin is Activated.

12. Navigate to Tools > Head & Footer Code.

13. Paste your Core Script in the Head Code block and click Save.

14. Navigate back to your Ghost Dashboard and copy the Video Snippet in the second field.

15. Return to Wordpress and navigate to Dashboard > Plugins > Add New.

16. Search for “iframe” and click “Install Now.”

17. Navigate to Installed Plugins and ensure your newly installed plugin is Activated.

18. Once activated, navigate to Pages > All Pages.

19. Click “Edit” on the page you would like to display your GhostVideo on.

20. Click the “+” icon and add a Custom HTML code block.

21. Paste your Video Snippet in the code block.

22. Click Update, ensure your Ghost Videos section is visible, and enjoy! Now that your videos are installed - you can manage the videos directly from Ghost Admin without having to come back to your website.

Did this answer your question?