How to Add Shoppable Video to Shopify (Step by Step, 2026)

Quick answer: To add shoppable video to Shopify, install a shoppable video app such as Tolstoy from the Shopify App Store, connect your store so products import, and add videos from Instagram, TikTok or your own files. Then tag products in each video, publish a widget to your product page with the app embed and theme block, and track views, clicks and add-to-carts.

Last updated: November 1, 2026.

Shopify can show video in product media, but a plain video does not let a shopper buy what they see. Shoppable video adds product tags and an add-to-cart button inside the video, so the shopper can buy without leaving it. This guide uses Tolstoy for the exact steps. The same order of work applies to most Shopify video apps; to compare them, read the best Shopify video apps or the best Videowise alternatives.

Before you start

• Pick the first page. Start with one product page template or your best-selling products, not the whole store.
• Collect 5 to 10 videos. Short vertical videos that show the product in use work best: creator clips, Reels, TikToks, product demos or customer videos.
• Confirm rights. Use only videos you own or have permission to use. This is important for creator and customer content.
• Measure the baseline. Note the conversion rate and mobile page speed of the pages you will change.

Step 1: Install a shoppable video app

Install Tolstoy from the Shopify App Store. Installs from the Shopify App Store include a 14-day trial. Tolstoy has no free plan; plans start at $29 per month billed yearly, or $44 billed monthly. See pricing.

Step 2: Connect your store and confirm the catalog import

In Tolstoy, go to Profile → Settings → Set up store. Enter your .myshopify.com domain, select Connect to Shopify, and approve the permissions in Shopify admin. Keep that tab open until Tolstoy confirms the connection. Product import can take a few minutes. Before you continue, confirm that products from the correct store appear in Tolstoy. The Shopify connection guide has screenshots.

Step 3: Add your videos

You have three ways to fill your library:

• Import from social. Connect Instagram or TikTok and import videos into your Library. See how to turn Instagram and TikTok videos into shoppable videos.
• Upload your own files. Upload product demos, brand videos or creator files you already have.
• Generate new video. If a product has no video, AI Studio can make product video and images from your catalog. Review each result against the real product before you publish it.

Step 4: Tag products in each video

Tagging connects a video to products in your catalog, so the product card and add-to-cart button appear in the video. Tag each video one at a time, or select several videos and tag them in bulk. Follow these rules:

• Tag only products that the video clearly shows.
• Tag the specific variant when the video shows one color, size or style.
• Put the most relevant product first when you tag more than one.

Tags save automatically. The tagging guide covers bulk tagging.

Step 5: Choose a format and publish it to your theme

Create a widget and pick the format for the page:

• Product page: stories or a carousel near the product media. See Shopify PDP shoppable video widgets.
• Homepage: a carousel or a featured video.
• Collection pages: a carousel of videos for that collection.
• Site-wide: a floating video or pop-up.

Then choose Publish in Tolstoy. For the first publish, enable the Tolstoy app embed in your Shopify theme. Copy the widget code, add the Tolstoy Builder block to the theme template you want, paste the code, preview the page on desktop and mobile, and save. If your theme does not show the block, use the widget code from the publish flow or contact Tolstoy support.

Step 6: Measure and improve

After a week or two, compare the pages with video against your baseline. Track views, clicks, add-to-carts and attributed revenue per video, not only views. Replace videos that shoppers skip, and move the best videos to more pages. Tolstoy also runs A/B tests in the media gallery, so you can check whether a video changed conversion.

Reuse the same videos on more channels

When a video sells on your product page, use it again. From the same Tolstoy library you can publish to Shop App and TikTok Shop, put shoppable video in Klaviyo email, and publish approved ads to Meta with Ads Studio.

Common mistakes to avoid

• Too many videos at once. Start with one strong widget and expand when you see results.
• Wrong product tags. A tag for a product that the video does not show loses the shopper's trust.
• Long videos. Keep product-page videos short and show the product in the first seconds.
• No mobile check. Most shoppers watch on a phone, so preview every widget on mobile.

Ready to start? Install Tolstoy on Shopify, or compare options first in Tolstoy vs Videowise and Tolstoy vs Moast.