Product page video: what to show, where to put it and how to test it on revenue per visitor

A product page video is a short clip in a product's media gallery, usually 15 to 60 seconds, that shows the item in use, at its real size, getting its result. It answers what photos can't. Place it where shoppers see it without pushing out your clearest photo, make it work on mute, keep it light, and judge it by conversion rate and revenue per visitor, not views.

What should a product page video show?

A shopper on a product page is already interested and has a short list of doubts. The video's job is to clear them in under a minute by showing three things: use, scale and result. Everything else, from the brand story to the founder's mission, can live further down the page.

Start on the product in use, not on a logo, because many shoppers will only see the first seconds. A voiceover is optional if on-screen text carries the two or three points that matter. And show only what the product really does: a gallery clip is still advertising, so the results need to be typical and filmed under real conditions. The product demo video post covers the shoot, the formats and the honesty rules.

Film the exact version the listing sells: the color, the size and the pack the shopper is about to buy. Update the clip when the packaging changes, because a video that shows last year's bottle makes shoppers wonder what else on the page is out of date.

Where should the video go on a product page?

On most store themes the video sits in the media gallery, and its position decides how many people see it and what represents the product elsewhere. Shopify's rule is worth knowing before you drag the video to the front: the first media item is the product's featured media, and it appears on collection pages, the cart page, the checkout page and your home page (Shopify: adding product media). Put the video first and it stands in for the product in all those places.

A practical default:

Photo first, then the video

1. 1Slot 1: your clearest photoOn a collection page or in the cart, a crisp still identifies the product best.
2. 2Slot 2: the videoOne swipe or tap away, so nearly everyone who browses the gallery reaches it.
3. 3Further down the page: a longer demoIn its own section, for shoppers who want more.

Test the video in slot 1 only if your theme presents it well there and the product is hard to understand from a photo. Either way, check that your theme can show video at all: Shopify notes that displaying videos on product pages requires a theme that supports the media you add (Shopify product media types).

Should a product page video autoplay?

Browsers decide part of this for you. Chrome's policy is that muted autoplay is always allowed, while autoplay with sound is allowed only in narrower cases, such as after the visitor has clicked or tapped on the site (Chrome autoplay policy). A product page video that starts on its own therefore starts silent, and it has to make sense that way.

Two patterns work:

Muted loop or click to play

For short clipsA muted loop

• The video behaves like a moving photo
• Captions or on-screen text carry the message

For longer clips with narrationClick to play

• A poster image that shows the product in use
• The poster says what the video shows, such as "Watch it lift a wine stain"

Either way, caption it, because a muted viewer can't hear the voiceover. The VSL captions guide compares burned-in and player captions, and the VSL autoplay guide covers unmute prompts if your clip relies on sound. On a store, whether the gallery video autoplays, loops or shows controls usually depends on your theme, so check its settings.

How long should a product page video be?

Start at 15 to 60 seconds: short enough to watch inside the gallery, long enough for one complete use and the result. Shopify accepts uploaded product videos of up to 10 minutes and 1 GB, in .mp4, .mov or .webm, at up to 4K (Shopify product media types). That's a ceiling, not a target. A ten-minute video in a gallery is a VSL in the wrong place.

There are two exceptions to the 60-second guide. A product with a real learning curve, such as assembly or a device with settings, can justify a longer how-to further down the page. And a product that needs a mechanism explained before anyone will buy it usually needs a different page altogether, which a section below covers. If your video player reports where viewers stop, use it: when most of them leave at the same point, cut there or move the result earlier.

One clip or several?

If shoppers have several doubts, consider three short clips instead of one long one: one for size, one for use, one for the result, each 10 to 20 seconds. In a gallery, a shopper swipes straight to the answer they need instead of waiting through the other two, and you can see which clip earns its slot by testing them one at a time. One longer clip suits products whose use and result happen in a single continuous action.

Does a product video slow down the page?

It can, so plan for it. Shopify converts uploaded videos and serves them as .mp4 or HLS, and in browsers that support streaming it plays them at 480p, 720p or 1080p (Shopify product media types). An embedded YouTube or Vimeo video loads that platform's player on your page instead.

What you control:

• The first screen. Whatever sits first in the gallery is usually the biggest thing on the first screen, so it shapes how fast the page appears to load. A light, sharp still there is the safe choice.
• Autoplay on long clips. A long video that plays on its own starts downloading for every visitor, including those who never watch it. Keep autoplay for short loops.
• Embeds. A YouTube or Vimeo embed brings another company's player and its scripts onto your page. Measure the page with and without it.
• Real phones. Test the product page before and after adding the video, on a mid-range phone over a mobile connection. The VSL page speed guide explains which numbers to watch and how to prove a fix mattered.

