How to Add Video to a Shopify Homepage

Ends soon! Get $70+ in savings and build skills with Coursera Plus. Save 40% for 3 months

Key takeaways

• To add a video to your Shopify homepage, log in to your account, open the admin panel, select Settings > Files, choose Upload files, select the video, and click Open, adding the video’s URL to the URL column on the Files page

• To add an.mp4 to your homepage, select it from the Filestab by clicking Upload fileto create a pop-up where you can choose the file from your computer and click Opento add an.mp4 or.mov that’s up to 1 GB and 10 minutes long

• To customize your Shopify homepage, navigate to available themes by selecting Sales Channel>Online store>Themes; from there, click Customizeand Add sectionto place your video in the right spot

You can also add video to your Shopify homepage using plugins, although this may introduce added costs. Continue reading to learn how to add video to your Shopify homepage to boost views and sales

Then, continue building your skill set by enrolling in the Google Digital <a href="https://justfineinfotech.com/what-is-the-best-smm-panel-in-pakistan-for-social-media-marketing/” title=”What is the best SMM panel in Pakistan for social media marketing?”>Marketing and E-commerce Professional Certificate. This beginner-friendly program can help you build and strengthen digital marketing skills to support your e-commerce store or a career in digital marketing. Upon completion, you’ll earn a credential to add to your resume and professional profile for an added boost

When it comes to making online sales, one of the drawbacks of physical shopping is that customers can’t see the product in the same way. An image may not do the product justice or allow you to see it in action. Video is an effective tool that solves these issues and allows customers to get a feel for a brand and its values, which has been shown to improve conversions and sales

Here is a brief look at the steps to add video to your Shopify homepage

1. Log in to your Shopify account

2. From the admin panel, go to Settings > Files

3. Click Upload files, select a video, and click Open

4. Add the video’s URL to the URL column on the Files page

5. Go to Sales channels > Online store > Themes

6. Find your theme, and click Actions > Edit code

7. Click Sections > Add new > and name it

8. Paste the code into the text box andSave

9. Click Sales channels > Online store > Themes > Customize

10. Click Add section > Homepage video

11. Save changes

Let’s take a look at each step in more detail

1. Log in to your Shopify account

Log in to your Shopify account like you usually do to view your shop or make edits

2. Find the “File” section

Find your admin panel, click on Settings, find the File tab, and select it

3. Upload your video

From the Files tab, click Upload file, which will create a pop-up. Select a video from the files on your computer and click Open. Shopify has an upload limit of 1 GB and a length of 10 minutes. You can upload.mp4 or.mov video types

4. Copy the URL

Copy the uploaded video’s URL from the URL column on the Files page. Paste the URL in a document or note that you can access later

5. Find your theme

Go to the Sales Channel tab and find your Online store. From here, go to the Themes tab

6. Edit the theme

On the Themes tab, scroll through to find your theme, click Actions, and then Edit theme

7. Name your video

Go to the Sections drop-down menu and click Add a new section. Give it a descriptive name, such as “homepagevideo.”

8. Add custom code

When you create and name your video, a pop-up box appears. Remove the default code from the box, paste it into your custom HTML code, replace https://video.link.goes.here with your video link, and press Save

Top tip

You can use the following code if you don’t know how to create custom HTML code:

<div class=”section-homepage-video”>

<video autoplay muted loop playsinline class=”video-homepage”>

<source src=”https://video.link.goes.here” type=”video/mp4″>

</video>

</div>

{% schema %}

{

“name”: “Homepage Video”

“class”: “index-section index-section–flush”

“settings”: []

“presets”: [{

“name”: “Homepage Videos”

“category”: “Text”

}]

}

{% endschema %}

{% stylesheet %}

section-homepage-video{

width: 100%;

}

video-homepage{

width: 100%;

height: auto;

}

{% endstylesheet %}

{% javascript %}

{% endjavascript %}

9. Customize themes

Click the Sales Channel tab, then click Online storeand Themes, and Customize

10. Select your video

From here, click Add section to show where you want the video to go, and select the video that you named earlier from the list

11. Save changes

Save your changes, and that’s it! Your video should autoplay on your homepage

Using a plugin

If you’d like to add video to your Shopify store more easily, you can use a plugin. However, the majority are not free, so consider whether the cost justifies the gains to your store

360-degree images

An alternative to adding video to your Shopify homepage is using 360-degree images. Shopify supports this function through its Magic 360 app, which allows you to upload multiple product images. Customers can zoom in and out and view a product from any angle

Explore our free e-commerce and digital marketing resources

Keep up with e-commerce and digital marketing trends, get insights into emerging technologies, and stay up-to-date on in-demand skills with a subscription to Career Chat, our weekly LinkedIn newsletter. You can also check out some of our other free re

• Bookmark for future reference:How to Create a Shopify Exit Survey

• Watch a YouTubevideo:Digital Marketing Explained in 5 Minutes | Beginner’s Guide

• Find your path:Digital Marketing Learning Roadmap: Beginner to Expert

Whether you want to develop a new skill, get comfortable with an in-demand technology, or advance your abilities, keep growing with a Coursera Plus subscription. You’ll get access to over 10,000 flexible courses

• 
  

  Break down barriers to learning with big savings

  Get Coursera Plus
  

Keep reading

• Google Tag Manager Shopify Integration: How to Set It Up
  August 10, 2026
• How to Use Instagram Shopping with Shopify
  February 6, 2026
• What Is Digital Marketing? Key Channels, Examples, and More
  August 31, 2026
• How to Use AI to Create Videos
  January 31, 2026
• E-commerce SEO: How to Drive More Traffic to Your Online Store
  March 7, 2026
• What Is E-commerce? Types, Benefits, and More
  April 27, 2026

Updated on Sep 8, 2026
Written by:

Coursera Staff

Editorial Team

Coursera’s editorial team is comprised of highly experienced professional editors, writers, and fact

This content has been made available for informational purposes only. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals

Source: www.coursera.org