Re: embed video into shopify

How can I embed a cava-edited video into my product page?

Ecomowner
Excursionist
30 3 2

How do I embed a video I edited on cava into my shopify product page. It says the snippet starts with iframe

Replies 3 (3)

azamgill
Shopify Partner
325 47 81

Hey @Ecomowner ,

 

You can add video with product as we add image, but if you want that same video appear on all products then you can follow:

To embed a video on your Shopify product page using an iframe snippet, you can follow these steps:

1. First, upload your edited video to a video hosting platform like YouTube or Vimeo.

2. Once the video is uploaded, locate the embed code provided by the platform. For YouTube, you can find the embed code by clicking on the "Share" button below the video, then selecting the "Embed" option.

3. Copy the iframe embed code provided by the platform.

4. Go to your Shopify admin dashboard and navigate to the product page where you want to embed the video.

5. Edit the default product template

6. In the product editor, add Custom Liquid .

7. Paste the copied iframe embed code into the HTML editor.

8. Save your changes.

Here's an example of what the iframe embed code might look like:

<iframe width="560" height="315" src="https://www.youtube.com/embed/YOUR_VIDEO_ID" frameborder="0" allowfullscreen></iframe>

Replace "https://www.youtube.com/embed/YOUR_VIDEO_ID" with the actual embed URL provided by YouTube or your chosen video hosting platform.

That's it! Your video should now be embedded on your Shopify product page.

 

If you still need help then i can made a short video clip for you.

 

Thanks

Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify
azamgill
Shopify Partner
325 47 81

A screenshot for explanation, note it's a dawn theme you may have some other theme.

Wbify · Customize Copy of Updated of Dawn · Shopify.png

 

Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify
YB_Soft
Shopify Partner
1 0 0

Hi @azamgill I tried your code but got the following issue on frontend.
(failed) net::ERR_CONNECTION_REFUSED
Referrer Policy Issue (strict-origin-when-cross-origin)

But in theme editor, i found a little different issue with the above one
(failed) net::ERR_CONNECTION_REFUSED
Referrer Policy Issue (no-referrer-when-downgrade)

What could be the reason?