Back to the blog

Shopify Video Commerce

Where to Place Videos on a Shopify Store: 10 High-Impact Locations

Learn where to place videos on a Shopify store, which video format fits each page, and how to measure product clicks, add-to-cart actions, and sales.

Hyper Team
5 min read
Where to Place Videos on a Shopify Store: 10 High-Impact Locations

The best places to add videos to a Shopify store are product galleries, product-information sections, homepages, collection pages, campaign landing pages, buying guides, tutorials, and other locations where video helps shoppers make a specific decision.

The ten most useful placements are:

  1. Product media gallery
  2. Near product purchase controls
  3. Below product details
  4. Homepage hero or featured section
  5. Homepage shoppable-video carousel
  6. Collection pages
  7. Campaign landing pages
  8. Blog articles and buying guides
  9. Cart-adjacent recommendations
  10. Shop channel posts

Do not place the same video everywhere.

Each placement should solve a different customer problem:

  • Homepage: Help shoppers discover products.
  • Collection page: Help shoppers choose a category or style.
  • Product page: Help shoppers understand and trust one product.
  • Landing page: Support one campaign promise.
  • Blog article: Teach the shopper how to achieve a result.
  • Cart-adjacent area: Introduce the next useful product.

The objective is not more video.

The objective is to show the right video at the point where it removes the most friction.

Quick Shopify Video Placement Guide

PlacementBest video typeMain objectiveRecommended product count
Product galleryDemonstration, fit, unboxingProduct understanding1
Near purchase controlsObjection handling, sizing, proofSupport purchase decision1
Below product detailsUGC, tutorial, comparisonReinforce trust1–3
Homepage heroBrand or flagship-product videoCommunicate store promise1
Homepage carouselUGC, Reels, bestsellersProduct discovery3–10
Collection pageCategory guide, comparisonHelp shoppers choose2–6
Landing pageCampaign-matched demonstrationConvert campaign traffic1–5
Blog articleTutorial, routine, buying guideEducation and discovery1–5
Cart-adjacent areaBundle or complementary-product videoIncrease order value1–3
Shop channel postShort product or collection videoReach Shop usersUp to 10 tagged products

These numbers are starting points, not Shopify limits.

Use fewer videos until you know which placement produces useful customer actions.

How Shopify Video Placement Works

Shopify supports several methods for placing video content.

Native product media

Shopify lets merchants upload videos or add YouTube and Vimeo links to a product's media gallery.

This is the simplest method when one video belongs to one product.

Rich text editor

Shopify's rich text editor can embed videos inside:

  • Product descriptions
  • Collection descriptions
  • Blog posts
  • Store pages

This is useful when the video needs surrounding explanation.

Theme sections and blocks

Shopify themes use templates, sections, and blocks to control page layouts. Merchants can add, remove, and rearrange supported sections and blocks through the theme editor.

Available placement options depend on the theme.

App blocks and app embeds

Compatible Shopify apps can provide:

  • App blocks: Content positioned inside a theme section
  • App embeds: Floating, overlaid, or background app functionality

Shopify lets merchants add, preview, reposition, configure, and remove supported app blocks through the theme editor.

A shoppable-video app can use these placements to display video carousels, stories, product tags, or floating video components.

1. Product Media Gallery

The product media gallery is usually the first place to add a product-specific video.

Shopify product media can include:

  • Images
  • Videos
  • 3D models

Shopify states that product media can help customers better understand a product's function and size.

Best videos for the product gallery

Use:

  • Product demonstrations
  • Product rotations
  • Fit videos
  • Unboxings
  • Setup videos
  • Size comparisons
  • Before-and-after demonstrations
  • Close-up material videos

Best position in the gallery

For most products, place the video:

  • Second
  • Third
  • Or after the most important product images

Keep a strong product image first when customers need to identify the product immediately.

Place the video first only when motion is essential to understanding the offer.

Examples include:

  • Mechanical products
  • Transforming furniture
  • Toys
  • Exercise equipment
  • Fashion with unusual movement or fit
  • Products with a visually impressive result

