PopupVideo
Turn quiet store pages into conversions with floating video, GIF, and image popups. This guide walks you through installing, building, targeting, and measuring your popups — no code required.
01What is PopupVideo
PopupVideo (shown on your storefront as BubblePop) is a Shopify app that adds a small floating "bubble" to your store. Shoppers tap it to expand a video, GIF, or image popup — with an optional call-to-action button that links them straight to what you're selling.
You control everything from the app's dashboard inside Shopify admin: what the popup shows, how it looks, which pages it appears on, when it triggers, and how it's performing.
Video, GIF & image popups
One media item per popup, played in a floating card or full-screen player.
Four corner positions
Place the bubble in any corner with per-edge pixel offsets.
Page targeting
Home, product, collection, cart, checkout, and account pages.
Smart triggers
Show after a delay, on scroll depth, or on exit intent.
Live analytics
Views, clicks, CTR, revenue, and conversion rate over 30 days.
Multiple media sources
Shopify Files, YouTube, DailyMotion, or any image URL.
02Setup in 4 steps
From a fresh install to a live popup takes four steps. The order matters — a popup will not appear on your storefront until the theme embed is enabled and your popups are synced.
- Install PopupVideoAdd the app from the Shopify App Store. It opens inside your Shopify admin under Apps → PopupVideo.
- Choose & activate a planPick Starter, Pro, or Scale on the Plans & billing page. Every new store gets a 3-day free trial. You must have an active plan to create or edit popups.
- Enable the theme app embedTurn on the BubblePop embed in your theme so the popup code can load on your storefront. See Enable the theme embed.
- Build a popup & syncCreate your first popup, target a page, set it to Active, then use Sync to storefront. Your popup is now live.
03Enable the theme app embed
The app embed is what actually injects the popup onto your live storefront. It only needs to be enabled once per theme.
- Open the theme editorIn Shopify admin go to Online Store → Themes, then click Customize on your active theme.
- Open App embedsClick the App embeds icon in the left toolbar (the puzzle / app icon).
- Turn on BubblePopFind BubblePop · PopupVideo in the list and flip the toggle on.
- SaveClick Save in the theme editor. The popup engine now loads on every page of that theme.
04Performance dashboard
The Dashboard is the app's home screen. It shows how your popups are performing over a selected window, compared with the previous period of the same length.
Top actions
Filters
Narrow what the dashboard shows with three filters: Date range (7 / 30 / 90 days), Status (all, active, paused, draft), and Page (limit to a specific page type).
The five KPI cards
| Metric | What it means |
|---|---|
| Views | How many times your popups were shown to shoppers (impressions). |
| Clicks | How many times shoppers clicked the popup or its CTA button. |
| CTR | Click-through rate — clicks ÷ views, as a percentage. |
| Revenue | Order value attributed to popups the shopper interacted with. |
| Conversion rate | Share of popup interactions that led to an attributed order. |
Each card shows a trend badge versus the previous period and a mini sparkline. Below the cards, the Views vs. clicks chart plots daily impressions and clicks across your selected range.
05Creating a popup
Click + Create popup from the dashboard (or New on the Popups list). This opens the editor with a fresh draft called "Untitled popup." A popup has three states:
| Status | Meaning |
|---|---|
| Active | Live and visible on the storefront pages you target. |
| Pause | Hidden on the storefront until you re-activate it. |
| Draft | Not visible yet — the default for new popups. |
Rename the popup with the pencil icon next to the title. The editor is organized into sections (Live preview, Design, Source, Card overlay, Pages, Trigger, Danger zone). Use the Live preview panel at the top to click the bubble and preview its expanded state as you edit. When you're done, click Save in the footer; Discard abandons unsaved changes.
06Design & position
The Design section controls how the popup looks.
#FF7A59). Also used for the tag pill and CTA button.07Media source
In the Source section you choose where the popup's media lives. There is one media item per popup. Pick from four sources:
| Source | Use it for |
|---|---|
| Pick from Shopify Files | Video or image already uploaded to your Shopify Files library. |
| Add YouTube URL | A YouTube video link. |
| Add DailyMotion URL | A DailyMotion video link. |
| Add image URL | Any hosted image (e.g. a poster or static promo). |
08Card overlay & CTA
The Card overlay section adds text on top of the storefront card. All fields are optional with sensible fallbacks.
NEW, SALE, LIMITED. (max 20 chars)09Page targeting
The Pages section decides where the popup appears. Choose broad page types, specific products/collections, or a mix.
Page types
| Page type | Where the popup shows |
|---|---|
| Homepage | Your store's front page. |
| All product pages | Every product page (wildcard). |
| All collection pages | Every collection page (wildcard). |
| Cart | The cart page. |
| Checkout | Checkout pages. |
| Account | Customer account pages. |
Specific products & collections
Use Pick products… or Pick collections… to target individual items instead of every page of that type — handy for promoting one launch product. When a shopper lands on a page, an exact match (e.g. that specific product) takes priority over a wildcard ("all product pages").
10Triggers
The Trigger section sets when the bubble appears. If you set more than one, whichever fires first wins.
11Storefront sync
PopupVideo publishes your active popups into a shop metafield, and the theme app extension reads that metafield in Liquid to render them on the storefront. Saving or deleting a popup pushes the update automatically — you usually don't need to do anything.
Use the manual sync when you want to force a re-publish — for example after restoring a backup, after enabling the embed, or while testing. You'll find it on the dashboard (Sync to storefront) and in Settings → Storefront sync (Sync to storefront now).
shop.bubblepop.popups · JSON · public read12Popups list
Open Popups from the left menu to manage all your campaigns in one table. From here you can:
13Settings
The Settings page holds store-wide defaults and tools.
14Plans & billing
Every plan includes the same full feature set — they differ only in how many popups, media items, and pages you can use. New stores start with a 3-day free trial. Annual billing charges 10 months up front, so you get 2 months free.
Starter
For one-product stores trying their first popup.
- Up to 3 popups
- Up to 5 media items
- Up to 5 pages
Pro
For growing stores running multi-page video campaigns.
- Up to 10 popups
- Up to 30 media items
- Up to 15 pages
Scale
For brands with playbooks across many SKUs.
- Unlimited popups
- Unlimited media items
- Unlimited pages
Shared features (all plans)
Video, GIF & image popups · four corner positions with edge offsets · card overlay (title, subtitle, tag) · full-screen player with CTA button · page targeting (home, cart, product, collection, checkout, account) · delay, scroll-depth & exit-intent triggers · storefront analytics (views, clicks, CTR) · 30-day performance dashboard · Shopify Files, YouTube, DailyMotion & image-URL sources.
15Troubleshooting
My popup isn't showing on the storefront
Work through these in order:
- Is the popup Active?Draft and paused popups never appear. Set it to Active and save.
- Does it have media?A popup with no video/GIF/image stays in draft. Add a source.
- Is a page targeted?The popup only shows on pages selected in the Pages section.
- Is the theme embed on?Confirm BubblePop is enabled in Online Store → Themes → Customize → App embeds.
- Force a syncGo to Settings → Storefront sync → Sync to storefront now, then reload your storefront.
My changes aren't reflected on the live store
Saving normally auto-publishes, but if an edit isn't showing, use Settings → Storefront sync → Sync to storefront now to force a re-publish, then hard-refresh the storefront page.
Revenue / conversion rate shows 0
These metrics rely on attributed orders. They remain at zero until a shopper who interacted with a popup completes a tracked purchase.
I can't create or edit popups
An active plan (or trial) is required. Check Plans & billing to make sure your subscription is active.
16Glossary
| Term | Meaning |
|---|---|
| BubblePop | The storefront name of PopupVideo — the floating bubble shoppers see and the theme app embed. |
| Theme app embed | The toggle in the theme editor that lets the app render on your live storefront. |
| Metafield | The data record (shop.bubblepop.popups) that stores your active popups so the theme can read them. |
| CTR | Click-through rate: clicks divided by views. |
| CTA | Call to action — the button shoppers click (e.g. "Shop now"). |
| Wildcard target | "All product pages" / "All collection pages" — matches every page of that type. |
| Exit intent | A trigger that fires when the shopper moves to leave the page. |