17% Higher Converting Landing Page Builder (AI Prompt)

You are a conversion rate optimization expert who has designed landing pages generating millions in revenue. I need you to create a high-converting landing page using Lovable (AI website builder).

**Use Lovable Promo Code: AUTOMATIONLINKS for 10 free credits**
(Sign up at lovable.dev)

**My Business Details:**
- Business Name: [BUSINESS_NAME]
- What I'm Offering: [OFFER] (product, service, lead magnet, etc.)
- Target Customer: [TARGET_CUSTOMER]
- Main Problem I Solve: [MAIN_PROBLEM]
- Key Benefit/Transformation: [KEY_BENEFIT]
- Price Point: [PRICE] (or "Free lead magnet")
- Current Conversion Rate: [CURRENT_RATE] (or "New page")
- Unique Selling Proposition: [USP]

**Create a complete high-converting landing page with these specifications:**

---

## LAYOUT & STRUCTURE (Center-Focused Design)

**Design Philosophy:**
- Everything center-aligned for focused attention
- Single column layout on desktop and mobile
- Maximum content width: 800px
- Generous white space between sections
- Professional, clean aesthetic
- No sidebar distractions

### Section 1: AI Chat Interface Box (Top of Page)

[Create a chat widget component that:]
- Sits at the top of the page or floats in corner
- Has welcoming message: "Hi! Have questions about [OFFER]? Ask me anything."
- Connects to business chatbot or AI assistant
- Styled to match brand colors
- Expands on click, minimizes when not in use

**Lovable Implementation:**
"Create a floating chat button in the bottom right corner that opens a chat interface. The chat should have a welcome message and input field. Style it with rounded corners and a shadow. When clicked, it should expand to show the conversation. Include a close button."

### Section 2: Hero Section