When not to use the gallery

Do not place a video in the product gallery when:

  • It features several unrelated products.
  • It is mainly a brand story.
  • It is too long to support quick product evaluation.
  • It contains an outdated price or promotion.
  • The featured product is difficult to identify.
  • The same video appears on every product.

Native video requirements

Shopify currently supports uploaded product videos that are:

  • Up to 10 minutes long
  • Up to 1 GB
  • Up to 4K resolution
  • In .mp4, .mov, or .webm format

A ten-minute limit does not mean your product video should be ten minutes.

Most product-gallery videos should answer one question quickly.

2. Near the Product Purchase Controls

Place short decision-support videos near:

  • Price
  • Variant selection
  • Quantity
  • Add-to-cart button
  • Buy-now button

This is one of the strongest placements when the video addresses the shopper's final hesitation.

Useful videos near purchase controls

  • Size and fit explanation
  • Product-in-use clip
  • Installation difficulty
  • Texture or material close-up
  • One customer testimonial
  • Product compatibility
  • Color comparison
  • Short guarantee explanation

Example

A clothing product page could place a 15-second fit video below the size selector.

The video might state:

Model is 175 cm tall, wears size M, and prefers a relaxed fit.

That helps the shopper select a variant without leaving the buying area.

Keep the placement compact

Do not use a large video that pushes the add-to-cart button far below the fold.

The video should support the purchase controls—not bury them.

A practical starting format is:

  • One short video
  • Muted by default
  • Clear thumbnail
  • Visible play control
  • No more than one primary product action

3. Below the Product Details

The area below the core product information is useful for deeper proof and education.

This placement works well for:

  • Customer videos
  • Creator videos
  • Tutorials
  • Product comparisons
  • Long demonstrations
  • Routines
  • Complete-the-look content
  • Frequently asked questions

Why this placement is useful

The shopper has already seen:

  • Product title
  • Images
  • Price
  • Variants
  • Main description

They may now need more evidence before deciding.

A video carousel below the product details can provide several forms of proof without interrupting the initial buying flow.

Recommended structure

For a skincare product:

  1. Product demonstration
  2. Customer routine
  3. Texture close-up
  4. How-to-use tutorial

For a furniture product:

  1. Room view
  2. Assembly demonstration
  3. Storage demonstration
  4. Customer home video

Do not create a carousel containing ten near-identical videos.

Each video should answer a different question.

4. Homepage Hero or Featured Section

A homepage video can quickly communicate:

  • What the brand sells
  • Who the product is for
  • What makes the product different
  • What outcome the customer can expect

This placement is best for:

  • Flagship products
  • New launches
  • Brand demonstrations
  • Seasonal campaigns
  • Visually distinctive products

Keep the message obvious

A homepage visitor should understand the business even if they do not watch the full video.

Support the video with:

  • A clear headline
  • A short value proposition
  • A visible call to action
  • A static fallback image

Example

Weak homepage copy:

Designed for every journey.

Stronger homepage copy:

Waterproof travel backpacks built for one-bag trips.

The video can then demonstrate the backpack.

The headline explains what the visitor is watching.

Avoid autoplay with sound

Shopify's accessibility guidance states that autoplaying video should be muted. It also recommends captions and usable playback controls.

Autoplaying homepage video should not:

  • Play sound automatically
  • Block navigation
  • Hide the main CTA
  • Create significant layout movement
  • Make page content difficult to read
  • Consume the entire mobile screen

When to avoid a hero video

Use a static image instead when:

  • The video does not explain the product quickly.
  • Page performance becomes unacceptable.
  • The mobile experience is weak.
  • The brand relies on a broad catalog rather than one flagship product.
  • The video is decorative rather than useful.

5. Homepage Shoppable-Video Carousel

A homepage shoppable-video carousel is useful for product discovery.

It can display:

  • Customer videos
  • Creator content
  • TikTok-style product demonstrations
  • Instagram Reels
  • Bestsellers
  • New arrivals
  • Seasonal products
  • Complete-the-look videos

