Guide for Adding videos to Shopify Homepage

Posted by Stephen on March 22nd, 2021

The online business industry has gotten progressively serious since an ever-increasing number of merchants change to online stages to arrive at a more extensive client base and increment buys and income. That implies every business needs to rival numerous adversaries who are selling similar sorts of products. That is the reason they need to think often more about the visual allure and style of their stores.

Perhaps the most ideal strategy is utilizing video in merchants' product pages. By doing this, they can make a decent initial feeling of customers to their image, develop brand notoriety, trust, and commitment. Besides, they can, in any event, achieve a positive by and large shopping experience, making them stand apart from their rivals.

This post will show you the significance of adding videos to your Shopify store pages and the bit by bit manual for embedding your videos all the more without any problem.

Let's begin!

Adding videos to Shopify store’s homepage?

Step 1: Upload your MP4 video to Shopify

Firstly, you should upload your video that is in MP4 format to Shopify by following the instruction below:

  • Sign in to your account and go to your Shopify admin.
  • Go to the Settings section.
  • Click on the Files button.
  • Click on the Upload Files button to upload the MP4 video that you have downloaded to your PC or created before.
  • When the upload process is done, the video URL to use is located here. You should click inside and select the entire address to copy the address shown.

Step 2: Create a new section

  • Go back to your Shopify admin
  • Go to Online Store and click on Themes
  • Search for the theme you want to edit and click on the Actions button
  • Click on the Edit code button
  • In the Sections directory, click on Add a new section with the name index-avada-video
  • Now let’s copy the following code for this file content. However, keep in mind to replace your video link from step 1 instead of the example link I have included.

Code:

{% schema %}{"name": "Section name","settings": []}{% endschema %} {% stylesheet %}.section-avada-video{ width:100%;}.hurabg-video{ right: 0; bottom: 0; width: 100%; height: auto;}{% endstylesheet %}{% javascript %}{% endjavascript %}


Step 3: Include the new section on home page

  • Go to the Templates directory
  • Click on “index.liquid”
  • Now it’s time for you to include the new section anywhere you expect to display the video on your Shopify home page

{% section 'index-avada-video' %}

  • Click on the Save button and your MP4 videos have been added to your Shopify’s home page

Conclusion

Add videos to your Shopify Product Page to see the increase in sales and reduction in returns. We hope this post is helpful to you when developing an online business.

Like it? Share it!


Stephen

About the Author

Stephen
Joined: January 20th, 2021
Articles Posted: 90

More by this author