Shopify - 4 Ways to Add Unique Video to Each Product - Basic to Adv. w/ Metafields

Normally you can add a video to the product media area, or you can add it in the product description. But there is a third way that lets you add the video anywhere on the product page using custom liquid and Metafields.

We can use the ‘multi-line text’ metafield to add our embed code to our product.
Then we output that code by using the Custom Liquid block in the theme editor. The liquid code would look like this:

{{ product.metafields.custom.video.value }}

This also works for any kind of iframe content that you might want to embed using a metafielf including calendars, forms, maps.

You might also need to make your Youtube video responsive (depending on your theme), so that it resizes correctly to fit the area you've added it to.

🔗 LINKS MENTIONED IN VIDEO
This video as a blog post: https://ed.codes/blog/how-to-embed-vi...

Responsive videos:    • How To Fix Video Embed in Shopify Daw...  

And as a blog post: https://ed.codes/blog/easy-responsive...

Video in Accordion:    • Shopify - How to Add a Video inside C...  

📢 STAY UPDATED

Want to see my latest tips, tutorials, and code add-ons? Youtube won’t always show you. Subscribe to get emails directly from me: https://ed.codes/newsletter

👨🏼‍💻 WHO AM I?

Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
I'm a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.

Visit my website: https://ed.codes

Join "Shopify DIY" on Discord
Chat with me and other store owners and developers:
  / discord  

🛠 CODE SHOP

https://shop.ed.codes/
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.

👍 MY FAVOURITE APPS & THEMES

Pagefly (Page Builder): https://pagefly.link/vASPAeBp
Design Packs: https://platform.shoffi.app/r/rl_gyOD...
Loox (Reviews): https://loox.io/app/edcodes
Vitals (Marketing Add-ons): https://vitals.co/shopify/6557054
Premium Themes by Out Of The Sandbox: https://outofthesandbox.com/?rfsn=594...

Some of these are affiliate links. If you ever upgrade to a paid plan, you will also be supporting this channel at no extra cost. Win-win!

⏭ CHAPTERS

00:00 Intro
00:51 Product media
01:51 Product description embed
03:50 Metafields Intro
05:40 Define the Metafield
07:32 Output in a Block
09:30 IF a product doesn't have a video
10:39 Custom Liquid Section
12:17 Adjusting Section for your theme
14:54 More CSS tutorials?

#Shopify #metafields #videos #css