Unlike a standard homepage video, a shoppable carousel can connect each video with one or more products.

Recommended placement

Place the carousel near:

  • Bestsellers
  • New arrivals
  • Featured collections
  • Social proof
  • Shop-the-look sections

Do not automatically place it above the main store message.

Visitors should first understand what the store sells.

Recommended starting volume

Start with:

  • Three to six videos
  • One clear product category
  • One consistent video format
  • One clear CTA

Examples:

  • "Shop customer favorites"
  • "See it in action"
  • "Shop the routine"
  • "Watch and shop"

Avoid random social feeds

Do not publish an entire social feed containing:

  • Old promotions
  • Sold-out products
  • Irrelevant trends
  • Videos with unclear usage rights
  • Products outside the current campaign

Curate the content.

Relevance beats volume.

6. Collection Pages

Collection pages sit between discovery and detailed product evaluation.

Use video to help shoppers:

  • Understand the category
  • Compare product types
  • Choose a style
  • Identify the correct use case
  • See several products together

Useful collection-page videos

  • Category introduction
  • Buying guide
  • Product comparison
  • Seasonal lookbook
  • Complete-the-look video
  • Product-use montage
  • Customer favorites
  • Fit guide

Example

A running-shoe collection could feature a short comparison:

  • Road shoes
  • Trail shoes
  • Stability shoes
  • Racing shoes

Each product type could connect to the relevant products or filtered collection.

Recommended placement

Place collection video:

  • Above the product grid when category education is necessary
  • Between product rows as supporting content
  • Below the collection description
  • In a compact carousel near featured products

Do not let the video interfere with:

  • Collection filters
  • Sorting
  • Product cards
  • Pagination
  • Mobile navigation

Collection descriptions can also contain video

Shopify's rich text editor supports video embeds inside collection descriptions.

However, theme layouts vary. Some themes hide or collapse collection descriptions, so preview the live result before relying on this method.

7. Campaign Landing Pages

Landing pages are one of the strongest video placements because the page can match one traffic source, one audience, and one offer.

Use video on landing pages for:

  • Paid social campaigns
  • Influencer collaborations
  • Product launches
  • Seasonal promotions
  • Giveaways
  • Bundles
  • Gift guides
  • New collections
  • Retargeting campaigns

Match the video to the traffic source

A visitor who clicks a TikTok advertisement should see:

  • The same creator
  • The same product
  • The same hook
  • The same demonstration
  • The same offer
  • The same CTA

Do not send highly specific campaign traffic to a generic homepage.

Suggested landing-page sequence

Campaign promise
→ Video demonstration
→ Featured products
→ Proof
→ Offer
→ FAQ
→ CTA

Example

Advertisement:

Pack five days of clothing into one carry-on backpack.

Landing page:

  • Same packing demonstration
  • Backpack product card
  • Capacity comparison
  • Customer travel videos
  • Shipping and return details
  • Add-to-cart CTA

The landing page continues the same buying conversation.

8. Blog Articles and Buying Guides

Video can strengthen Shopify blog content when it demonstrates something that text alone cannot show efficiently.

Shopify's rich text editor supports embedded video in blog posts and pages.

Useful article types include:

  • Product tutorials
  • Buying guides
  • Gift guides
  • Recipes
  • Styling guides
  • Product comparisons
  • Installation guides
  • Care instructions
  • Troubleshooting guides

Example placements

Article: How to Build a Three-Step Skincare Routine

Videos:

  1. How to use cleanser
  2. How to apply serum
  3. How to layer moisturizer

Each video can connect to the relevant product.

Add context around the video

Before the video, explain:

  • What the shopper will learn
  • Which product is being used
  • Why the step matters

After the video, provide:

  • Written instructions
  • Product information
  • Alternatives
  • A CTA

Do not publish a video without supporting text.

Text helps customers who cannot or do not want to watch. It also gives search engines and answer systems more context about the page.

