Tutorial: How to Embed Videos on Shopify Pages, Products, and Themes
Вставка
- Опубліковано 15 лип 2024
- In this video, we are going to explore the various ways that you can add and embed video files on your Shopify store. There are many different ways to showcase videos on your store. One popular way is to simply use the Shopify file manager to upload your video, and then use a small piece of code to embed the video anywhere in your store - however - for larger files, above 20MB, the file manager within Shopify will not allow you to upload it! There exists a few workarounds, and we will explore each one of these workarounds within the video.
If you are using the Shopify file manager method to embed videos and are looking for the embed code I used in the video, click on this link: www.wiyre.com/embed-video-code/
If you want to embed a UA-cam video in your Shopify store, click on this link: www.wiyre.com/tools/youtube-v...
Important notes & troubleshooting steps:
- If you want to autoplay a video, make sure you select the correct settings in the youtube video embed generator from the link above. If your video is not autoplaying, make sure you have this option checked, and try a browser other than Google Chrome.
- Videos will always show related videos. *Removing related videos using the "rel" option with the URL is no longer supported*. See: developers.google.com/youtube...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Need a Shopify account? Sign up for a free trial here: www.wiyre.com/recommends/shop...
Did this video help? If so - please subscribe to my channel so that I can continue to make these types of videos, I appreciate your support!
Timeline:
0:0:00 - Intro
0:0:30 - File manager embed method (small video files)
0:1:03 - How to add HTML to a theme home page
0:1:38 - Embed code for file manager method
0:2:35 - Embedding our code in a product page
0:3:29 - Large files - not supported in Shopify file manager
0:4:23 - Embed method alternative tool
0:5:10 - Overview of the Wiyre Custom Video Embed Generator
0:7:21 - Copying our embed code and placing it on a product page
0:8:28 - Troubleshooting autoplaying videos in Chrome
0:9:23 - Alternative method - Media import from UA-cam
0:10:47 - Embedding a video in a Shopify page
0:11:39 - Additional help + closing statements
wow , you havew no idea , how long it took me to find your video and finally add videos to my products. Thanks a mil
You're the best!!!
Amazing channel and all your video are of great help since I just start a Shopify store.
This is amazing! I just used this for my website, and it is so easy. Much appreciated for your help.
Great to hear this helped!
You have made this so easy for me to display my invitations more seamless. Thank you!
Thanks for the video and the tool you built. I haven't used the tool yet, but it looks as though it will be very helpful.
Thank you so much. keep doing more videos
Thanks for the info great insight
super helpful and easy to follow :)
Thank you so much!
Thanks that is a great to share and guiding us. Best regards, Shirish
thank you so much
Thank you so much🙏🙏🙏🙏🙏
thanks bro
Thank you for this! Can you show how to embed a video from my photo library on my shopify homepage in the slides? Thanks
This was very helpful. I was wondering if this is proper process, I want to put the thumbnails in and then make them clickable?
Great video, very helpful and easy to follow. Is it possible to add a link to the video that you embed on the homepage?
You’re the only person I’ve seen who actually tells you about the 20MB fine upload limit.
I just spoke to Shopify and they were even surprised that my 75MB video wouldn’t upload this way.
Their documentation on Shopify doesn’t even tell you this information.
why would you ever want to upload a 75mb video to your website the load time would be slow as frick
Great lesson, thanks! I have one question - why doesn't the video show the screen thumbnail on mobile (I am viewing on iPhone 14 pro)?
I am editing a current page. I have duplicated it and am trying to add a new video and delete an old video on this page. How do I remove a video? Thank you and great tutorial!
What am I doing wrong? I am trying to put a video on a page in my shopify store. I went to my saved shopify mp4 video file & copied the link. When I put the link code into the code you provide, save the page and then click preview page..the code appears on the page not the video. Any idea what I'm going wrong? Thank you.
Can you upload a custom video on to any theme?
Hi. Is a “live theme” necessary for this to work?
how do you code the mp4 on the backend though sp the user has the choice for youtube,video mp4 using liquid and php? it would be awesome if u can answer
How can i add a vertical video? Can you please make a video about that? Thank you very much
What about for mobile? Mine is appearing too large on mobile but fits perfect on desktop
Hi hi do you know what’s the maximum size for the file video ?
How can we put 2-3 videos in one slide of liquid custom
4 Thumbs up.
I have a video in my explorer saved, how do I put that on shopify? I have tried, but idk how to do it
What do you mean by your explorer?
for me i dont have the option of custom HTML only custom content
yh 4 some reason they took it out
How about posting a course to sell that's in video format? Let's say 2hrs long
What type of course would be interesting and valuable to you?
@@Wiyre I mean how would you go about selling a course that's about 2 hrs long on Shopify?