# Add Videos to the Section

VDO Product Video Feed not only allows you to add various different modes.

## <mark style="color:blue;">Video Only Mode</mark>

This is the block that is added to your store's theme blocks.

<mark style="color:blue;">**Step #1**</mark>

Go to **theme customization** <mark style="color:blue;">➤</mark> **Add block** <mark style="color:blue;">➤</mark> **Video Only Mode**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F9kWxdsTItZspoXE2aeuc%2Fimage.png?alt=media&#x26;token=0c96aedd-639c-4271-a1ed-080c3eb9d7c3" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

Once the section is added, you have to add the videos to the section.

Access the block and select the videos you want to display (the videos uploaded to your Shopify store).

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FM43ORmJPBs7JiCA0vM6F%2Fimage.png?alt=media&#x26;token=50debd15-1481-44cc-84c6-7133c8716dca" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3**</mark>

Once you have selected the videos, you can adjust the **height of the video slider** and also the **gap between video slides** in pixels.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FEKgODdN1bawji7WqMcNn%2Fimage.png?alt=media&#x26;token=5f355214-bec0-40a8-b6b7-93c506500489" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">VDO Reels Mode</mark>

This is the section that allows you to display your videos along with tagging your products to the videos.

<mark style="color:blue;">**Step #1**</mark>

Go to **theme customization** <mark style="color:blue;">➤</mark> **Add block** <mark style="color:blue;">➤</mark> **VDO Reels Mode**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FxeNNWfkslYYyFMbnfgOy%2Fimage.png?alt=media&#x26;token=1190b4f1-514b-493d-89a7-a2847f98e117" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

Once the section is added, you have to add the videos to the section.

Access the block, name the section, and select the videos you want to display (the videos uploaded to your Shopify store).

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F8KZNhsD4oWhkj7Adwuso%2Fimage.png?alt=media&#x26;token=aca94a06-f66b-436d-91d5-dfe500d9547e" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3**</mark>

After adding this section, you can configure the video display settings.

For the configurations, you can adjust the **height of the video slider**, choose a color for the button background, and also the font color of the button.

You can also tag the products that you want to display on the videos by placing their product link.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F22IQqSwmOBNo180BVQAw%2Fimage.png?alt=media&#x26;token=07986b42-1833-42e8-bb5b-2167cba625ec" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">VDO + Product Tags</mark>

This is the section that allows you to display your product videos, along with tagging the video with the particular product.

<mark style="color:blue;">**Step #1**</mark>

For that, you must go to **Online Store** <mark style="color:blue;">➤</mark> **Themes** <mark style="color:blue;">➤</mark> **Add app block** <mark style="color:blue;">➤</mark> **VDO + Product Tags**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FGG1enE4YRzcvEGG1OMoZ%2Fimage.png?alt=media&#x26;token=72140c15-7d67-47a1-b67c-d5c0701f762b" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

After adding this section, you can easily upload the product videos and tag product links to the uploaded videos.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FuBdYTkSSVlgjihlSLJG8%2Fimage.png?alt=media&#x26;token=a943b87a-680d-426e-9963-3c62641700af" alt=""><figcaption></figcaption></figure>

By this, customers can directly purchase the respective products without navigating to their product page.

Along with this, you can also customize the **Buy** button color and the **Font** color also.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Fx4EIfoTR8OzpTJ9UPCkk%2Fimage.png?alt=media&#x26;token=de9fca1e-14a9-4271-89e6-a63eeef6d2ad" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">VDO Reels Grid</mark>

This section much similar to that of the VDO Reels Grid.

<mark style="color:blue;">**Step #1**</mark>

For that, you must go to **Online Store** <mark style="color:blue;">➤</mark> **Themes** <mark style="color:blue;">➤</mark> **Add app block** <mark style="color:blue;">➤</mark> **VDO Reels Grid**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FvDnPPu39NAEYMBCC4Gez%2Fimage.png?alt=media&#x26;token=12535d48-2641-4179-ba5b-0357796b56d8" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

After adding this section, you can easily upload the product videos and tag product links to the uploaded videos.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F41ImAJK3OsdPYp7oIOWs%2Fimage.png?alt=media&#x26;token=8e87b81e-c395-448a-855d-22ef6f71cd75" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3**</mark>

For the configurations, you can adjust the **height of the video slider** for both mobile and desktop devices, along with tagging the products that you want to display on the videos by placing their product link.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F91Z5PGx3MIfnT8Hojrfz%2Fimage.png?alt=media&#x26;token=7dbb0bb4-5cf9-48f1-90be-198d61dbe48f" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">VDO Banner</mark>

This is the section that allows you to add video banners.

<mark style="color:blue;">**Step #1**</mark>

For that, you must go to **Online Store** <mark style="color:blue;">➤</mark> **Themes** <mark style="color:blue;">➤</mark> **Add app block** <mark style="color:blue;">➤</mark> **VDO Reels Banner**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F2xaEWg3F5vJUfBBY1SP9%2Fimage.png?alt=media&#x26;token=26ad48d4-5489-4ced-9ead-124b5be94df5" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

After adding this section, you can easily upload the product videos and tag product links to the uploaded videos.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FVGTdxJlX1DQE8mHNaU4Y%2Fimage.png?alt=media&#x26;token=546fc674-64a5-4cd1-b4bf-29140b66ec71" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3**</mark>

For the configurations, you can;

* adjust the video banner height for both mobile and desktop
* video width \[fullscreen or fluid (container width)]
* autoplay or loop the video
* mute the video
* set the video alignments
* set heading and its font color
* set subtext
* configure the button and button hover settings

## <mark style="color:blue;">VDO Pops</mark>

This is an app embed that enables a video popup on your store that can be closed by your store visitors anytime they want with the close button.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Fl1htzB78buJagG7MDROA%2Fimage.png?alt=media&#x26;token=46ff4f42-f2d1-4eb5-9c29-4a74810d307a" alt=""><figcaption></figcaption></figure>

Here, you can tag the product, adjust the video height, and select the video position.

## <mark style="color:blue;">VDO Stories</mark>

This is an app embed that allows you to display your product videos in a story form.

<mark style="color:blue;">**Step #1**</mark>

For that, you must go to **Online Store** <mark style="color:blue;">➤</mark> **Themes** <mark style="color:blue;">➤</mark> **Add app block** <mark style="color:blue;">➤</mark> **VDO Stories**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FLyx4QBKUdjdeQygXgbF2%2Fimage.png?alt=media&#x26;token=b8860054-ea5a-41f1-9ce4-aef000c6dac1" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

After adding this section, you can easily upload the product videos and tag product links to the uploaded videos.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FRF5xr9VAeZ2C0zgAmJwN%2Fimage.png?alt=media&#x26;token=a430e75f-c0c9-47e0-ae70-13c14773db32" alt=""><figcaption></figcaption></figure>

**Learn** [**How to Add Video to Shopify Product Page?**](https://magecomp.com/blog/add-video-to-shopify-product-page/)