Use transcripts where useful

A transcript can support:

  • Accessibility
  • Skimming
  • Search relevance
  • AI extraction
  • Users watching without sound

The transcript does not need to repeat irrelevant introductions or filler. Include the useful information.

9. Cart-Adjacent Recommendations

A cart-adjacent video can introduce:

  • Complementary products
  • Accessories
  • Refills
  • Warranties
  • Bundles
  • Frequently purchased items

This is an upsell placement, so the product should solve the customer's next problem.

Examples:

  • Camera → memory card
  • Coffee machine → filters
  • Shoes → care kit
  • Skincare cleanser → moisturizer
  • Sofa → protective treatment
  • Backpack → packing cubes

Keep the recommendation relevant

Do not show unrelated products merely because they have high margins.

The recommendation should make the original purchase easier, safer, or more complete.

Theme and app compatibility

Cart placement depends on:

  • Theme support
  • Cart page or drawer structure
  • The video app
  • Other cart apps
  • Checkout restrictions

Shopify themes let merchants adjust supported cart-related settings, sections, and blocks, but available controls vary by theme.

Test carefully for conflicts with:

  • Cart drawers
  • Bundle apps
  • Discount tools
  • Free-shipping bars
  • Subscription apps
  • Upsell apps
  • Checkout buttons

Keep the video short

The cart is not the place for a five-minute brand story.

Use a short demonstration that answers:

Why should I add this before completing the order?

10. Shop Channel Posts

Shopify merchants using the Shop channel can create shoppable posts containing images or videos.

Shop currently allows a post to contain:

  • Up to 20 images or videos
  • Videos up to two minutes long
  • Videos up to 100 MB
  • Up to 10 tagged products
  • Or one tagged collection

Published posts can appear in:

  • Shop home feed
  • The merchant's Shop Store
  • The Following tab

This placement is separate from the merchant's primary online-store theme.

Useful Shop post ideas

  • New arrivals
  • Bestseller demonstrations
  • Styling advice
  • Gift guides
  • Product routines
  • Seasonal launches
  • Product comparisons

Shopify also allows eligible merchants to import Instagram content or sync video through supported connected apps.

Use Shop posts when your customers actively use the Shop ecosystem. Do not assume the channel should replace product-page video.

Best Video Placement by Customer Question

Customer questionBest placement
What does this store sell?Homepage hero
Which products are popular?Homepage carousel
Which category is right for me?Collection page
How does this product work?Product gallery
Which size or variant should I choose?Near purchase controls
Can I trust this product?Below product details
How do I achieve this result?Tutorial or blog article
Is this the same product from the ad?Campaign landing page
What should I buy with this?Cart-adjacent placement
What is new from this brand?Shop post

Place video where the question naturally occurs.

How to Add a Video Widget With Hyper Shoppable Videos

Hyper Shoppable Videos currently supports video blocks on:

  • Homepages
  • Product pages
  • Collection pages
  • Landing pages

Its listed storefront formats include:

  • Embedded video widgets
  • Video carousels
  • Mobile stories
  • Product hotspots
  • Shoppable product overlays

The app also lists tracking for:

  • Video views
  • Product clicks
  • Add-to-cart events

Basic placement workflow

  1. Install Hyper Shoppable Videos.
  2. Upload or import the video.
  3. Connect the featured Shopify products.
  4. Add product tags or hotspots.
  5. Create a widget.
  6. Open Online Store > Themes.
  7. Duplicate the active theme.
  8. Click Customize.
  9. Open the desired page template.
  10. Select Add section or Add block.
  11. Open the app-block category.
  12. Add the Hyper video block.
  13. Select the correct widget.
  14. Position it on the page.
  15. Preview desktop and mobile layouts.
  16. Save and publish.

Shopify app blocks are designed to let merchants add app content to supported theme sections without directly editing theme code.

Exact interface labels can change. Review the current app instructions and Shopify App Store listing before editing a live theme.

How Many Videos Should a Shopify Page Have?

