Back to Details

vsl-funnel-page

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

VSL Funnel Page Creation

VSL漏斗页面创建

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.
创建高转化的视频销售信（VSL）漏斗页面，将战略性视频布局与配套文案、社交证明和转化元素相结合，实现销量最大化。

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漏斗页面：
  • 以视频作为核心转化载体
  • 用战略性文案元素辅助视频
  • 包含多个转化触点
  • 建立可信度并打消用户疑虑
  • 通过紧迫感元素促使用户快速行动

VSL Page Architecture

VSL页面架构

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"
视频播放器布局：
  • 大尺寸、醒目的视频播放器（占视口宽度的60-70%）
  • 根据平台考虑自动播放设置
  • 带播放按钮覆盖层的自定义缩略图
  • 进度条可见但不分散注意力
视频上方标题：
  • 引发好奇心的标题，激发用户观看欲望
  • 扩展转化承诺的副标题
  • 保持简短——视频是核心焦点
标题示例：
  • “观看这段短视频，发现[转化成果]”
  • “这段[时长]视频可能改变一切”
  • “在你[行动]之前，先看这段视频”

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
即时行动号召（CTA）：
  • 视频下方设置清晰、醒目的按钮
  • 以利益为导向的文案：“立即获取权限”或“开启你的转化之旅”
  • 高对比度颜色（红色、橙色或绿色）
  • 箭头或紧迫感标识
紧迫感元素（如有真实依据）：
  • 若有截止日期则添加倒计时器
  • 若有真实名额限制则显示剩余名额
  • 若有计划涨价则提示价格即将上涨

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
针对不观看视频的浏览者：
  • 列出核心利益点的关键项目符号
  • “你将发现”板块
  • 简短的转化成果说明
保持简洁——不要与视频竞争注意力：
  • 最多5-7个项目符号
  • 聚焦成果而非功能
  • 用好奇心引导用户观看视频

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
Testimonial整合：
  • 视频Testimonial效果最佳（带播放按钮的缩略图）
  • 带具体成果的照片+引用式Testimonial
  • 星级评分或汇总式证明
  • 若适用则添加“被以下媒体报道过”的媒体标志
布局位置：
  • 放在第一个CTA之后，满足需要更多证明的用户
  • 放在最终CTA之前，强化用户决策

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
可视化价值呈现：
  • 每个组件标注对应价值
  • 划掉的“零售价”
  • 突出显示优惠价
  • 总价值与实际投入的对比
堆叠元素：
  • 核心产品
  • 赠品（最多2-3个）
  • 保障价值
  • 整套产品总价值

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
风险逆转：
  • 清晰的保障徽章/印章
  • 具体条款（30/60/90天）
  • 用户可获得的权益
  • 简单的退款流程
信任元素：
  • 安全结账徽章
  • 退款承诺文案
  • “毫无损失”的表述

FAQ Section

FAQ区

Objection Handling:
  • 5-7 common questions
  • Price objection
  • Time/effort concern
  • "Will this work for me?"
  • Technical/access questions
  • Guarantee/refund process
异议处理：
  • 5-7个常见问题
  • 价格异议
  • 时间/精力顾虑
  • “这对我有用吗？”
  • 技术/权限问题
  • 保障/退款流程

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.
重要提示： 遵循用户在品牌风格指南中选择的设计风格（经典ClickFunnels风格或现代高端风格）。详见CLAUDE.md中的完整规范。

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
经典ClickFunnels风格：
  • 背景：白色（#FFFFFF）或浅灰色（#F7FAFC）
  • 标题：深色（#1A202C）、加粗、冲击力强
  • CTA按钮：亮红色（#E53E3E）、橙色（#ED8936）或绿色（#38A169）
  • 紧迫感：黄色（#ECC94B）高亮，醒目的倒计时器
  • 整体感觉：高能量、聚焦激进转化
现代高端风格：
  • 深色主题：深色背景（#0c0a09）、浅色文字（#fafaf9）
  • 浅色主题：白色/奶油色背景、深色文字（#1e293b）
  • CTA按钮：带微妙发光效果的渐变按钮
  • 排版：优雅的衬线字体+简洁的无衬线字体（如Instrument Serif + DM Sans）
  • 整体感觉：精致、高端SaaS美学
何时使用品牌颜色：
  • 仅当用户选择“DR with brand hints”时使用
  • 平衡策略：在非CTA元素上使用品牌强调色
  • 除非特别要求，否则不要将CTA按钮设置为品牌颜色

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

HTML输出要求

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]
生成VSL页面时，需包含：
  • 完整的HTML文档结构
  • 响应式CSS（移动端优先）
  • 视频嵌入占位符：
    [VIDEO EMBED HERE]
  • 表单占位符：
    [CHECKOUT FORM HERE]
  • 图片占位符：
    [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?
  • 视频播放器是否醒目且有吸引力？
  • 标题是否能激发观看欲望？
  • CTA是否可见且以利益为导向？
  • 社交证明是否真实可信？
  • 价值堆叠是否清晰且有说服力？
  • 保障政策是否降低了用户风险？
  • 是否提前处理了用户异议？
  • 页面是否适配移动端？

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.
  • references/frameworks.md
     - VSL页面框架与转化优化策略
对待每个VSL页面，都要像这是最后一次将访客转化为客户的机会一样。