VSL Funnel Page Creation

Create high-converting Video Sales Letter (VSL) funnel pages that combine strategic video placement with supporting copy, social proof, and conversion elements for maximum sales.

Primary Objective

Create VSL funnel pages that:

• Feature video as the primary conversion mechanism
• Support the video with strategic copy elements
• Include multiple conversion touchpoints
• Build credibility and overcome objections
• Drive fast action with urgency elements

VSL Page Architecture

Above-The-Fold Hero Section

Video Player Placement:

• Large, prominent video player (60-70% viewport width)
• Auto-play consideration based on platform
• Custom thumbnail with play button overlay
• Progress bar visible but not distracting

Headline Above Video:

• Curiosity-driven headline that creates desire to watch
• Subheadline that expands on transformation promise
• Keep short—video is the main attraction

Example Headlines:

• "Watch This Short Video to Discover [Transformation]"
• "The [Timeframe] Video That Could Change Everything"
• "Before You [Action], Watch This First"

Below-Video Conversion Section

Immediate CTA:

• Clear, prominent button below video
• Benefit-driven text: "Get Instant Access" or "Start Your Transformation"
• High-contrast color (red, orange, or green)
• Arrow or urgency indicator

Urgency Element (if real):

• Countdown timer if deadline exists
• Limited spots indicator if genuine
• Price increase warning if scheduled

Supporting Copy Section (Optional Hybrid)

For skimmers who don't watch the video:

• Key bullet points hitting main benefits
• "What You'll Discover" section
• Brief transformation statement

Keep minimal—don't compete with video:

• 5-7 bullet points maximum
• Focus on outcomes, not features
• Use curiosity to drive video views

Social Proof Section

Testimonial Integration:

• Video testimonials are most powerful (thumbnail with play)
• Photo + quote testimonials with specific results
• Star ratings or aggregate proof
• "As Seen In" media logos if applicable

Placement:

• After first CTA for those who need more proof
• Before final CTA to reinforce decision

Value Stack Section

Visual Value Presentation:

• Each component with associated value
• Crossed-out "retail" price
• Special offer price prominently displayed
• Total value vs. investment contrast

Stack Elements:

• Core offer
• Bonuses (2-3 maximum)
• Guarantee value
• Total package value

Guarantee Section

Risk Reversal:

• Clear guarantee badge/seal
• Specific terms (30/60/90 days)
• What they can expect
• Easy refund process

Trust Elements:

• Secure checkout badges
• Money-back promise language
• "Nothing to lose" framing

FAQ Section

Objection Handling:

• 5-7 common questions
• Price objection
• Time/effort concern
• "Will this work for me?"
• Technical/access questions
• Guarantee/refund process

Final CTA Section

Strong Close:

• Recap key transformation
• Final urgency reminder
• Large, unmissable button
• Reminder of guarantee

Design Guidelines

Important: Follow user's chosen design era from their Brand Style Guide (Classic ClickFunnels or Modern Premium). See CLAUDE.md for full specifications.

Design Era Options

Classic ClickFunnels Style:

• Background: White (#FFFFFF) or light gray (#F7FAFC)
• Headlines: Dark (#1A202C), bold, high-impact
• CTA Buttons: Bright RED (#E53E3E), ORANGE (#ED8936), or GREEN (#38A169)
• Urgency: Yellow (#ECC94B) highlights, prominent countdown timers
• Feel: High-energy, aggressive conversion focus

Modern Premium Style:

• Dark theme: Dark backgrounds (#0c0a09), light text (#fafaf9)
• Light theme: White/cream backgrounds, dark text (#1e293b)
• CTA Buttons: Gradient buttons with subtle glow effects
• Typography: Elegant serif + clean sans-serif (e.g., Instrument Serif + DM Sans)
• Feel: Sophisticated, premium SaaS aesthetic

When to use brand colors:

• Only if user chose "DR with brand hints"
• Balanced approach: Brand accent colors on non-CTA elements
• Never brand-color the CTA button unless specifically asked

Layout Principles (Both Styles)

• Single column for focus
• Video is hero element
• Clear visual hierarchy
• Generous white space
• Mobile-responsive design

Typography

• Large, readable headlines
• Scannable bullet points
• Clear visual separation between sections
• Bold for emphasis on key points

HTML Output Requirements

When generating VSL pages, include:

• Complete HTML document structure
• Responsive CSS (mobile-first)
• Video embed placeholder: [VIDEO EMBED HERE]
• Form placeholder: [CHECKOUT FORM HERE]
• Image placeholders: [TESTIMONIAL IMAGE], [PRODUCT IMAGE]

Quality Checklist

• Is the video player prominent and compelling?
• Does the headline create desire to watch?
• Are CTAs visible and benefit-driven?
• Does social proof feel authentic?
• Is the value stack clear and compelling?
• Does the guarantee reduce risk?
• Are objections preemptively handled?
• Is the page mobile-responsive?

Additional Resources

Reference Files

• references/frameworks.md - VSL page frameworks and conversion optimization strategies

---

Create every VSL page as if it's the last chance to convert that visitor into a customer.