
# 白标快速入门

这是一条从“我刚升级到代理版”到拥有一个可供首位客户登录的完全品牌化平台的六步精简路径。没有复杂的陷阱，没有高级设置——这是从通用仪表板到看起来像*属于你*的产品之间最短的路径。

每一步都有预估时间，如果你以后想了解更多细节，可以点击链接查看深入页面。请预留大约半小时的时间，外加最多一小时的 DNS 后台生效等待时间。如果在任何步骤遇到困难，可以先跳过——之后再回来处理。

::: walkthrough white-label-quickstart
:::

***

## 您最终将获得

- 你自己的自定义域名（例如 `app.youragency.com`），指向该平台
- 有效的安全证书（浏览器中的挂锁图标）
- 替换默认设置的公司名称、Logo、图标（favicon）、颜色和 SEO 文本
- 就你将**如何**引导客户（托管模式与转售模式）做出明确决定
- 一个在你的自定义域名下登录的测试子账户

一旦设置完成，每一位新客户都会自动获得相同的品牌化体验——你只需进行一次此设置。

***

## 开始之前

你需要处于 **Agency**（代理）订阅层级。白标功能在较低层级不可用。如果你尚未升级到代理版，请先前往 **Settings → Billing**（在 Workspace 下）进行升级——只有升级后，**White Labeling**（白标）条目才会出现在 Settings → Advanced 下。

你还需要准备：

- 一个你拥有的域名（或你拥有的域名下的子域名）。大多数代理机构使用类似 `app.youragency.com` 的地址，而不是直接使用 `youragency.com`，这样营销网站和应用程序可以保持分开。
- 访问你的域名注册商（GoDaddy、Cloudflare、Namecheap 等）的权限——特别是 DNS 设置页面。如果你没有登录权限，请在开始前获取。
- 两个用于你品牌的图像文件：
  - **Logo** — 水平 Logo，PNG、WebP 或 SVG 格式，最大 5 MB。
  - **Favicon** — 用作浏览器标签页图标的方形图标，PNG、WebP 或 SVG 格式，最大 5 MB。256×256 像素效果最佳。

***

## 第 1 步 — 决定你将如何引导客户（约 5 分钟）

在触碰任何设置之前，先做一个决定：客户将如何付费和注册？这会影响后续流程的体验。

- **托管模式 (Managed mode)。** 你通过 **Sub Accounts**（子账户）页面亲自创建每个子账户。你在平台外向客户开具发票（银行转账、你的会计工具或你现有的任何方式）。客户永远不会看到定价页面。最适合“代劳”式设置、Stripe 不支持的国家/地区，或已有发票系统的代理机构。
- **转售模式 (Reselling mode)。** 客户通过在 **SaaS Mode**（SaaS 模式）中设置的支付链接自行注册。他们通过你关联的 Stripe 账户付款，并自动应用你的加价。最适合大规模自助服务和产品化套餐。

你不必永久绑定——但以后在不同模式之间切换单个子账户需要手动操作。选择最适合你*大多数*客户的模式。完整说明：[管理客户子账户](sub-accounts.md)。

***

## 第 2 步 — 选择你的自定义域名（约 2 分钟）

确定客户将用于登录的确切网址。以下是一些经验法则：

