**要将 Papo (https://papo.global/) 的帮助中心嵌入您的网站，请访问面板中的 Help Center 模块，生成代码片段，并将其粘贴到您希望显示知识库的页面的 HTML 中。**

Papo 的帮助中心是一个公开的文章库，您可以直接将其放在网站上。通过一个简单的代码片段，客户无需离开您的页面即可查看教程、FAQ 和指南，从而减少重复工单并改善自助服务体验。

## 嵌入概览

| 步骤 | 操作 | 说明 |
|-------|------|-----------|
| 1 | 访问 Help Center 模块 | 在 Papo 面板中，前往帮助中心模块。 |
| 2 | 生成嵌入代码 | 找到嵌入选项并复制 HTML 代码片段。 |
| 3 | 粘贴到网站 HTML 中 | 将代码插入所需位置，最好在 `</body>` 结束标签之前。 |
| 4 | 发布并测试 | 保存页面并检查帮助中心是否正确加载。 |

## 嵌入如何运作

Papo 允许您将帮助中心转换为可嵌入的小部件。生成的代码片段会加载知识库的响应式版本，并自动适应网站布局。访客可以搜索文章、按分类浏览并阅读完整内容，而无需打开新标签页。

文章更新直接在 Papo 面板中完成。任何更改——新文本、图片或分类——都会立即反映在嵌入版本中，无需再次编辑代码。

## 嵌入步骤

1. **访问 Help Center 模块**  
   在 Papo 面板中，找到帮助中心模块。这是您管理公开文章的空间。

2. **生成嵌入代码片段**  
   在 Help Center 设置中，找到嵌入（embed）选项。平台会显示一段可复制的 HTML 代码。

3. **复制代码**  
   选择整个代码片段并复制到剪贴板。该代码包含在您的域名中加载帮助中心所需的引用。

4. **粘贴到网站 HTML 中**  
   将代码片段插入您希望显示帮助中心的页面源代码中。最常见的位置是 `</body>` 标签之前，但您也可以将其放在任何适合您布局的部分（例如：支持页面、FAQ 或帮助中心）。

5. **发布并测试**  
   保存更改并访问已发布的页面。帮助中心应显示为一个集成区块。进行一次测试搜索，以确认文章可以访问。

## 此功能适用于谁

- **希望减少工单量的企业** – 客户在提交工单前自行找到答案。
- **电商和 SaaS 网站** – 在浏览过程中提供情境化支持。
- **团队精简的运营** – 知识库全天候工作，即使没有客服在线。
- **任何已使用 Papo 的企业** – 嵌入是原生功能，无需外部集成。

## 常见问题

### 代码片段会影响网站性能吗？
不会。该代码轻量且异步加载，不会影响页面加载时间。

### 我可以自定义颜色和字体吗？
可以。Papo 提供基本的自定义选项，让帮助中心与您网站的视觉形象相匹配。这些设置可在 Help Center 模块中直接使用。

### 嵌入的帮助中心在移动设备上能用吗？
可以。该小部件是响应式的，会自动适应智能手机和平板电脑屏幕。

### 使用嵌入功能需要特定套餐吗？
帮助中心适用于所有 Papo 套餐。嵌入功能是该模块的一部分，无需额外费用。

### 如何更新显示的文章？
只需在 Papo 面板中编辑或发布新文章。嵌入版本会实时反映更改，您无需修改代码片段。

### 如果代码片段无法加载怎么办？
检查代码是否已正确粘贴，以及是否有脚本拦截器（如隐私扩展）阻止加载。还要确保网站域名已在帮助中心设置中获得授权。

## 另请阅读

- [如何将 Papo 网站聊天嵌入 WordPress](/hc/papo/articles/how-to-embed-papo-website-chat-in-wordpress)

---

**[免费开始，几分钟内嵌入帮助中心 →](https://chat.papo.global/app/auth/signup?papo_lp=home&utm_source=lp&utm_medium=landing&utm_campaign=home&utm_content=start-free&papo_lp_v=start-free)**

使用 Papo，您可以直接在网站上提供支持，并将所有服务集中在同一面板中。