Templates
Start from a ready-made timer design in the template gallery.
A template applies a complete design in one click. It's the fastest way to a professional-looking timer, and the right starting point before you customize anything.
Where to find it
The template picker lives at the top of the Content section of the editor, not the Design tab. Everything else on this page — colors, typography, spacing — is on the Design tab.
Open the gallery
Open the timer. The editor opens on the Content section.
At the top you'll see Choose Your Template. Click it.
A modal opens with a grid of template cards.
Each card is a live preview — the template rendered with sample data (Flash Sale / Limited Time! / Shop Now) and a two-day countdown, so you can see exactly what you're picking rather than guessing from a name.
Apply one
Click the card you want. It's applied immediately and marked as selected.
Click Close to dismiss the modal.
Fine-tune the design on the Design tab.
Click Save.
The templates
Each card shows the template name and its category.
| Template | Category | Look |
|---|---|---|
| Dawn | Gradient | Clean and neutral, pairs with Shopify's Dawn theme |
| Electric | Gradient | High-energy, bright accent colors |
| Neon Glow | Gradient | Glowing digits on a dark background |
| Silky Luxe | Luxury | Soft, premium, understated |
| Noir Elegance | Luxury | Black and refined |
| Premium Urgent | Luxury | Urgency styling with a premium finish |
| Vibrant Blaze | Bold | Hot and high-contrast |
| CRO Urgent | Bold | Conversion-focused urgency badge |
| Compact Purple | Compact | Small-footprint purple badge |
| Minimal Dark | Compact | Tight dark badge, minimal styling |
| Flip Clock | Premium | Animated flip-card digits |
| Glassmorphism | Modern | Frosted glass with a translucent tint |
Six templates are product-page only
These six only appear in the gallery for a Product Page timer:
- Compact Purple
- Minimal Dark
- CRO Urgent
- Premium Urgent
- Flip Clock
- Glassmorphism
On a top/bottom bar, landing page, or cart page timer they're filtered out of the gallery entirely.
If a template you wanted isn't listed
You're most likely not on a product page timer. These six are badge- and card-shaped designs built for the space a product page gives them — they don't fit a full-width bar or a cart line. Check your timer type before assuming the gallery is broken.
Templates adapt to the timer type
Applying a template doesn't paste one fixed set of values everywhere. The app starts from the baseline styling for your timer type — a bar, a product-page block, or a cart timer — and layers the template on top. The same template looks correctly proportioned in each context rather than stretched or cramped.
Choosing one
- Dawn when the timer should blend into your theme
- Compact Purple, Minimal Dark, or CRO Urgent for a small badge on a product page
- Flip Clock or Glassmorphism when the timer is a hero element worth drawing attention to
- Noir Elegance, Silky Luxe, or Premium Urgent for premium and luxury brands
- Electric or Vibrant Blaze for high-energy flash sales
Templates with extra color controls
Six templates add their own color card to the Design tab once selected. See Template-specific colors.
Tip
Pick the template closest to your brand, then change two or three values — usually the background and digit colors. That's faster than building from scratch and gives a more coherent result.
Applying a template replaces the design settings it covers. If you've hand-tuned your colors, note them down first.