How to add a video section to your Shopify home page

Videos and in particular, product videos can have an incredible ability to increase conversions by better helping people understand your product and provide customers with as much information as possible about the products you offer.

And you need to add a video section to embed a video to your Shopify home page. This article shows you how to add a video to the home page, step-by-step.

Step 1: Upload your MP4 video to Shopify

  • From your Shopify admin, go to Settings.
  • Choose Files:
  • Upload a MP4 video that you already have downloaded or created:
  • The Video URL to use is located here, you’ll need to copy the entire address (click inside and select the entire address):

Step 2: Create a new section

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code.
  • In the Sections directory, click Add a new section with the name index-hura-video
  • Copy the below code for this file content.

    Note: Remembering replace your video link from step 1 instead for my demo link.
  • Click Save

Step 3: Include the new section to home page

  • In the Templates directory, click index.liquid.
  • In this file you can include the new section anywhere you want to show the video on home page.
  • Click Save and you’re done.


You may also like...

2 Responses

  1. Livio Antoine says:

    Thank you for sharing this code with us, but the video is in the bottom of the homepage
    Can you tell me, how to make it a header video ?
    There are no options to edit this video section, Is there any code to put some options (like text and size, etc.) in this new section?
    Thanks for your help

  2. Aiushe says:

    Thanks for sharing. My video doesn’t seem to be displaying though.

Leave a Reply

Your email address will not be published. Required fields are marked *