This website uses cookies to make your experience better. You can read more about cookie terms here.

How to add video to product images Shopify?

Humans are visual beings, and product messaging could never be more improved by using helpful visual aid. Adding rich media like images, videos, or 3d visuals clearly helps users understand the product online.

Since consumers cannot hold the product physically and they can only rely on the high-quality product images and videos, it is more than evident that you should be using images and videos on your product pages. Second, product images and videos are easily shareable on social media, thus holds power for driving buyers.

Shopify offers many product page features but sometimes your theme may not allow you to embed the product video the easy way.

That is why, in this blog post, we will be sharing ways regarding how to add video to product images Shopify.

Table of Contents

How to add video to product images Shopify

Where to embed/ add the video on the product page?

Method 1: Featured product image section

Shopify allows you to add YouTube videos or native HTML 5 videos directly on your product pages. You can add one or more video on your product page and it will be resized as according to the user device screen size.

In order to embed or add YouTube or Vimeo video, go to images section and upload an image.

Featured product image section

Here you can see the ‘ALT’ text link option on product image.

Add ALT text link option

Paste the Vimeo/YouTube video link in the field and press ‘done’.

A small tip here is that, you need an image associated with the video especially if you showcase thumbnails.

Method 2: Product description section

There may be a scenario where your theme may not allow you to add video in product gallery. In such cases, you can use product description section for embedding video.

Here before adding video in product description make sure you are in ‘code view’.

product description section

You can place the video link after the description or before the description text. Up to you.

Method 3: Use Split tag

The split tag acts more like a separate content block where the video will be added below the product images and description.

This <! –split → tag must be added in code view. Otherwise, it may not work.

use split tag

Final verdict

We shared three simple methods via which you can easily embed or add YouTube or Vimeo videos to your online store along with the product images. It would take 2-3 minutes hardly.

Although there are some Shopify themes that offer ‘video content block’ just like video homepage section. So that you can embed video apart from the product gallery as well.

Phaedra Solutions is a Premier Shopify design and development company. We think customers are not just buying stuff online but they also buy experiences.

Get a Free, “No Obligation” Consultation on all your online store needs like outsourcing, optimization, and customization today.

Subscribe to our Newsletter.

Thank you! Your subscription has been added to our newsletter!
Oops! Something went wrong while submitting the form.

Related Blogs.

How to apply Shopify multiple discount codes at checkout?How to apply Shopify multiple discount codes at checkout?
People love discounts, so your customers would love them too. Don't know how to apply Shopify multiple discount code options? Use this guide for help.
Unable to hide old product pages indexed on Shopify robots.txt? Unable to hide old product pages indexed on Shopify robots.txt?
Don't know how to hide old product pages on Shopify robots.txt? We got a simple solution to resolve this issue. Check it out here!
How much does a Shopify expert cost? US vs Non US developersHow much does a Shopify expert cost? US vs Non US developers
"How much does Shopify expert cost?" We have a guide on Shopify development costs involving various regions like the US, UK, Australia, etc.

Contact.

You have an idea? We handle all the rest

Drop us a line.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

USA

500 Grant Street, Downtown, Suite 2900,
Pittsburgh, PA 15219, USA

+1 (412) 475 9053

Pakistan

2 West Canal Bank Road, Lahore 54000,
Pakistan

+92 (322) 452 4442

United Kingdom

Suite A12, 56 Wood Lane, London,
W12 7SB, UK

+1 (93) 606  7875

Project inquiries

hello@phaedrasolutions.com

It’s not about ideas
It’s about making ideas happen
Copyright 2022 - Phaedra Solutions.
All Rights Reserved