Aapview LabsCOMMERCE SYSTEMSReelmerceSHOPIFY APPReelmerce ↗
REELMERCE / MERCHANT TUTORIAL

Launch, merchandise, and measure your shoppable reels.

This tutorial follows the current production flow: add Shopify-hosted video, tag products, publish, configure Widget Studio, place the Reelmerce app block, tune inventory and ordering, then review engagement and paid-sales attribution.

AUDIENCEShopify merchants and staff managing storefront merchandising, video content, and conversion optimization
VERSION2.0
LAST UPDATED4 October 2026
Current production scope: Reelmerce uses device uploads and Shopify Video assets from Shopify Files. The production release does not include Instagram, TikTok, or YouTube import.

1. Know your plan limits before publishing

Reelmerce verifies the active Shopify App Pricing subscription and maps it to product entitlements.

PlanPublished videosProduct tags / videoSaved designsTemplatesAnalyticsA/B Lab
Free · $051127-day basicNo
Starter · $5/mo2535430-day detailedNo
Growth · $14.99/mo1001020All 890-day detailedNo
Unlimited · $29.99/moUnlimitedUnlimitedUnlimitedAll 8365 days + customYes

Only ACTIVE/published Reelmerce videos count toward the published-video limit. Draft and Processing videos do not count.

2. Add your first video

Open Reelmerce → Videos inside Shopify Admin and choose one of the supported sources.

  • Upload from device: MP4, MOV, or WEBM, up to 1 GB.
  • Choose from Shopify: select a Shopify Video from Shopify Files.
  • Cover image: JPG, PNG, or WEBP, up to 20 MB.

Reelmerce can save the video as a Draft while Shopify is still processing it. Publishing stays blocked until the Shopify file status is READY. Failed processing is surfaced as a Failed state and cannot be published.

3. Tag products (optional)

A Reelmerce video can remain video-only, or it can tag multiple Shopify products within the current plan limit.

  • The first active tagged product is the primary product on general placements.
  • On a product page, Current product mode shows only videos tagged with that product and uses the matching page product.
  • On product templates using All videos, an untagged video can use the current page product as contextual commerce.
Merchandising controls: each video can also carry an optional offer label (up to 60 characters), Glass/Solid/Pill offer style, offer position/colors, custom cover, and optional per-video CTA colors.

4. Publish the video or keep it as Draft

Publish only after Shopify processing is READY and your plan has published-video capacity. A Draft can stay in the library without consuming the published-video allowance.

5. Choose a Widget Studio template

Open Widget Studio → Templates. Reelmerce provides eight built-in immutable starting points:

TemplateIntent
Social / ReelsFast, familiar shoppable-reels presentation.
Commerce cardProduct details, compare-at/selling price, and strong full-width Add to cart CTA.
Expert / StoryLarge play treatment for explainers and story-led content.
EditorialClean video-first presentation.
PremiumLarger cards with depth, glass UI, autoplay, and stronger merchandising treatment.
Product-firstMerchandising-led product details and shopping CTA.
CarouselCompact horizontal slider.
GridMulti-video gallery without slider UI.

All eight templates can be previewed on desktop, tablet, and mobile. Locked templates stay previewable but cannot be applied or customized until the required plan is active. The gallery uses sample content only to judge design; the storefront and Customize view use your own published videos.

6. Customize the Default design

Use Widget Studio to configure the reusable design system for placements that use the shared Default.

PanelControls
Layout9:16 / 4:5 / 1:1 ratio, 1–12 cards per device, gap, corner radius.
Video5-second preview / full autoplay / open-on-click, full-video loop, sound, play button, cover/contain fit, overlay, actual view count, view format/position/radius.
ProductProduct card over video or below; glass/solid/minimal; image, price, compare-at price, discount percentage.
ButtonCTA label, filled/outline, corner radius, background/border color, text color.
NavigationAutoplay, delay 1–15 seconds, 2–20 maximum videos, arrows/dots/progress/none, arrow placement/style, indicator style.
StyleDefault / skeuomorphism / neumorphism surface, accent color, card shadow, 900–1800 px reusable section width.
TextHeading/subheading, alignment, sizes, heading and subheading colors.
Custom mix: borrow only Layout, Video, Product, Button, Navigation, Style, or Text from another included template without overwriting the other design sections.

7. Save a reusable design when you need another storefront look

Saved designs are named reusable configurations (up to 80 characters) that can be selected in Theme Editor. Changes to a Saved design automatically affect every placement using it. If a Saved design is deleted, those placements fall back to the Widget Studio Default.

8. Add the Reelmerce reels app block

Open Online Store → Themes → Customize and add the Reelmerce reels app block. Reelmerce App Home detects whether at least one video exists, a Widget Studio design is configured, and the theme app extension is active on the published theme.

9. Configure the placement

Theme Editor owns placement-specific decisions. Configuration precedence is:

Widget Studio Default → Saved design (if selected) → Theme Editor placement overrides.
GroupControls
DesignSaved design picker; blank uses Widget Studio Default.
Conversion LabUnlimited: enable experiment, choose Variant A and B Saved designs, choose Theme Editor preview variant.
ContentAll videos or Current product; sold-out behavior; video order; maximum video override.
HeadingUse design text, custom heading/subheading, or hide heading.
Placement layoutUse design/custom density, desktop/tablet/mobile counts, design/custom width, heading alignment, slider autoplay override.
Section appearanceBackground, four-side padding, four-side margins.
AdvancedCustom CSS using Reelmerce widget selectors.

