> ## 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 Create a Shoppable Video Gallery Using Essential Grid Gallery

## Overview

This tutorial guides store owners through creating a shoppable video gallery by importing a template, linking store products, and embedding internal Shopify, YouTube, and Vimeo videos. It is designed to help boost store sales by showcasing products alongside engaging video content.

## Prerequisites

* Access to the Essential Grid Gallery dashboard.
* A product collection created in Shopify containing the products you want to display.
* A video uploaded to your Shopify admin files.
* A YouTube video and its specific video ID.
* A Vimeo video and its specific video ID.



## Steps

### Step 1: Import the Shoppable Gallery Template

* From the Essential Grid Gallery dashboard, click on **Use a template**.

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

* Choose **Photo Gallery** option from the popup.

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

* Click on the **Shoppable** tab located on the left menu.
* Choose the preferred template from the available options.
* Click the **Install** button.
* This will **Open imported gallery** to proceed to the editor.

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


### Step 2: Connect Your Shoppable Products

* Navigate to the **Edit Element** button on the top of the grid items.

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

* Navigate to the Shoppable tab in the pop up.
* Select the **specific product** you want to display on the grid item.
* Click the **Update & Refresh** button to apply the changes.

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


### Step 3: Add an Internally Uploaded Shopify Video

* Click on the settings icon (**Edit product meta** option) for the first grid item.
* Go to the **Alternative** tab.
* In a separate browser tab, navigate to your Shopify dashboard and go to the **Content** tab, then select the **Files** tab.
* Copy the link of your pre-uploaded video.

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

* Return to the app editor and paste the link into the internal video link field.
* Click the **Update & refresh** button, then click the **Save Gallery** button.

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

### 

### Step 4: Publish and Preview the Gallery

* **Publish** the gallery to your Shopify homepage in the traditional way by copying the gallery id and paste it in the app block
* Click the **Save** button.
* Check the live preview of your store to verify that the shoppable video gallery displays and functions properly.