There is no universal number.

Start with the minimum number needed to answer the shopper's main questions.

Product page

Start with:

  • One demonstration
  • One proof video
  • One tutorial, when necessary

Homepage

Start with:

  • One featured video
  • Or one carousel containing three to six videos

Collection page

Start with:

  • One category video
  • Or one comparison carousel

Landing page

Use only videos connected to the campaign promise.

Blog article

Use one video per major step or product group.

The question is not:

How many videos can the app display?

The question is:

How many videos improve the decision before they create distraction?

Video Placement Mistakes to Avoid

1. Placing the Same Widget on Every Page

A general UGC carousel should not appear on every product page when most videos feature unrelated products.

Use:

  • Product-specific widgets
  • Collection-specific widgets
  • Campaign-specific widgets

2. Putting Video Above Essential Information

Do not let video push these elements too far down:

  • Product title
  • Price
  • Variant selector
  • Add-to-cart button
  • Shipping information

The product page still needs to function for visitors who do not watch.

3. Autoplaying Several Videos

Multiple autoplaying videos can create:

  • Distraction
  • Conflicting motion
  • Higher data usage
  • Accessibility problems
  • Slower interaction

Use one autoplaying element at most, keep it muted, and provide controls.

4. Using Video Without a Clear CTA

Tell the shopper what to do next:

  • View product
  • Choose your size
  • Shop the look
  • Add to cart
  • Compare options
  • Read the guide

5. Hiding Product Filters With Collection Video

Collection video should not displace the tools shoppers need to narrow products.

Test filters and sorting after adding the widget.

6. Publishing Outdated Promotions

Remove or edit videos mentioning:

  • Expired discounts
  • Old prices
  • Past shipping deadlines
  • Discontinued products
  • Unavailable bundles

7. Ignoring Product Availability

A compelling video connected to a sold-out product can create frustration.

Provide:

  • Waitlist
  • Restock date
  • Alternative product
  • Clear availability message

8. Measuring Views Only

Views tell you that the content received attention.

They do not prove that the placement improved buying behavior.

Track the complete sequence:

Page visit
→ Video view
→ Product click
→ Add to cart
→ Purchase

How to Measure Video Placement Performance

Track each placement separately.

Do not combine homepage, product-page, and landing-page performance into one total.

Video view rate

Video view rate =
Video views ÷ Page visits × 100

Example:

  • Product-page visits: 10,000
  • Video views: 2,500

2,500 ÷ 10,000 × 100 = 25%

Product click rate

Video product click rate =
Product clicks from video ÷ Video views × 100

Example:

  • Video views: 2,500
  • Product clicks: 200

200 ÷ 2,500 × 100 = 8%

Video add-to-cart rate

Video add-to-cart rate =
Video-attributed carts ÷ Video views × 100

Example:

  • Video views: 2,500
  • Video-attributed carts: 75

75 ÷ 2,500 × 100 = 3%

Placement contribution

Assume:

  • 20 additional orders
  • $25 gross profit per order
  • $150 monthly app and editing cost

20 × $25 = $500 incremental gross profit

After direct video costs:

$500 - $150 = $350 contribution

This is an illustrative example, not a performance guarantee.

Use your actual:

  • Gross margin
  • App cost
  • Editing cost
  • Staff cost
  • Refund rate
  • Attributed purchases

How to Test Two Video Placements

Do not change the video, CTA, page design, and placement simultaneously.

That prevents you from knowing what caused the result.

Test example

  • Version A: Video below the product description
  • Version B: Video directly below the product media gallery

Keep constant:

  • Video
  • Product
  • CTA
  • Price
  • Traffic source
  • Test period

Track:

  • Video views
  • Product clicks
  • Add-to-cart rate
  • Purchase rate
  • Gross profit per visitor

Run the test until each version has enough traffic to produce a useful comparison.

For a smaller store, a four-week directional test may be more practical than waiting for a statistically conclusive result.

How to Diagnose Poor Placement

Low video views

