Showcase your YouTube Shorts on your Shopify product pages with zero coding required!
Simply copy the entire code block from the "YouTube Shorts for Shopify.html" file.
- Log in to your Shopify admin dashboard
- Click on Online Store in the left sidebar
- Click the Customize button
- Navigate to your product page
- On the left side, click Add section
- Scroll down and select Custom Liquid
- In the Custom Liquid box, paste the entire code you copied earlier
- Find your YouTube Shorts video (Example:
https://www.youtube.com/shorts/XXXXXXX
) - Convert the URL by replacing
shorts/
withwatch?v=
- Before:
https://www.youtube.com/shorts/XXXXXXX
- After:
https://www.youtube.com/watch?v=XXXXXXX
- Before:
- In the code you pasted, replace:
YOUTUBE_URL_1
with your first YouTube video URLYOUTUBE_URL_2
with your second YouTube video URLYOUTUBE_URL_3
with your third YouTube video URL
- Optional: Change "Video Title 1", "Video Title 2", and "Video Title 3" to your video titles
- Click the Save button in the top right corner
- That's it! Your YouTube Shorts are now displayed on your product page
Your YouTube Shorts will appear in a beautiful, responsive layout:
- Elegant dark blue background
- Shadow effects for a premium look
- Mobile-friendly design that works on all devices
- Professional spacing and layout
Want to change the colors or style? No problem!
In the code, you can modify:
background-color: #103948;
- Change the background colorcolor: #fff;
- Change the text color- Any other CSS property to match your store's design
Contact me at [email protected] (Include "Shopify-Video-YT-shorts" in the subject line for faster response)
This tool is free to use! If you find it helpful, consider starring the GitHub repository.
Created with ❤️ by Elshoubky M