Shopify app · in final testing

Every promotion, in one drawer.

Promo Drawer is a Shopify app that replaces your announcement bar, popup, countdown timer and social widget with one sticky button. Tap it and a drawer slides open with your sale, your discount code, your countdown, your featured products — whatever you're running this week. Nothing covers the page until a shopper asks for it.

At a glance

11 kinds of card — sales, discount codes, countdowns, products, collections, images, video, reviews, press, social links and email signup
Under 17KB gzipped, JavaScript and CSS together, loaded deferred — no jQuery, no carousel library, no webfonts
Shadow DOM, so your theme's CSS can't reach in and ours can't leak out. It still inherits your store's font
Accessible on every plan, including free — keyboard operable, focus trapped and returned, honors reduced-motion

How it installs

One toggle in your theme editor. No code to paste, no theme files to edit, and nothing left behind if you uninstall it.

Live demo

This is the actual widget, not a picture of one.

The drawer below is the same build that ships to storefronts — the same two files, from the same folder. Not a video, not a mockup. Switch the layout and watch it rebuild exactly as it would on a page load.

Layout

All eleven card types are in this one drawer so you can see them; a real drawer holds up to eight. A storefront differs in one other way that matters — the drawer inherits your store's own font, so wording and spacing shift slightly. Everything else is what you see here. The demo collects nothing and sends nothing.

Features

Opt-in, not interruption.

A popup takes the page away from a shopper who was already reading it. A drawer waits to be opened. Everything below follows from that one decision.

Four widgets, one surface

An announcement bar, a popup, a countdown app and a social widget are four scripts, four subscriptions, and four things fighting for the same corner of your storefront. This is one of each.

Built to a speed budget

About 17KB gzipped, deferred, nothing render-blocking, no third-party libraries. The budget is enforced at build time — the build fails if the widget grows past it, so it can't creep.

It looks like your store

The drawer inherits your theme's font, and color, spacing, corner radius and position are yours to set — on every plan, including the free one. Design is not a paid feature.

Schedules that mean one thing

A sale set for Friday at 9am starts at 9am in your store's time zone, and stays right across daylight saving. Countdowns resolve the same way, on the shopper's screen rather than at cache time.

Edit and preview, side by side

The editor and a live preview sit next to each other, and the preview mounts the same renderer your storefront gets — not a second version built to resemble it. What you sign off is what ships.

You can tell whether it worked

Opens, card clicks and the orders that followed — on every plan, including free. What the paid plans add is how far back you can look, not whether you can look.

Questions

The things merchants ask first.

What does Promo Drawer replace?

An announcement bar, a popup, a countdown timer app and a social links widget. Those are four subscriptions, four scripts on every page, and four things competing for the same corner of your storefront. Promo Drawer puts all of them behind one button a shopper chooses to open.

Will it slow my storefront down?

It is about 17KB gzipped in total, JavaScript and CSS together, loaded after your page content and with nothing render-blocking. There are no third-party libraries — no jQuery, no carousel library, no webfonts. The size limit is enforced when the app is built, so it cannot creep upward over time.

Does it work with my theme?

It installs as a theme app extension, so it works with any Online Store 2.0 theme without touching your theme code. The widget renders inside a shadow root, which means your theme's CSS cannot reach into it and its styles cannot leak out onto your store. It still inherits your store's own font, so it reads as part of your theme rather than as something bolted on.

Do I need to edit any code?

No. You turn it on with one toggle in your theme editor. There is no snippet to paste and no theme file to edit, and uninstalling leaves nothing behind in your theme.

What can I put in a drawer?

Eleven kinds of card — a sale, a discount code you already created in Shopify, a countdown, a featured product, a collection, an image, a video, a customer review, a press quote, your social links, and an email signup form that posts to your own Shopify customer list. A single drawer holds up to eight of them.

More detail in the documentation — installation, every card type, and how targeting and scheduling work.

Want to know when it's live?

Leave your email and we'll send exactly one message, the day Promo Drawer is live in the Shopify App Store.