This article is also available in:
In addition to product image, you can now add video to a product page to help your customers better visualize what the product looks like. This encourages the customers to take action on the product page, such as adding product to cart. In this article, we will show you how to add video to a product page.

At the moment, you can only add videos hosted on YouTube or Vimeo to your store.

In this article

A. Add video to product page
B. Product thumbnail rule
C. Upload videos to YouTube and Vimeo

A. Add video to product page

From your ShopBase admin, go to Products > All products and click on the product you want to add videos to.


In the Media section of the product details page, click Add media from URL.


In the dialog box, enter the video URL of the product hosted on YouTube or Vimeo, then click Add media.


It can take up a few seconds for your videos to be processed and successfully uploaded.
Once your video is successfully uploaded, you can:

Click and drag to rearrange its order.


Click on the eye icon to preview, the ALT to add alt text, and the trash can icon to delete a video.


Set up video for product variants by clicking on the variant, selecting the video you want to add, and click Save.

Click on the variant...
...and select your video
Click Save changes once finished.

This is how the video will be displayed on your product page. Visitors can click on it to play, pause, watch in full screen, etc. as normal.


You can add up to 500 medias (including images and videos) for a product.
Videos added to your products may not contain intellectual property that is not owned by you.

B. Product thumbnail rule

In your store's admin: The first media file (whether a video or an image) will be displayed as the product thumbnail.

In your storefront: The product thumbnail will be displayed as follows:

In all product page, collection pages, product swatches, bundle cross-sell offers, and accessories cross-sell offers: The first image of the product will be displayed as the product thumbnail. If the product has only videos and no image, the product thumbnail will be greyed out as in the photo below.


In upsell offers: The first media file (whether a video or an image) will be displayed as the product thumbnail.

C. Upload videos to YouTube and Vimeo

YouTube

You will need a YouTube account in order to upload videos to YouTube. Please refer to this article on how to create one.

Sign in to YouTube Studio.

In the top-right corner, click CREATE > Upload videos.


Click Select files and select the video file you want to upload from your device.


Finish the all required steps on YouTube to upload your videos.


YouTube video processing time can vary greatly depending on your file size.
You can select any type of visibility for your video as you like.
Once your video is successfully processed by YouTube, click on this icon to copy the video link and paste it to your product page as guided in section A.


By default, you can upload videos that are up to 15 minutes long on YouTube. Verified accounts can upload videos longer than 15 minutes. The maximum file size you can upload is 256 GB or 12 hours, whichever is less. Please refer to this guide by YouTube for more information.

Vimeo

Log in to your Vimeo account and click New video.


Drag and drop videos from your device to upload, or click Choose files and select the video file from your device.


Set up the video's Sharing Privacy as Public.


Once your video is successfully uploaded and processed, click on this icon to copy the video link and paste it to your product page as guided in section A.


The size as well as the number of videos that can be uploaded on Vimeo depends on the membership you use. When you first create an account, by default, it is in the Vimeo Basic membership with 500MB per week of upload space, and up to 5GB total account storage. Checkout Vimeo's guide here for more information.

Related articles

Overview of Products
Add product images
Set up variant images for your product
Was this article helpful?
Cancel
Thank you!