> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://essential-grid.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add shopify media video

Essential Grid Gallery allows you to display not only images but also videos from your Shopify media library. Follow the steps below to add a Shopify-hosted video to your gallery:

### Step 1: Upload Your Video to Shopify Media

1. Go to your **Shopify Admin**.
    
2. Navigate to **Content > Files**.
    
3. Click **Upload files** and select your video (MP4 or MOV format).
    
4. Once uploaded, click **Copy Link** to get the video URL.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/i1_1h0qd3z.png =850x402)

### Step 2: Go to the Essential Grid App

1. Open the **Essential Grid Gallery** app from your Shopify dashboard.
    
2. Select the **Grid Gallery** where you want to add the video or create a new one.

### Step 3: Add a New Grid Item with Video

1. In your selected gallery, click **Add Item** or edit an existing one.
    
2. Paste the **Shopify-hosted video URL** (copied from the Files section) into the video URL field.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1jm4l60.png =850x475)

 

5. Set the source order at the top of the source list.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_rrg1mn.png =850x477)

6. You can set the video playback settings from settings tab.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_5ttyg.png =850x392)


### Step 4: Save and Preview

1. Click **Save** to apply the changes.
    
2. Use the gallery preview or visit the front end of your store to confirm the video appears correctly in the grid.