Home » How to add a video on Shopify

How to add a video on Shopify

  • by
Hpw to add video On Shopify

Adding a video to a page or product sheet in your Shopify store can increase the length of time your visitors stay on the page in question or even increase the conversion rate of a product sheet.

You can simply, in a few steps, add a video to Shopify from a video you have in your Shopify files or a YouTube video.

In this article, you’ll learn step-by-step how to add a YouTube or Shopify video to your e-commerce store page .

1. Retrieve the URL of the video to embed

The first action to add a video to Shopify is to choose a video and get its URL.

If you have a YouTube video (or any other video hosting platform), you can grab the video’s URL by going to the video’s page and copying the address into your web browser.

Otherwise, you can add a video to your Shopify store files by going to the “Settings > Files” section (1) of your store and then clicking on the “Import files” button (2) you can upload a video of your computer to your store’s file gallery.

Once imported, you can retrieve the URL of the video by clicking on the button located to the right (3) of the line of the video in question.

How to add a video on Shopify

2. Create the HTML code

With the URL of the video you will be able to create the HTML code that will allow you to integrate the video into a Shopify page or product sheet.

See also
Shopify terms and conditions: How to generate your legal notices?

Copy the following source code and replace the URL, located between the quotes of the “src” attribute, with the URL of your video:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src="https://www.youtube.com/watch?v=ka_hhTCfRXo" frameborder='0' allowfullscreen></iframe></div>

3. Add the video code to Shopify

When you have added the URL of your video to the “src” attribute of the HTML code for embedding a video, you will be able to add this code to your Shopify store.

To do this, create and modify Shopify content (article, page, product sheet, etc.) then click on the icon button with a camera “Insert a video” (1) or on the “<>” button (2) to display the code source of content:

How to add a video on Shopify

Copy the HTML code into the “Insert video” button input box (1) and click the “Insert video” button (2):

How to add a video on Shopify

Or copy the code in the content editor then save the changes to validate the addition of the video to your Shopify store.

Conclusion

Adding a video to Shopify is a fairly simple task to perform that does not require specific technical skills. A video brings many benefits to your store and product sheets.

See also
How to automate dropshipping on shopify and woocommerce?

If you want to add multiple videos to your Shopify, you will need to repeat the steps seen in this article many times.

Leave a Reply

Your email address will not be published.