**Components:**
- Headline (H1): [Problem-agitation or benefit-driven headline]
- Subheadline: [Expand on the transformation]
- Hero Image/Video: [What they'll get or transformation visual]
- Primary CTA Button: [Action-oriented text]
- Trust Elements: [Mini social proof below CTA]

**Headline Formulas (pick one):**
1. "Get [RESULT] Without [PAIN POINT]"
2. "The [ADJECTIVE] Way to [DESIRED OUTCOME]"
3. "[TARGET CUSTOMER]: Here's How to [BENEFIT] in [TIMEFRAME]"
4. "Stop [FRUSTRATION]. Start [POSITIVE OUTCOME]."
5. "Finally, [SOLUTION] That Actually Works"

**CTA Button Text Options:**
- "Get Started Free"
- "Claim Your [OFFER]"
- "Start My [TRANSFORMATION]"
- "Yes, I Want This"
- "Show Me How"

### Section 3: Trust Bar

**Include:**
- "As featured in" logos (if applicable)
- Client logos
- Certification badges
- "Trusted by [X] customers"
- Star rating with review count

### Section 4: Problem Section

[Create a section that:]
- Lists 3-5 problems/pain points
- Uses "You might be struggling with..." framing
- Creates emotional connection
- Each pain point has an icon
- Ends with "Sound familiar?"

### Section 5: Image Examples/Results Preview

**Show What They Get:**
- Screenshots of product/service
- Before/after transformations
- Sample deliverables
- Results visualization
- Use carousel or grid layout

**Lovable Implementation:**
"Create an image gallery showing 4-6 examples of [what they'll receive]. Use a clean grid layout on desktop that stacks on mobile. Add subtle hover effects. Include short captions below each image."

### Section 6: Benefits Section (Not Features)

**Structure:**
- 6 key benefits in 2-column grid
- Each benefit has: Icon + Headline + 1-sentence description
- Focus on outcomes, not features
- "What you'll achieve" framing

### Section 7: Multi-Step Popup (Conversion Optimization)

**Create a popup that triggers on CTA click with 3 steps:**

**Step 1: Quick Question (Segmentation)**
- "Which best describes you?"
- 3-4 options that help you segment
- This data is used for follow-up personalization

**Step 2: Contact Information**
- Name
- Email
- Phone (optional)
- Brief message about their situation

**Step 3: Upsell/Cross-sell (Optional)**
- "Want faster results?" 
- Offer premium option or add-on
- "No thanks, continue with [original offer]" option

**Lovable Implementation:**
"Create a multi-step form popup. Step 1 asks the user to select their situation from 3 options. Step 2 collects name, email, and phone. Step 3 offers an upsell with a checkbox. Include a progress indicator showing which step they're on. The popup should have a clean white background with your brand colors."

### Section 8: Social Proof Section

**Include:**
- 3-5 customer testimonials with photos
- Video testimonial embed (if available)
- Case study summary with specific results
- Rating badges from review sites

**Testimonial Format:**
- Customer photo
- Name and title/company
- Quote with specific result
- Star rating

### Section 9: Case Studies (Before/After)

**Create 2-3 mini case studies:**
- Client situation before
- What they did with you
- Specific measurable result after
- Timeline

**Visual Format:**
"[Client Name] went from [BEFORE] to [AFTER] in [TIME]"

### Section 10: Social Proof Counters

**Animated counters showing:**
- X+ customers served
- X+ [results achieved]
- X star average rating
- X years in business

**Lovable Implementation:**
"Create an animated counter section that counts up when it scrolls into view. Show 4 statistics in a row. Use large numbers with labels below each."

### Section 11: FAQ Section

**Include 5-7 common questions:**
- Objection handling disguised as FAQs
- "Is this right for me?" questions
- Pricing/refund questions
- Timeline/expectation questions

**Use accordion component for clean UX**

### Section 12: Final CTA Section

**Components:**
- Reminder of main benefit
- Risk reversal (guarantee, refund policy)
- Urgency/scarcity (if authentic)
- Large CTA button
- "Have questions? Chat with us" link

---

## CONVERSION ELEMENTS TO ADD

### Exit-Intent Popup

**Trigger:** When user moves mouse toward browser close button
**Content:**
- Headline: "Wait! Don't leave without..."
- Special offer or lead magnet
- Simple email capture
- "No thanks" link to close

**Lovable Implementation:**
"Create an exit-intent popup that appears when the user's mouse moves toward the top of the browser. Offer a [special incentive]. Include an email capture form and a dismiss button."

### Floating Hover Button

**Always visible button that:**
- Stays fixed at bottom of screen on mobile
- Smooth scroll to CTA or opens chat
- Matches brand colors
- Has subtle animation to draw attention

**Lovable Implementation:**
"Add a sticky button at the bottom of the page that stays visible while scrolling. It should say 'Get Started' and smoothly scroll to the main form when clicked. On mobile, it should be full-width at the bottom."

### Social Proof Notifications

**Bottom-left pop-in notifications:**
- "[Name] from [City] just signed up"
- "12 people are viewing this page"
- "Last signup: 3 minutes ago"
- Cycle every 15-30 seconds

**Lovable Implementation:**
"Create a notification toast that appears in the bottom left corner showing recent signups. It should slide in, display for 5 seconds, then slide out. Cycle through different notifications."

### Sticky Header with CTA

**Header behavior:**
- Transparent on page load
- Becomes solid on scroll
- Includes CTA button always visible
- Minimal navigation

---

## MOBILE OPTIMIZATION

**Ensure:**
- Tap targets at least 44x44px
- Form fields easy to fill on mobile
- Images optimized for fast loading
- Floating button full-width at bottom
- Chat widget easily accessible
- Headlines readable without zooming

---

## TECHNICAL REQUIREMENTS

**For Lovable Implementation:**

1. **SEO Setup:**
   - Title tag: [Primary Keyword] | [Brand Name]
   - Meta description with CTA
   - H1 for main headline
   - Image alt text with keywords
   - Fast loading (optimize images)

2. **Tracking Setup:**
   - Google Analytics 4 events
   - Form submission tracking
   - Button click tracking
   - Scroll depth tracking
   - Chat widget interactions

3. **Conversion Tracking:**
   - Thank you page after form submission
   - Conversion pixels (Meta, Google)
   - UTM parameter preservation

---

## COPY FRAMEWORK FOR EACH SECTION

**Use this formula throughout:**
- Lead with the customer's problem
- Agitate the pain
- Present your solution
- Prove it works (social proof)
- Call to action

---

## COMPLETE LOVABLE PROMPT

**Copy this entire prompt into Lovable to build your page:**

"Create a high-converting landing page for [BUSINESS_NAME]. 

The page should be center-aligned with max-width 800px. Include:

1. A floating chat button in the bottom right corner
2. A hero section with headline '[HEADLINE]', subheadline '[SUBHEADLINE]', and a prominent CTA button
3. A trust bar with logos and social proof
4. A problems section listing 4 pain points with icons
5. An image gallery showing examples of [WHAT_THEY_GET]
6. A benefits section with 6 benefits in a 2-column grid
7. A testimonials section with 3 customer reviews including photos
8. Case study cards showing before/after results
9. Animated counter section with 4 statistics
10. FAQ accordion with 5 questions
11. Final CTA section with guarantee and button

Also add:
- Exit-intent popup offering [INCENTIVE]
- Sticky mobile button at bottom
- Social proof toast notifications in bottom left

Make the primary CTA open a multi-step form popup with 3 steps: situation selection, contact info, and optional upsell.

Use a clean, professional design with [BRAND_COLORS]. Mobile-optimized."

---

**Want a custom landing page built for you?**
AL can help you craft each section of copy tailored to your brand voice, analyze what's working on competitor pages, and continuously optimize your messaging based on what converts.

→ Try AL at automationlinks.io/al