Skip to main content

Add a Video to the Product Page

Embed YouTube or any remote video on your product pages using metafields.

Advanced Tutorial

Verified for the Debut theme only. May require adjustments for other themes.

Step 1: Create a Liquid Snippet​

Create custom-video.liquid in Snippets. The snippet should:

  • Read the video URL from a metafield
  • Convert YouTube watch URLs to embed format
  • Display the video in an iframe (560x315px)

Step 2: Include in Product Template​

In product-template.liquid, below the product description:

{% render "custom-video" %}

Step 3: Optional CSS​

Add custom styles for .custom-video-wrapper in theme.scss.liquid to control spacing and layout.

Step 4: Populate Metafields​

In Metafield Studio, create metafields under the custom_video namespace with valid video URLs (YouTube, Vimeo, or direct video links) as the value.

Theme Extension Alternative

For a no-code solution, consider using the Video theme extension block instead. It supports YouTube, Vimeo, and Shopify-hosted videos with full customization no Liquid editing required.