How to Build a Sales Page in 12 Minutes

Click "📑 My Pages" in the top-left, then "+ NEW PAGE"

This opens a slide-in drawer with all your saved pages. The first time you visit, the list is empty. Click the gold + NEW PAGE button at the top of the drawer to start fresh.

The builder gives the new page a random slug like page-l9k2x — you can change it any time by clicking the SLUG field in the top toolbar and typing something memorable like summer-launch.

Option A: Click "🎨 Templates" → pick a Sales template

The Templates modal shows 12 hand-crafted TEE templates filtered by category. Click the 💰 Sales chip to see only sales-page layouts:

• Sales Page · Magazine — editorial vibes, magazine-style layout
• Sales Page · Dark Luxe — premium feel, for high-ticket offers ($497+)
• Sales Page · Bold Direct-Response — aggressive headlines + urgency, for $7–$97 offers
• Long-Form Story Sales — story-driven narrative, for emotional positioning

Click any template card and the layout loads instantly. You're now 80% done.

Option B: Click "✨ AI Generate" → describe your offer

If you want a fully bespoke page written for YOUR offer, click the ✨ AI Generate button in the toolbar. A modal opens — paste a brief like:

A $97 lifetime sales page for "Elite Page Builder" — a drag-drop builder
that replaces ClickFunnels. Target: affiliate marketers paying $147/mo
for ClickFunnels. Pain: subscription burnout. Bonuses: 12 templates +
AI generation + 60 widgets.

Wait 15–40 seconds. Claude drafts a complete page (1,200–2,000 words) with hero, pain, features, testimonial, pricing, bonus stack, guarantee, FAQ, and final CTA — fully styled with your brand colours.

Click any text on the canvas to edit it inline

Click directly on the big hero headline. A cursor appears — type your real headline. Hit Esc or click elsewhere to commit.

Headline formula that works for sales pages:

[Outcome] without [common pain] — [time/effort qualifier]

Examples:

• "Build a 6-figure funnel without hiring a copywriter — this weekend"
• "Lose 20 pounds without giving up carbs — in 90 days"
• "Land 10 high-ticket clients without cold DMs — in 30 days"

Now rewrite the sub-headline beneath it — one sentence that explains what the product is in plain English.

Open the Blocks tab (right panel) and drag what you need

The right panel has 4 tabs: 🎨 Styles · ☰ Layers · ⚙ Traits · 📦 Blocks. Click 📦 Blocks to see all 60+ widgets organized by category:

• Hero — Hero, Big Headline, Sub-headline
• Body — Pain Section, How It Works, Feature Row, Value Stack, Bonus Stack, Testimonial, Guarantee, Urgency Bar
• Conversion — Countdown, Animated Counter, Before/After Slider, Comparison Table, Testimonial Carousel, Social Proof Toast, Exit-Intent Popup, Multi-Step Form, Inline Buy Button
• Pricing & CTA — Pricing Card, CTA Bar, CTA Button, Final CTA, Sticky CTA
• Info — FAQ, Who It's For
• Layout — Tabs, Accordion, Modals, Columns, Flip Cards
• Motion — Typed Hero, Rotating Headline, Animated on Scroll, Parallax, Particles, 3D Tilt, Magnetic CTA, Shape Divider, Video BG, Lottie
• Content — Blog Posts, Purchase Ticker, YouTube, Twitter, Instagram, Calendly, Maps, Spotify, WhatsApp button, AI Chat
• Lead Capture — 8 dedicated forms that route to your Email Engine
• Utility — Heading, Paragraph, Divider, Spacer, Custom HTML

Drag any block from the panel into the canvas — drop it where the green insertion line appears. The block lands fully styled and ready to edit.

Click the Buy Button → set the Product Key in the right panel

The Inline Buy Button block uses TEE's payment system. Click the button on the canvas — the right panel switches to ⚙ Traits and shows two fields:

• 💳 Product Key — set this to a key registered in payment-popup.js, e.g. page_builder_lifetime_297
• 🔗 Or Direct URL — alternatively, paste a direct WarriorPlus / Stripe / external checkout URL

When a visitor clicks Buy on the published page, the payment popup opens with WP + Razorpay options.

Drag the "⏳ Countdown" block above your pricing, then pick the end date

Drag the Countdown widget from the Conversion category. Click it — the right panel shows ⏰ Expires At: a real datetime picker. Pick the launch close date + time.

On the published page the countdown ticks down in real time — days, hours, minutes, seconds. When it hits zero the section gets an .expired class so you can style a different message.

Click "🌈 Theme" → pick from 8 palettes

The default Dark Gold works for 80% of sales pages. But if your brand has different colors, click 🌈 Theme in the toolbar:

• Dark Gold ★ Recommended — sales pages, premium offers
• Light Editorial — clean, magazine, trustworthy
• Cream Magazine — warm, editorial, courses, books
• Navy Pro — B2B, enterprise, agency
• Pure White — minimal, SaaS, modern
• Forest — wellness, health, fitness
• Sunset — energetic, bold offers, coaches
• Royal — luxury, high-ticket coaching

Click any swatch → entire canvas re-themes instantly. A pill appears at the bottom with ↶ UNDO if you don't like it. Auto-dismisses after 15 seconds.

Hit "💾 Save" — then "🚀 Publish"

The builder auto-saves every 30 seconds, but the manual Save button gives you a clear "✓ Saved" confirmation.

Click 🚀 Publish — confirm the slug — your page goes live in 1 second at:

https://theeliteengines.com/u/{your-user-slug}/{page-slug}/

The publish flow opens the live page in a new tab so you can verify everything looks right. Share that URL anywhere — ads, emails, social, organic.