GhostRetail Shopify App

How to set up your GhostRetail Shopify App on your Shopify website.

Jess avatar
Written by Jess
Updated over a week ago

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. Copy the Collection ID you wish to add to your website. Go to Online Store and select 'Customize' on your theme.

6. 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.

7. Click on Ghost Videos and paste your Collection ID.

8. Select your chosen video display format (Carousel, Floating Widget, Inline).

9. 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.'

10. 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.

Did this answer your question?