Adding a Youtube Short to My Store Home Page

Adding a Youtube Short to My Store Home Page

aminm1
Excursionist
22 2 1

Hi Team,

Trying to add a you tube short of my Product to my store home page. A message as below comes:  

"This link is invalid. Try pasting a complete YouTube/Vimeo link"

Tried to reupload the vidoe to youtube to come as YouTube Link not YouTube short. Youtube turns to YouTube shorts which Shopify does not accept the link.

What is the workaround with this please to add Youtube Short to my home page or a different way of uploading the video to youtube so Shopify accepts the link?

Please advise.

Screenshot 2023-11-12 134938.png

 

 

 

 

Replies 18 (18)

Abdosamer
Shopify Partner
1040 188 225

Hi @aminm1 , can you share the video link that you want to upload?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
aminm1
Excursionist
22 2 1
Abdosamer
Shopify Partner
1040 188 225

Try to use this link instead :
https://www.youtube.com/watch?v=KK3iYkvEB_k

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
Hamptons1
Visitor
2 0 0

Hello. im having same issue. Please can you help me how to get the other YouTube Link please.

aminm1
Excursionist
22 2 1

Thank mate. it worked.

Can you please help how I can add product video to my product page? 

ElectronicsAsk™️ Bluetooth LED String Lights

Abdosamer
Shopify Partner
1040 188 225

Ofcourse, first you need to upload the video to shopify :
Go to your shopify store admin area and choose from the left sidebar content then files and upload your file, then copy the link of the video.

-the next step is to go to the theme editor and choose Add section then choose custom liquid and add this code :

<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
    <source src="your video link"
                  type="video/mp4">
</video>


instead of "your video link", put the link that you just copied. 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
aminm1
Excursionist
22 2 1

Can you please send a snapshot picture of step by step where I need to copy please?

 

Abdosamer
Shopify Partner
1040 188 225

Did you upload the video to shopify?

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
aminm1
Excursionist
22 2 1

yes I did

 

Abdosamer
Shopify Partner
1040 188 225

copy the video link:

Abdosamer_0-1699767737029.png

then go to the theme editor

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
aminm1
Excursionist
22 2 1

copied and this is where I am now

aminm1_0-1699768024865.png

 

Abdosamer
Shopify Partner
1040 188 225

You can click on add video and choose which video to upload, or click on add section the choose custom liquid and add the code I provided you and replace "your video link" phrase with the video link.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
aminm1
Excursionist
22 2 1

This place just accepts YouTube and Vimeo link. Please advise if I am in right place.

aminm1_0-1699768661517.png

 

Abdosamer
Shopify Partner
1040 188 225

You don't see this option on the right side? :

Abdosamer_0-1699768768836.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
aminm1
Excursionist
22 2 1

No. This is the snapshot.  Am I in the right place or the link has been removed from my Theme?

aminm1_0-1699769000631.png

 

 

Abdosamer
Shopify Partner
1040 188 225

ok, try to choose add section then choose custom liquid:

Abdosamer_0-1699769117304.pngAbdosamer_1-1699769142169.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
Mywardroom
Visitor
2 0 0

Hey this answer really helped. 

But how do I hyperlink a url to this to redirect to another page?

 

Sebomexemo
Visitor
1 0 0

I tried this option but my youtube short was way too big to view. So I tried using the liquid code and taking everything after shorts/ and after using that to replace <shorts video code> with the code below, my short video was as big as I liked and centered.

<div style="text-align: center;">
<iframe width="472" height="840"
src="https://www.youtube.com/embed/<shorts video code>"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>