Create a flash sale

Flash sales are a powerful conversion lever. By combining urgency (timer), scarcity (stock), and visibility (banner, popup), you can generate a significant sales spike. Scale Theme integrates all the necessary tools directly into the theme. Here's how to orchestrate them.

Overview: The 5 levers

A successful flash sale combines several elements working together:

Step 1: The Announcement Bar

The announcement bar is the banner at the very top of your store. It's the first visible element, on ALL pages.

1. Open the editor > click on Announcement Bar (in the header group)
2. Add an Announcement block
3. Configure:

• Link: To your promo collection
• Palette: Accent (bright color that stands out from header)

with text "FLASH SALE -30% | Code FLASH30 | Ends tonight" and timer icon)

Step 2: The Hero with Countdown

Replace your usual hero with a Countdown section dedicated to the flash sale.

Option A: Countdown Section (Hero)

1. Add a Countdown section in first position
2. Configure:

• Variant: Hero (full screen)
• Desktop image: Promotional image
• Overlay: 40-50%
• Target date: The exact end of your flash sale
• Digit style: Flip (most dynamic) or Cards
• Size: Large
• At zero action: Hide the section (or redirect)

1. Add blocks:

• Heading: "FLASH SALE" or "-30% ON EVERYTHING"
• Timer: (the countdown itself)
• Button: "View offers" to the collection

Step 3: Timer on the product page

Each promo product page should also display the timer to maintain urgency.

1. Go to the Product template
2. In the product section blocks, add a Timer block
3. Place it between price and variants (high position for max visibility)

Step 4: The stock indicator

Combine the timer with a stock indicator for a double urgency effect.

1. Add a Stock block on the product page
2. Configure:

• Threshold: Show when < 20 units
• Style: Bar + text

Step 5: The exit-intent Popup

The popup is your safety net. If a visitor is about to leave during the flash sale, intercept them with a last offer.

1. Add a Popup section
2. Configure:

• Mode: Exit Intent
• Image: Your promo image
• Size: Medium
• Animation: Scale
• Cookie: 1 day

1. Add blocks:

• Heading: "Leaving already?"
• Text: "Get -30% with code FLASH30 before it's too late"
• Timer: Same timer as the hero
• Button: "Get the deal" to the collection

Step 6: Coupon code in cart

If your flash sale uses a coupon code, enable the coupon field in the cart drawer.

1. Go to Cart settings (via Cart Group in editor)
2. Enable Coupon code field
3. Customers can enter their code directly in the side cart

Step 7: Free shipping progress bar

If you offer free shipping during the flash sale (or above a certain amount), configure the progress bar in the cart drawer.

Flash sale timeline

D-7: Preparation

• [ ] Create the "Promo" collection with target products
• [ ] Prepare hero images (desktop + mobile)
• [ ] Create the coupon code in Shopify Admin
• [ ] Write copy (announcement bar, hero, popup)

D-1: Theme configuration

• [ ] Configure the announcement bar
• [ ] Add Countdown hero section
• [ ] Add Timer block on product page
• [ ] Configure exit-intent popup
• [ ] Enable coupon code field in cart
• [ ] Test on desktop AND mobile
• [ ] Verify coupon code works at checkout

Day D: Launch

• [ ] Publish changes
• [ ] Verify everything works live
• [ ] Send communications (email, social media)
• [ ] Monitor sales and behavior

Day D+1: End of flash sale

• [ ] Timer reached zero? Verify configured action works
• [ ] Remove or modify announcement bar
• [ ] Disable popup
• [ ] Remove Timer blocks from product page
• [ ] Communicate the end of the promo

Mistakes to avoid