Possible causes:

  • Video is too far down the page.
  • Thumbnail is weak.
  • Play control is unclear.
  • Widget does not load properly.
  • Visitors do not need video at that stage.

High views, low product clicks

Possible causes:

  • Video is entertaining but not relevant.
  • Product tags are hidden.
  • CTA is unclear.
  • Wrong products are tagged.

High clicks, low carts

Possible causes:

  • Price
  • Product-page clarity
  • Variant confusion
  • Inventory
  • Shipping cost
  • Weak product fit

High carts, low purchases

Possible causes:

  • Checkout friction
  • Delivery time
  • Trust
  • Payment options
  • Unexpected fees

Do not move the video when the actual constraint is shipping.

Fix the largest meaningful drop-off.

Frequently Asked Questions

Where should I place videos on a Shopify store?

The best placements are product galleries, near product purchase controls, below product details, the homepage, collection pages, landing pages, blog articles, and relevant cart-adjacent areas.

Where should a product video appear on Shopify?

A product demonstration usually belongs in the product media gallery. Sizing, compatibility, or objection-handling videos can appear near the purchase controls.

Should I put video above the fold?

Only when the video communicates essential product information without hiding the title, price, variants, or add-to-cart button.

Can I add video to a Shopify collection page?

Yes. You can use a supported theme section, an app block, or an embedded video in the collection description. Available options depend on the theme.

Can I add video to a Shopify blog post?

Yes. Shopify's rich text editor supports embedded video in blog posts, pages, product descriptions, and collection descriptions.

Can I add shoppable videos to a Shopify homepage?

Yes. Compatible apps can add product tags, product overlays, carousels, stories, and add-to-cart actions to homepage video content.

How many videos should I put on a product page?

Start with one to three videos that answer different buying questions. Avoid several near-identical clips.

Should Shopify videos autoplay?

Autoplay should be used carefully. When it is necessary, keep the video muted, provide playback controls, and test mobile performance and accessibility.

Where should UGC videos appear?

Product-specific UGC works well below product details or near purchase controls. Broader UGC carousels can appear on the homepage or relevant collection pages.

Can I add videos to the Shopify cart?

Possibly. Cart placement depends on the theme, cart layout, and app. Test carefully for conflicts with cart drawers, discount tools, bundles, and checkout buttons.

What should I measure after adding video?

Track page visits, video views, product clicks, add-to-cart actions, purchases, attributed gross profit, and the conversion rate between each step.

Do videos automatically improve Shopify conversion rates?

No. Performance depends on the video, placement, product, traffic, page experience, offer, and measurement method. Test each placement against a baseline.

Final Checklist

Before placing video on a Shopify page:

  • Identify the customer's question at that point.
  • Select a video that answers that question.
  • Connect only relevant products.
  • Choose the correct widget format.
  • Keep purchase controls easy to find.
  • Avoid autoplay with sound.
  • Add captions or supporting text.
  • Confirm product and creator rights.
  • Check product availability.
  • Test mobile and desktop layouts.
  • Test page loading.
  • Test product tags and variants.
  • Test add-to-cart actions.
  • Track each placement separately.
  • Measure gross profit, not views alone.
  • Remove videos that do not improve the journey.

Use video where it removes uncertainty.

Do not put it everywhere merely because you can.

Explore Hyper Shoppable Videos on the Shopify App Store.

Sources

  1. Shopify Help Center: Adding Product Media
  2. Shopify Help Center: Using the Rich Text Editor
  3. Shopify Help Center: Theme Structure
  4. Shopify Help Center: Extend Your Theme With Apps
  5. Shopify Help Center: Product Media
  6. Shopify Help Center: Product Media Types
  7. Shopify Developer Documentation: Theme Accessibility Best Practices
  8. Shopify Help Center: Customizing Theme Settings
  9. Shopify Help Center: Creating Posts for Shop
  10. Hyper Shoppable Videos on the Shopify App Store
  11. Shopify Developer Documentation: App Blocks for Themes