> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 构建并发布你的第一个落地页

> 几分钟让第一个 LanderLab 落地页上线：创建页面、添加线索表单、连接 CRM、发布到你的域名，并确认跟踪正常工作。

本指南带你从空白工作区走到一个正在收集真实线索的落地页，全程大约十分钟。

<Note>
  这里的所有操作在免费账户上都能完成。只有发布到自定义域名才需要付费套餐。
</Note>

## 第 1 步：创建页面

LanderLab 提供五种创建落地页的方式。根据你手上已有的材料选一种。

<Columns cols={2}>
  <Column>
    <Card title="用 AI 生成" icon="sparkles" href="/zh/features/landing-pages/create/with-ai">
      描述你的产品、受众和目标。最快的方式，也是第一个页面的默认选择。
    </Card>
  </Column>

  <Column>
    <Card title="从模板开始" icon="table-columns" href="/zh/features/landing-pages/create/from-template">
      按行业挑一个成熟版式，换上自己的文案和图片。
    </Card>
  </Column>
</Columns>

你也可以[从 URL 导入已有页面](/zh/features/landing-pages/create/import-from-url)、[上传 ZIP 文件](/zh/features/landing-pages/create/with-zip)，或[从空白画布开始](/zh/features/landing-pages/create/from-scratch)。

<Tip>
  要做的是测验或多步骤表单，而不是单个页面？直接看[测验漏斗指南](/zh/features/quizzes/get-started)。下面的其余步骤完全相同。
</Tip>

## 第 2 步：编辑内容

页面会在可视化编辑器中打开。点击任意元素即可选中，然后在右侧面板中修改。

<Steps>
  <Step title="替换文案">
    点击标题或段落，直接输入新内容。格式选项请看[标题与文本](/zh/features/editor/elements/headings-text)。
  </Step>

  <Step title="替换图片">
    选中图片，上传你自己的文件或从内置图库中挑选。详见[添加和设置图片](/zh/features/editor/elements/image)。
  </Step>

  <Step title="设置品牌色和字体">
    不用逐个元素调样式，在[主题颜色](/zh/features/editor/theme/colors)和[全局字体](/zh/features/editor/theme/fonts)里设置一次，所有元素会自动跟随。
  </Step>

  <Step title="检查移动端">
    在工具栏切换到移动端视图，用[可见性](/zh/features/editor/styles/visibility)和[间距](/zh/features/editor/styles/spacing)设置调整显得拥挤的部分。
  </Step>
</Steps>

<Tip>
  同一段文字或链接要改二十处？用[替换文本](/zh/features/editor/quick-actions/replace-text)和[替换链接](/zh/features/editor/quick-actions/replace-links)，不要逐个改。
</Tip>

## 第 3 步：添加线索表单

没有捕获入口的落地页无法产生线索。添加一个[订阅或表单元素](/zh/features/editor/elements/newsletter)，再在[页面常规设置](/zh/features/landing-pages/settings/general)中决定提交后的动作：跳转到感谢页、跳转到报价链接，或显示一条成功提示。

如果你收集的是敏感或受监管数据，请开启[校验](/zh/features/quizzes/validation/general)，避免无效邮箱和手机号进入数据库。

## 第 4 步：设置线索的去向

线索始终会保存在 LanderLab 中，但大多数团队会同时把它们推送到别处。

<Columns cols={2}>
  <Column>
    <Card title="发送到 CRM" icon="address-book" href="/zh/integrations/crm/klaviyo">
      Klaviyo、HubSpot、ActiveCampaign、Mailchimp、GoHighLevel 等。
    </Card>
  </Column>

  <Column>
    <Card title="发送给买家或 API" icon="share-nodes" href="/zh/integrations/lead-distribution/webhook">
      Webhook、Google Sheets、LeadsPedia、LeadProsper、Phonexa、LeadByte。
    </Card>
  </Column>
</Columns>

在落地页的 **Add Integration** 面板中添加集成，映射表单字段，然后把它连接到页面。

## 第 5 步：添加跟踪

安装广告像素，让流量来源能归因并按转化优化。LanderLab 会自动注入脚本，你只需粘贴一个 ID。

* [Meta Pixel](/zh/integrations/pixels/meta-pixel) 和 [Meta Conversions API](/zh/integrations/pixels/meta-capi)
* [TikTok](/zh/integrations/pixels/tik-tok)、[Snapchat](/zh/integrations/pixels/snapchat)、[Taboola](/zh/integrations/pixels/taboola)、[NewsBreak](/zh/integrations/pixels/news-break)
* [Google Analytics](/zh/integrations/analytics/google-analytics)

然后配置[转化跟踪](/zh/features/analytics/conversions-tracking)，让 LanderLab 统计的动作和广告平台一致。

## 第 6 步：发布

<Steps>
  <Step title="连接域名">
    用 [Cloudflare 集成](/zh/features/domain/connect-domain-cloudflare)自动完成 DNS 配置，或[手动连接](/zh/features/domain/manual-connection)，自己添加 CNAME 和 TXT 记录。
  </Step>

  <Step title="填写 SEO 设置">
    在 [SEO 设置](/zh/features/landing-pages/settings/seo)中添加页面标题、描述和 favicon。
  </Step>

  <Step title="发布">
    点击 **Publish**，选择域名和路径，页面就会上线。完整说明请看[发布落地页](/zh/features/landing-pages/operations/publish)。
  </Step>
</Steps>

<Warning>
  发布之后的每一次修改都需要[重新发布](/zh/features/landing-pages/operations/republish)才能生效，包括新增的集成和像素。
</Warning>

## 接下来做什么

<Columns cols={2}>
  <Column>
    <Card title="测试第二个版本" icon="flask" href="/zh/features/analytics/ab-testing">
      把页面复制成变体，分配流量，让数据来选出赢家。
    </Card>
  </Column>

  <Column>
    <Card title="关注效果" icon="chart-line" href="/zh/features/analytics/landing-page">
      按国家、设备和来源查看浏览量、点击、线索和转化率。
    </Card>
  </Column>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.