This guide provides step-by-step instructions to easily add a video to your Shopify Store homepage in 2025. This is a custom video section that can include a call to action - and this is not the default video section provided by Shopify which cannot be edited to include text or a CTA. Whether you're using the Dawn theme or a custom design, this solution will still work for you, as we are providing you with the custom code you'll need that can integrate with any Shopify store.
Step 1 - Upload & Host your video
In order to add video to your Shopify theme - you'll first need to ensure that your video is hosted & accessible, the easiest way to do this is with an unlisted youtube video, to do this, follow these steps:
Create a YouTube account if you do not already have one.
Select the "Create" button in the upper right corner (it looks like a tiny video camera).
Select your video file to upload.
On the next screen, add the title and description. Under Privacy, choose "Unlisted."
When done, select "UPLOAD" in the upper right corner.
Once uploaded, open your video and choose "Share", then "Embed"
Copy just the video ID from the URL in the embed code (Example: From https://www.youtube.com/embed/abc123, the ID is abc123)
Step 2 - Add custom liquid block to website
On Shopify - Navigate to 'Online Store --> Themes'
Locate the shopify store theme you wish to add the video block to, and select 'customise'
Select 'Add Section' in the Shopify theme editor, for the area you wish to place the video banner - and then select 'custom liquid'
Add the following code & Replace "PASTE-VIDEO-ID-HERE" with your video ID
<style>
.clean-video-container {
width: 100%;
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
}
.clean-video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.clean-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: transparent;
}
</style>
<div class="clean-video-container">
<iframe src="https://www.youtube.com/embed/PASTE-VIDEO-ID-HERE?autoplay=1&mute=1&loop=1&playlist=PASTE-VIDEO-ID-HERE&controls=0&modestbranding=1&showinfo=0&rel=0&iv_load_policy=3" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<div class="clean-video-overlay"></div>
</div>
5. Your video should now be embedded as intended
Final Thoughts - Enhance Your Store Further with Customer Loyalty
Now that you've successfully added an engaging video to your Shopify homepage, you're well on your way to creating a more dynamic and conversion-focused store. Your next focus can be turning first-time visitors into loyal, repeat customers that organically grow your brand for you.
How Transform one-time Visitors into Loyal Customers:
While your new video will help attract attention, implementing a loyalty program can keep customers coming back, and encourage signups with signup rewards. Our Shopify app, Mage, provides a complete points and rewards system that has been shown to:
Increase customer retention by up to 30%
Boost average order value among repeat customers
Create powerful word-of-mouth marketing through social rewards
Increase brand loyalty & community engagement
We offer a generous free tier which you never need to pay for - or you can trial the upgraded version completely free.