Product page video or a full VSL page?

A product page video and a VSL do different jobs. The gallery clip supports a shopper who is already browsing; a VSL persuades a visitor who arrived cold and hasn't decided they have the problem, let alone that your product solves it. Putting a full VSL into a gallery slot gives you the length without the structure: no timed offer, no pitch, and a buy button on screen before the argument is made.

Product page with video vs VSL page

For shoppers already browsingProduct page with video

• Traffic: search, brand, email and returning visitors
• Video: 15–60 seconds of use, scale and result
• Exits: menus, other products, the cart
• The buy button is always on screen
• Judge by: conversion rate and revenue per visitor

For cold paid trafficVSL page

• Traffic: cold paid social and video ads
• Video: the full sales argument, from hook to offer
• Exits: none by design
• The offer appears at the pitch
• Judge by: revenue per visitor and profit per visitor

The VSL for ecommerce guide covers which products and traffic sources suit each page. A common setup uses both: a short cut of the demo in the product page gallery for organic shoppers, and the full VSL on its own page for paid traffic, with the VSL's buttons sending buyers to the store's checkout. The VSL for Shopify guide shows that setup with cart permalinks.

To be clear about what we do: RevvyScales hosts VSL pages, not store product pages. If your VSL page runs on RevvyScales, its buttons link to your Shopify checkout and the Shopify integration reports each sale back to the VSL that earned it (connect Shopify).

How to test a product page video

Views tell you the video was seen, not that it sold anything. Judge it by what the page earns: conversion rate (orders ÷ visitors) and revenue per visitor (revenue ÷ visitors), which also catches the case where the video lifts orders but lowers the average order, or the reverse.

1. Split visitors at random between versions of the page, such as no video, the video in slot 2 and the video in slot 1, and keep each visitor on one version.
2. Run the versions at the same time, on the same traffic, for at least two full weeks, so weekdays and weekends both count.
3. Decide in advance which number picks the winner: revenue per visitor.
4. Wait for enough orders before you call it. A gap of a few orders is noise.

Say each version gets 8,000 visitors over two weeks. Here is how the three compare on revenue per visitor:

Revenue per visitor by gallery setup

Illustrative test: 8,000 visitors per version

A: photos only184 orders, $58 average$1.33

B: video in slot 2224 orders, $57 average$1.60

C: video in slot 1206 orders, $56 average$1.44

Version A, photos only, took 184 orders at a $58 average: $10,672, or $1.33 per visitor. Version B, the video in slot 2, took 224 orders at $57: $12,768, or $1.60 per visitor. Version C, the video first, took 206 orders at $56: $11,536, or $1.44. B's average order is a dollar lower than A's, but it sells to 2.8% of visitors instead of 2.3%, and the extra orders more than cover the difference.

Before you call it, check that the gap is bigger than chance. With about 200 orders per version, a difference of 40 orders is near the edge of what noise can produce; the revenue per visitor guide covers the sample-size checks. Then try your own numbers in the calculator below, which starts with version B:

Calculator

Revenue per visitor calculator

From one traffic source or one VSL over the same period.

Unique visitorsOrdersAverage order value$Contribution margin (after product, shipping and fees)%

Revenue per visitor (RPV)

$1.60

Conversion rate

2.8%

orders ÷ unique visitors

Revenue

$12,768

Break-even cost per visitor

$0.72

the most a visitor can cost you

If one ad click brings one visitor, the break-even cost per visitor is also your break-even cost per click.

Reset to the example

The last line matters for paid traffic: at a 45% contribution margin, version B breaks even at $0.72 per visitor, so a click that costs less than that is profitable before fixed costs. If the video loses, don't delete it yet. Try the other slot, a shorter cut or a different first shot; the same footage in a different order can win.

A product page video checklist

Run through this before the video goes live:

Product page video checklist

• The first seconds show the product in use, not a logo
• Use, real size and result are all on screen within a minute
• It makes sense on mute, with captions or on-screen text
• The clearest photo stays in slot 1 unless a test says otherwise
• The file fits Shopify's limits: up to 10 minutes and 1 GB, as .mp4, .mov or .webm
• The results shown are typical and filmed under real conditions
• Page speed measured on a real phone, before and after
• A split test is running, judged by revenue per visitor

0 of 8 done

Then leave the test alone for two full weeks and let revenue per visitor decide.