Adding interactive video to your Shopify website is so simple with our GhostRetail Shopify App.
IMPORTANT NOTE:
Once the app is installed, on the far left of your screen there are 3 icons. The bottom icon will be the App Embed section. Click here and ensure that the GhostRetail App has been toggled 'On.'
1. To connect your Shoppable Video account to Shopify, go to your Admin Dashboard at admin.ghostretail.com. Sign in with your account credentials.
2. Once you have signed into your Ghost Admin Dashboard, navigate to the Settings page and under 'API Key' select Generate. Copy this key.
Important Note: This key can only be seen once and you won't be able to see it again once you exit the window.
Copy the API Key right away and keep the API window open during the entire app installation process.
3. Navigate to the Shopify App Store and install the GhostRetail App.
Important Note: To download the GhostRetail Shopify App, you must have all of the below permissions on your Shopify account.
Home
Content
Metaobject definitions
View
Create and edit
Delete
Entries
View
Create and edit
Delete
Online Store
Themes
Edit Code
Blog posts and pages
Navigation
App Permissions
Manage and install apps and channels
4. Paste the API Key under the designated field. Doing so will pull in all of your video collections as they are created in your Ghost Admin Dashboard.
5. Head to the Collections page on your Ghost Admin. Copy the Collection ID from the Collection you wish to add to your website.
6. Go to Online Store and select 'Customize' on your theme.
7. Navigate to the page and section where you are looking to add your interactive videos. On the left, select the Add Section > Apps Tab > GhostRetail.
8. Click on Ghost Videos and paste your Collection ID.
9. Select your chosen video display format (Carousel, Floating Widget, Inline).
10. Once the app is installed, on the far left of your screen there are 3 icons. The bottom icon will be the App Embed section. Click here and ensure that the GhostRetail App has been toggled 'On.'
11. Once you are happy with how your videos look, click 'Save' and view on your website.
You can further style these display formats using CSS.
Within the Shopify Menu, select Apps on the left of your screen. This will open Custom CSS on the right hand side of your screen.