1. Navigate

In this tutorial, a product video is displayed on the product page of the Shopify store. To start, we’ll navigate to the Metafield Master application, and in Product look for the product to add metafield for. In this example, a test product is selected to display the product video on it.

2. Create Metafield

Now click on the product. Users can create a metafield for the product as well as for its variants. Place the embed video code in the string field.

3. Metafield Review

Created Metafield will look similar to this:

4. Copying Metafield

Now copy the metafield code of the metafield that has been created.

5. Adding Metafield in the theme coding

Now navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.

Now under the ‘product.liquid’ or ‘product-template.liquid’ file of the Shopify store theme, place the code where ever it requires the metafield to be displayed. In this example, the code is placed above the product description. Save the file.

6. Preview on store

Now in the theme preview. The video is displayed above the product description.

And now you can customize the look and feel of the video according to your theme style using custom CSS.