Documentation
Everything you need to install Pixel, build timers, style them, and read the revenue they drive. New here? Start with Getting started.
Getting started
Pixel is a Shopify embedded app plus a theme app extension. Installing it takes a minute, and you don't touch a line of code.
- Install Pixel Countdown Timer Bar from the Shopify App Store.
- Review and approve the permissions Shopify shows these let Pixel run your countdowns and attribute the revenue they drive.
- You land on the welcome page, where a setup tracker shows how many of your placements are live (0 of 6 to start).
- Create your first timer, then enable the storefront block for that placement.
Enable the app embed
Your storefront needs the Pixel block turned on before shoppers can see a timer. This is a one-time setup per placement.
- From the home page, find Embed Pixel on your storefront and click Enable the Pixel app embed β this opens your theme editor on the App embeds panel.
- Find Pixel countdown timers at the top of the App embeds list and flip the toggle on.
- Click Save in the top right.
That single switch powers the announcement bar and pop-up timers across your whole storefront. The other placements (homepage header, product, cart, floating) are added as their own theme blocks β see Placements below.
Placements
A placement is where a timer appears. Each is a theme block you enable once; then you can run any number of timers in it.
| Placement | Best for | Plan |
|---|---|---|
| Announcement bar | Site-wide sales (sticky top/bottom bar) | Free |
| Homepage header | Hero banner under your menu | Free |
| Product page | Launches & flash deals (next to buy button) | Starter |
| Cart page | Reservation urgency, anti-abandonment | Starter |
| Floating widget | Always-visible corner timer | Starter |
| Pop-up | Focused, time-boxed offers | Starter |
The announcement bar and pop-up are powered by the app embed. To add a homepage header, product or cart timer, open the theme editor on that page and add the matching Pixel block as a section block.
Creating a timer
Go to Timers β Create your first timer, choose a placement, and you land in the timer builder β a single screen with a live preview on the left and two tabs on the right: Content and Design.
Content tab
- Internal name β e.g. "Black Friday 2026". Shoppers never see this; it's just how you find the timer in your dashboard.
- Placement β confirm where the timer shows. You can change it later.
- Timing β choose fixed or evergreen and set when it ends.
- Message β your headline, with a live countdown token you can drop in.
- Expired message β optional text to show when the timer hits zero.
- Call-to-action β optional button that sends shoppers to your offer.
When everything looks right in the preview, click Create timer. It appears in your Timers list with a green Active status.
Fixed vs evergreen
β° Fixed end date
Counts down to one specific date and time for everyone. Perfect for a real sale with a hard deadline β Black Friday, a product drop, end of a promotion.
βΎοΈ Evergreen
Gives each shopper their own personal countdown that starts when they first arrive. Ideal for always-on urgency that resets per visitor.
Scheduling
For fixed timers you can optionally set a start time in addition to the end. The timer stays hidden until the start moment arrives, then appears automatically β so you can build a sale ahead of time and let it go live on its own.
Message & tokens
Write your message in plain text, then insert a variable to drop the live countdown into your copy. Click the variable chip in the editor, or type the token directly:
Hurry! Sale ends in {timer}
The {timer} token renders the ticking days/hours/minutes/seconds and updates once per second in the shopper's browser. You can also set an expired message that replaces the text when the countdown reaches zero.
Call-to-action button
Toggle on a CTA to add a button next to the timer that links to your offer (a collection, product, or any URL). When a shopper clicks it, Pixel records the click against the timer β this click is what later gets matched to an order for revenue attribution.
Page targeting
By default a timer shows everywhere its placement appears. Use page targeting to narrow that down with include/exclude URL patterns.
- Leave blank β show on every page (default).
- Include patterns β only show on URLs that match, e.g. /collections/sale.
- Exclude patterns β hide on URLs that match, e.g. /cart or /account/*.
Design & styling
The Design tab starts with a ready-made style, then lets you fine-tune everything. Full design customization is available on every plan, including Free.
Ready-made styles
What you can customize
- Color β single color, gradient, or background image; set background, text and ticker colors.
- Border & spacing β corner radius, padding and gaps.
- Layout & typography β inline or stacked, font choice, and how digits are styled.
- Position & dimensions β for the announcement bar, pin it to the top or bottom and set its size.
Every change updates live in the preview as you make it.
Revenue attribution
This is the heart of Pixel: connecting a timer to the revenue it actually drove. Here's the full chain.
- Impression β when a shopper sees a timer, Pixel logs one impression per shopper, per timer, per page load (deduped so reloads don't inflate counts).
- Click β when the shopper clicks the timer's CTA, Pixel records a click tagged with a privacy-safe shopper token (a cookie + localStorage value, no personal data).
- Carry-through β that token is written to the cart so it rides all the way to checkout.
- Order match β when the order is created, Pixel reads the token, finds the most recent unattributed click from your timers within a 7-day attribution window, and credits that click with the order's total revenue.
The result surfaces in your dashboard and analytics as attributed revenue β ranked per timer, so you can see which ones earn their keep.
Analytics dashboard
The analytics dashboard (available on Growth and Pro) shows per-day series and a per-timer breakdown:
- Impressions and clicks over time.
- Click-through rate (CTR) per timer.
- Attributed revenue per timer, so your best performers are obvious.
On Free and Starter you'll see a preview with an upgrade prompt instead of live data.
Email reports
In Settings, choose how Pixel keeps you informed. Each report summarizes revenue, orders, clicks and your top-performing timer.
- Daily snapshot β best for high-traffic stores. Pro
- Weekly nudge β stay on top of things. Growth & Pro
- Monthly recap β the bigger picture. Growth & Pro
Add the email address reports should go to and click Save settings. Want to see one immediately? Hit Send a test now.
Plans & billing
Every plan includes unlimited active timers and full design customization. Plans differ on placements and features. All billing is handled natively through Shopify and appears on your regular Shopify invoice.
| Plan | Price | Adds |
|---|---|---|
| Free | $0/mo | Announcement bar + homepage header |
| Starter | $5.99/mo | Product, cart, floating & pop-up placements |
| Growth Popular | $7.99/mo | Analytics dashboard + weekly & monthly reports |
| Pro | $9.99/mo | Daily reports + remove branding (everything) |
- Every paid tier starts with a 7-day free trial β you aren't charged until it ends.
- Approve the subscription in Shopify's native checkout to start your trial.
- Once activated, a green banner confirms your plan, and the billing page shows your renewal and next charge date.
- Cancel anytime in one click from your Shopify Admin.
Privacy & data
Pixel keeps its data footprint deliberately small. It stores no customer PII only an opaque shopper token (a cookie + localStorage value) plus order IDs and totals needed for attribution. Storefront requests are signed and verified server-side, and merchant access tokens are encrypted at rest.
Troubleshooting
My placement says "Block missing"
The timer exists but the storefront block isn't enabled. For the announcement bar or pop-up, enable the app embed. For homepage header, product or cart, add the matching block in the theme editor for that page, then click Save.
My timer isn't showing
- Confirm the timer status is Active (not paused) in the Timers list.
- Confirm the block/embed is enabled and the theme is saved.
- Check page targeting an include/exclude rule may be hiding it on the page you're viewing.
- For a scheduled timer, confirm the start time has passed.
Impressions and clicks are at zero
This is normal right after creating a timer counts only start once the block is live on the storefront and real shoppers (or you, on the live store) load the page.
Revenue isn't being attributed
Attribution requires a shopper to click the CTA, then place an order within 7 days. Make sure the timer has a CTA enabled, then watch the next order match.
Still stuck?
Email support@pixelspiece.com and we'll help you get live.