Configure product-page and sold-out behavior

  • Current product: show only videos tagged with the current product-page product.
  • All videos: general placement behavior; an untagged reel on a product template can use the current page product as contextual commerce.
  • Sold-out products: either keep the reel visible and disable its CTA, or hide sold-out reels.

10. Choose manual or performance-based video order

Each placement can remain in natural/manual order or use a ranking snapshot from the last 30 days.

ModeRule
Manual orderNatural/manual storefront order.
Most viewedRanks by storefront VIEW count.
Highest click rateRanks capped product-click conversions / views; requires at least 20 views.
Highest add-to-cart rateRanks capped add-to-cart conversions / views; requires at least 20 views.

Low-sample or unranked videos remain in manual order after the ranked items. Reelmerce stores up to 50 ranked video handles and refreshes the storefront snapshot no more than about once every five minutes.

11. Publish and test the storefront

Publish the theme change, then verify desktop and mobile storefront behavior.

  • Short groups center when all cards fit; overflow remains horizontally scrollable.
  • 5-second preview loops only the beginning of the original Shopify-hosted video; no separate five-second file is generated.
  • Full-video autoplay and open-on-click-only modes are also available.
  • Offscreen cards pause/reset, and visible/hovered/focused cards coordinate playback.
  • The expanded viewer supports close/Escape, fullscreen, sound, optional actual views, Like, Share, Cart, and product CTA.
  • Share uses Web Share when available with clipboard fallback.
  • Like is browser-local only; there is no server-side global like count.
  • Reelmerce attempts direct Shopify cart add, refreshes common cart UI where possible, and retains a product-page fallback.

12. Review Analytics

Use Analytics to review the funnel from storefront visibility through paid-order attribution.

MetricMeaning
VIEWReel card reaches at least the 68% storefront visibility threshold.
PLAYVideo begins playback; tracked separately from views.
PRODUCT_CLICKShopper activates a product link.
ADD_TO_CARTProduct is successfully added through the Reelmerce cart flow.
Added cart valueVariant price amount attached to successful add-to-cart events; intent value, not revenue.
Attributed paid salesPaid merchandise subtotal allocated to valid Reelmerce-attributed paid order lines; excludes shipping, tax, and duties.

Paid-sales attribution uses Reelmerce cart-line metadata and a filtered Shopify orders/paid webhook. Reporting can include attributed orders, lines, units, and paid sales by currency and by video. Reelmerce does not calculate advertising spend or ROAS.

13. Run Conversion Lab on Unlimited

  1. Create two different Saved designs.
  2. In one Reelmerce Theme Editor block, enable Run A/B experiment.
  3. Select the Variant A and Variant B designs.
  4. Publish and allow storefront traffic to accumulate.
  5. Review results after both variants reach at least 100 storefront views.

Assignment is random on first encounter and then stored as the A/B letter for that experiment in browser localStorage. No visitor identity is created. If browser storage is unavailable, the storefront safely uses Variant A.

Conversion Lab compares views, clicks, click rate, add to carts, add-to-cart rate, added cart value, attributed paid orders, attributed units, and attributed paid sales. Reelmerce does not automatically choose a winner.

14. Understand plan changes and downgrade behavior

  • After a verified downgrade, if live videos exceed the new limit, Reelmerce preserves the earliest published videos and automatically moves newer excess videos to Draft in small batches.
  • If plan verification is unavailable or stale, existing storefront content is not altered; new publishing is blocked until verification succeeds.
  • Saved-design creation is blocked at the new limit, but existing designs are not deleted automatically.
  • A Saved design using a newly locked template warns the merchant and the storefront uses Social / Reels fallback until the design is made compliant.
  • Existing product tags remain stored, but only the first tags within the current plan limit are active on the storefront.
  • Conversion Lab stays visible as an upgrade surface on lower plans, but live experiments require Unlimited.

Troubleshooting

SymptomWhat to check
Reels do not appearConfirm videos are published/READY and the Reelmerce reels block is active on the published theme.
A video cannot be publishedCheck Shopify processing status and current plan published-video capacity.
Product-page reel does not appearIf Current product mode is enabled, confirm the video is tagged with the product on that page.
Sold-out behavior is unexpectedReview Theme Editor's Sold-out products setting: disable CTA vs hide sold-out videos.
Performance ordering looks manualRate modes require at least 20 views and use the last 30 days; low-sample/unranked videos keep manual order.
Template or Saved design is lockedCheck plan template/saved-design limits. A design using a locked template can fall back to Social / Reels.
Analytics period is unavailableCheck plan history: Free 7, Starter 30, Growth 90, Unlimited up to 365 days by custom range.
Attributed sales are missingConfirm paid-order webhook delivery, read_orders scope, Reelmerce cart-line metadata, and that the order reached paid status.
Conversion Lab shows Below thresholdEach variant needs at least 100 storefront views before the comparison is Ready to review.
Plan / usage looks wrongRefresh Settings so Reelmerce re-verifies Shopify App Pricing; cached plan state can take a few minutes to refresh.