E-Commerce

Build a Flash Sale Countdown Page with AI

Create an urgency-driven flash sale page with a live countdown timer, product grid showing original vs sale prices with savings percentages, stock indicators, and email capture for deal alerts. The agent manages sales by updating end times, adjusting stock, and adding products — redeploying the site each time.

Build Prompt

Copy this prompt into Claude Code
Build a flash sale countdown page as a static HTML/CSS/JS site. Use a dark theme with background #0a0a0f, surfaces #12121a, and accent colors #ef4444 (red for urgency) and #10b981 (green for savings). Load data from inline `const SALE = {...}`. SALE has: headline ("Flash Sale — Up to 70% Off"), description, endsAt (ISO date string), products (array of {name, originalPrice, salePrice, stock, image (emoji), category, badge (optional: "Best Deal", "Almost Gone")}), emailCapture (boolean). Layout: Full-width hero with bold headline, pulsing red dot animation, and a large countdown timer showing days, hours, minutes, seconds in separate boxes with labels. The timer counts down to SALE.endsAt. When it reaches zero, show "Sale Has Ended" and disable all buy buttons. Below the countdown, a product grid (3 columns desktop, 1 mobile). Each product card shows: image, product name, original price (struck through), sale price (large, in green), savings badge ("Save 45%"), stock indicator ("X left" in orange if stock less than 10, "Selling Fast!" if less than 5), and a "Buy Now" button (linking to payment URL, or a placeholder). If stock is 0, show "SOLD OUT" badge and disable button. Add a floating urgency bar at the top of the page showing "Sale ends in HH:MM:SS" that updates in real-time. Email capture section: "Get notified about future sales" with email input and subscribe button. Stores emails in localStorage (for the agent to read later). Add a "Recently Sold" ticker at the bottom showing fake social proof: "Someone in [City] just bought [Product] [X minutes ago]" rotating every 4 seconds. Add SEO: title, meta description targeting "flash sale", "limited time deals". JSON-LD with @type "Sale" or "Offer" on products. Seed with 8 products across categories (Electronics, Fashion, Home) with 30-70% discounts and varied stock levels. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Tiered Discounts

Show increasing discounts based on quantity: buy 2 get 10% off, buy 3 get 20% off.

VIP Early Access

Add a password-protected section that unlocks deals before the public sale starts.

Spin-to-Win

Add a gamified discount wheel that visitors spin for a random extra discount percentage.

Comparison Prices

Show competitor prices alongside yours to emphasize the deal value.

Gift Wrapping

Add an optional gift wrapping upsell with a holiday-themed message card.

Update Prompt

Update Prompt — Manage sale and inventory
Update my flash sale page: [describe changes — e.g., "Extend the sale by 24 hours", "I sold 5 units of Product X — update the stock", "Add a new product to the sale: Name, original $50, sale $29, stock 20", "Change the headline to 'Weekend Blowout Sale'", "End the sale early — set endsAt to now"]. Update the SALE data, recalculate savings percentages, and handle any sold-out products. Redeploy.

SEO Tips

Monetization Ideas

Related Ideas

Ready to build your Flash Sale Page?

Copy the prompt above and paste it into Claude Code. Your sale page will be live in minutes.

Get Started