- **子域名更简单。** `app.youragency.com` 是标准做法。保留 `youragency.com` 用于您的营销网站——它只需要一条 DNS 记录，而裸域名/根域名则需要两条（且在更换 DNS 服务商时更脆弱）。
- **保持简短且直观。** `app.`、`platform.`、`dash.` 或 `clients.` 都可以。避免使用需要客户费力记忆的复杂名称。
- **您可以运行最多三个白标。** 大多数代理机构只需要一个，但您可以在同一个代理机构账户下添加最多 **三个** 域名，每个域名都有自己的品牌标识和电子邮件发送设置——这可以作为针对不同市场的第二个品牌，或者为您的客户提供一个潜在客户查找（Lead Finder）域名。超出第一个域名的额外域名需通过 [Champions Circle](../billing/champions-circle.md) 获取。此快速入门指南将设置您的第一个域名；请参阅 [最多三个白标](white-labeling.md#up-to-three-white-labels) 以了解如何添加更多。

记下您选择的域名——您将在下一步中粘贴它。

***

## 第 3 步 — 在仪表板中添加域名（约 2 分钟）

1. 在主侧边栏中，点击 **Settings**（位于底部，子账户下方）。
2. 在设置菜单中，滚动到 **Advanced** 组并点击 **White Labeling**。
3. 滚动到 **Custom domain** 卡片。
4. 在 **App domain** 字段中，输入您在第 2 步中选择的域名（例如 `app.youragency.com`）。不要包含 `https://` 或末尾的斜杠——只需输入域名本身。
5. 点击 **Save**。

保存后，卡片会显示您需要在注册商处添加的 CNAME 记录——左侧是您的域名，右侧是 `tenants.youraiconnector.com`。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-domains.png" alt="v2 中的自定义域名卡片，显示了应用域名字段以及指向 tenants.youraiconnector.com 的 CNAME 说明"><figcaption><p>保存后的自定义域名卡片：显示您的域名、需要复制的 CNAME 目标，以及验证后的应用/API/文档域名。</p></figcaption></figure>
:::

**保持此标签页打开**——您即将把该值复制到您的注册商后台。

***

## 第 4 步 — 在您的注册商处添加 DNS 记录（约 10 分钟）

DNS 记录是互联网的地址簿——它们告诉浏览器在哪里可以找到您的自定义域名。现在，您要告诉全世界 `app.youragency.com` 应该指向该平台。

1. 在**另一个浏览器标签页**中，登录您购买域名的公司（您的“注册商”——如 GoDaddy、Cloudflare、Namecheap 等）。
2. 找到您域名的 **DNS settings** 页面。有时它被称为“DNS 管理”或“DNS 记录”。
3. 添加一条 **CNAME** 记录：
   - **Host / Name** — 对于像 `app.youragency.com` 这样的子域名，在大多数注册商处通常只需填写 `app`（他们会自动补全其余部分）。
   - **Value / Target / Points to** — `tenants.youraiconnector.com`，与自定义域名卡片上显示的内容完全一致。
   - **TTL** 保持默认即可（如果被询问，可设为 3600 或 1 小时）。
4. 点击您注册商的 **Save** 按钮。

> **注意冲突。** 如果该主机名下已存在相同类型的记录（例如，指向其他地方的旧 A 记录），请先删除或更新它——两条冲突的记录会导致验证失败。

> **正在使用 Cloudflare？** 您可以保持代理（记录旁边的橙色云图标）开启——无论哪种方式，验证和证书都能正常工作。不过，有一项设置非常重要：请前往 **SSL/TLS → 概述**，确保加密模式设置为 **完全 (严格)**，而不是 **灵活**。如果设置为“灵活”，您的域名将因“重定向次数过多”错误而无法加载。

> **暂时不要访问您的自定义域名。** 在设置完成前访问可能会导致浏览器缓存一个损坏的页面。请等到第 5 步确认它加载了登录界面后再访问。

DNS 更改生效可能需要几分钟到几小时不等，不过大多数注册商（尤其是 Cloudflare 和 Namecheap）会在一小时内更新。如果一天后仍无法解析，请仔细检查记录是否有拼写错误并重新保存。

***

## 第 5 步 — 等待安全证书（约几分钟到一小时，自动完成）

一旦您的 CNAME 生效，平台会自动检测它、验证所有权，并为您的域名配置安全证书 (SSL) —— 这就是让浏览器显示挂锁图标和 `https://` 前缀的原因。

- 您无需购买或安装任何东西。证书会自动为您创建并永久续期。
- 此过程通常在 DNS 记录生效后的 5–30 分钟内完成。

准备就绪后，在新的浏览器标签页中打开您的自定义域名。您应该能看到平台通过 HTTPS 提供的登录页面，且显示为您自己的网址。技术部分到此完成。

::: master-only
<figure><img src="../.gitbook/assets/tenant-login.png" alt="自定义域名上的白标登录页面，显示代理商自己的名称和徽标，没有平台品牌标识"><figcaption><p>您的客户所见：位于您自己域名上的登录页面，带有您的名称和徽标——没有任何我们的痕迹。</p></figcaption></figure>
:::

> **在分享链接之前请先上传您的徽标。** 在完成下方品牌设置步骤并上传徽标之前，登录页面的徽标位置会显示图片损坏错误。请在向任何人展示该域名之前完成第 6 步。

***

## 第 6 步 — 品牌化平台 (≈ 15 分钟)

该域名已上线，但平台仍显示中性的占位符名称（“DM Champ”）和我们的图标。是时候修复它了。以下所有内容均位于同一个 **Settings → Advanced → White Labeling** 面板中，位于 Custom domain 卡片上方的卡片内。

### 6a. 品牌 (Brand)

在 **品牌 (Brand)** 卡片中，填写以下内容：

- **应用名称** — 在整个应用、每封电子邮件和主屏幕快捷方式中显示的品牌名称。必填：在设置之前，它们会显示为“DM Champ”。
- **公司名称** — 您的法定/公司名称，用于页脚和电子邮件中。
- **支持邮箱** — “联系支持”跳转的地址，也是系统邮件的回复地址。
- **服务条款 URL** 和 **隐私政策 URL** — 您自己的法律页面。您域名上的注册页面会链接到这些页面；留空则不显示链接（绝不会显示我们的链接）。
- **SEO 标题** 和 **SEO 描述** — 显示在浏览器标签页和搜索结果中的内容。

点击品牌卡片上的 **保存 (Save)**。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-settings.png" alt="白标设置面板上的品牌卡片，包含应用名称、公司名称、支持邮箱、服务条款 URL、隐私政策 URL、SEO 标题和 SEO 描述字段，卡片标题栏中有一个保存按钮"><figcaption><p>品牌卡片 — 应用名称、公司名称、支持邮箱、服务条款 URL、隐私政策 URL、SEO 标题和 SEO 描述，一次保存即可全部更新。</p></figcaption></figure>
:::

### 6b. 徽标与图标 (Logo & favicon)

在 **徽标与图标 (Logo & Favicon)** 卡片中，点击 **徽标 (Logo)** 下方的 **上传 (Upload)**，然后选择您的横向徽标（PNG/WebP/SVG 格式，最大 5 MB）。对 **网站图标 (Favicon)** 执行相同操作（正方形，256×256 效果最佳）。这些内容在上传时会立即保存 —— 无需单独的保存按钮。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-logo-favicon.png" alt="Logo 和 favicon 卡片，显示了四个上传槽位 — Logo、Logo（深色模式）、Favicon、应用图标（方形）— 以及下方设置为 48 像素的 Logo 大小滑块"><figcaption><p>Logo 和 Favicon 卡片 — 包含四个槽位（Logo、深色模式 Logo、Favicon、应用图标）。每个“上传”按钮都会在你选择文件后立即保存。下方的 Logo 大小设置决定了 Logo 的渲染尺寸；该项需要点击“保存”才能生效。</p></figcaption></figure>
:::

### 6c. 颜色

在 **Colours**（颜色）卡片中，点击 **Primary Color**（主色）方块并设置您品牌的标准色（默认为 WhatsApp 绿色，`#25D366`），然后对 **Accent Color**（强调色）执行相同操作。点击 **Save**（保存）。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-colours.png" alt="v2 中的颜色卡片，显示了主色、强调色、成功色和危险色色块，以及六种现成的调色板预设"><figcaption><p>颜色卡片——主色和强调色是您今天需要设置的两个颜色；成功色、危险色和预设调色板是可选的快捷方式。</p></figcaption></figure>
:::

### 6d. 稍后微调（可选）

字体、密度和自定义登录背景都在同一面板的下方 — 它们对于白标功能的正常运行并非必需，因此今天可以跳过，稍后再回来设置。完整参考：[白标和自定义域名](white-labeling.md)。

保存后，对您的自定义域名进行强制刷新（Windows 上为 Ctrl+Shift+R，Mac 上为 Cmd+Shift+R），并确认浏览器标签页现在显示的是您的名称和图标，且按钮使用了您的主色。

***

## 第 7 步 — 创建一个测试子账户并以该身份登录（约 10 分钟）

在确保真实的客户体验能够端到端正常运行之前，您还不能算完成。请为您自己创建一个子账户（使用您可以查收邮件的个人邮箱），并确认整个流程是否顺畅。

1. 在主侧边栏中，点击 **Sub Accounts**（子账户）（这是一个独立的页面，位于 Settings 上方）。

::: master-only
<figure><img src="../.gitbook/assets/v2-sub-accounts.png" alt="v2 中的子账户页面，显示了统计数据磁贴、搜索栏和添加账户按钮"><figcaption><p>子账户页面——这是您创建测试账户以及后续创建所有真实客户账户的地方。</p></figcaption></figure>
:::

2. 点击右上角的绿色 **Add account**（添加账户）按钮。
3. 在 3 步模态框中填写您的测试详细信息：
   - **Account**（账户） — 您的名字、姓氏以及您可以查收邮件的个人邮箱。
   - **Business**（业务） — 业务名称（必填）；其余部分在测试时可以留空。
   - **Features**（功能） — 保持默认设置即可。

::: master-only
<figure><img src="../.gitbook/assets/v2-sub-account-add-modal.png" alt="添加子账户模态框的账户步骤，显示了 3 步进度（账户、业务、功能）以及名字、姓氏和电子邮件字段"><figcaption><p>添加账户模态框，第 1 步（共 3 步）。您在此处输入的电子邮件将成为测试客户的登录账号。</p></figcaption></figure>
:::

4. 点击 **Create Account**（创建账户）。
5. 确认屏幕会显示**生成的密码**。**请立即复制它** — 您以后将无法再次查看。客户也会在电子邮件中收到此密码。
6. 打开电子邮件 — **检查发件人品牌是否显示为您的应用名称（第 6a 步），而不是我们的名称**。如果仍然显示我们的名称，说明您的品牌信息尚未同步 — 请等待 1 分钟后再检查。
7. 退出您的代理账户（右上角用户菜单 → Sign Out）。
8. 在**无痕/隐私浏览窗口**中打开您的自定义域名，并使用测试子账户的邮箱和已复制的密码登录。
9. 体验子账户的前 30 秒流程：
   - 登录页面是否显示了您的品牌名称和徽标？
   - 仪表板界面是否使用了您的主色？
   - 页面标题（浏览器标签页）是否使用了您的应用名称？
   - 如果您关闭了“显示帮助菜单”，请确认侧边栏中没有“帮助”条目。
   - 条款/隐私链接（如果您已添加）是否跳转到了您的 URL？

如果仍有任何地方显示错误的名称或颜色，请返回第 6 步进行修复。子账户流程的完整指南：[子账户管理](sub-accounts.md)。

***

## 接下来做什么？

您现在拥有了一个品牌化、实时且可用的白标系统。剩下的工作就是扩展和完善：

- **设置您的转售定价。** 如果您在第 1 步中选择了转售，请在向真实客户发送付款链接之前，在 [代理账户](agency-accounts.md#credit-reselling-aka-saas-mode) 中配置您的额度加价和套餐定价。每个套餐都可以按**月、按年或每 N 周**计费，并可以从**免费试用**开始 — 两者均在 [第 3 步 — 设置定价层级](agency-accounts.md#step-3--set-up-pricing-tiers) 的套餐本身上进行设置。
- **为客户设置自动充值。** [子账户自动充值](sub-account-auto-recharge.md) 可防止客户在凌晨 2 点用尽额度。
- **自定义电子邮件发件人。** 默认情况下，事务性电子邮件来自我们的域名。请在 [自定义电子邮件提供商](../settings/email-provider.md) 页面上连接您自己的发送域名，以便客户收到的电子邮件来自 `noreply@youragency.com`。这里提供 Mailgun 选项和 SMTP 选项（Postmark、SES、EmailIt、自托管）。
- **引导您的第一位真实客户。** [子账户管理](sub-accounts.md) 涵盖了管理客户的日常工作 — 额度分配、以客户身份登录、阻止和取消阻止等。

如果本指南中的任何内容未按预期工作，[白标和自定义域名](white-labeling.md) 页面提供了完整的故障排除部分。

***

## 销售指南：我们提供什么，以及您拥有什么

经销商经常向我们索要销售材料、案例研究、定价指南和法律模板。以下是明确的责任划分。

**目前已有的资源：**

- **案例研究和实操手册**：您可以在自己的推介中使用这些资源，发布在 [dmchamp.com/resources](https://dmchamp.com/resources/) 上——包括 [代理商 1 万美元 MRR 实操手册](https://dmchamp.com/resources/agency-10k-mrr-playbook/)。这些是公开页面，因此您可以将链接发送给潜在客户，或将数据引用到您自己的演示文稿中。
- **可在潜在客户面前演示的 Demo**：无需触碰您自己的账户，聊天小部件的 **客户演示链接 (Client demo link)** 即可将您的小部件置于*他们*的网站之上。请参阅 [在他人网站上展示小部件](../get-started/chat-widget.md#show-the-widget-on-someone-elses-website)。
- **[快照 (Snapshots)](snapshots.md)**：一种已完成的客户配置，您可以将其应用到每个新的子账户中，这样设置第二个客户只需几分钟而不是几小时。这是平台为您提供的最接近产品化方案的功能。
- **定价工具本身**：在 [SaaS 模式](agency-accounts.md#credit-reselling-aka-saas-mode) 下，您可以设置自己的计划、自己的价格和自己的结账流程。

**我们不提供的资源：**

- 现成的销售演示文稿或宣传册。[Champions Circle](../billing/champions-circle.md) 会员资格确实包含现成的代理机构网站模板、代理商快照和每月拆解分析，但这已是我们提供的销售工具包的全部内容。
- 法律模板：不提供 MSA、SLA 或客户合同范本。您是与客户签署合同的一方，因此这些文件必须由您自己准备并经由您自己的律师审核。
- 针对您市场的建议零售价。米兰的客户价值与马尼拉的客户价值不同，我们提供的数字对于您的市场而言只是猜测。

**关于您定价的一条准则：** 您的服务条款规定您不得低于平台的官方直销价格。高于此价格、将其与您的服务捆绑销售，或将其计入留存费用都是完全可以的，这也是大多数代理商的做法。

如果您更愿意推荐客户而不是运营自己的平台，我们还提供[联盟计划](../billing/affiliate-program.md)：每笔订阅付款均可获得 40% 的循环佣金。

欢迎运营您自己的平台。
