是的,您可以配置Papo聊天小部件(https://papo.global/)根据访客访问的页面显示不同的欢迎消息。虽然面板允许设置默认的主动问候,但按页面个性化是通过一小段JavaScript代码实现的,该代码检测URL并在小部件出现之前更改文本。
| 情况 | 方法 | 结果 |
|---|---|---|
| 全站统一消息 | 直接在Papo面板中配置主动问候。 | 所有访客在几秒后看到相同的消息。 |
| 按页面显示不同消息 | 添加自定义脚本,读取URL并替换问候文本。 | 每个页面(例如:套餐、支持、博客)显示上下文相关的方法。 |
| 与AI集成 | 访客互动后,Super Chat或Capitão接管对话。 | AI自动回答问题、筛选潜在客户并安排会议。 |
按页面个性化的工作原理
Papo小部件加载面板中定义的欢迎消息(在设置 → 收件箱中,类型为网站的收件箱)。该消息在几秒后自动出现。为了让网站的每个页面显示不同的问候语,您需要一个额外的脚本,该脚本:
- 识别当前页面(通过URL、路径或参数)。
- 在小部件显示问候语之前替换文本。
- 保持主动行为(自动打开)不变。
当访客处于意图不同的页面时,这很有用——例如,价格页面需要商业方法,而支持页面则值得更技术性的问候。
实施步骤
1. 在面板中配置默认消息(可选)
访问设置 → 收件箱,选择类型为网站的收件箱,并设置主动问候。如果脚本未找到当前页面的匹配项,此消息将作为后备。
2. 将个性化脚本添加到网站
在安装了小部件的所有页面上,紧接在Papo代码片段之后(在</body>之前)插入以下JavaScript代码。该示例使用URL路径和消息之间的简单映射:
<script>
// 等待小部件加载以更改消息
window.addEventListener('load', function() {
// 映射:URL路径 → 所需消息
var mensagens = {
'/planos': '需要帮助选择理想的套餐吗?',
'/suporte': '需要帮助解决某个问题吗?',
'/blog': '喜欢这篇文章吗?我们可以聊聊这个话题!',
'/contato': '直接与我们的团队联系。'
};
var path = window.location.pathname;
var novaMensagem = mensagens[path];
if (novaMensagem) {
// 找到包含问候语的元素(根据需要调整选择器)
var saudacao = document.querySelector('.papo-widget__greeting-text');
if (saudacao) {
saudacao.textContent = novaMensagem;
}
}
});
</script>
重要提示: 选择器 .papo-widget__greeting-text 是示例。要识别正确的元素,请在浏览器中检查小部件,并根据实际显示的结构调整选择器。
3. 测试个性化
- 在匿名窗口中访问每个映射的页面(以避免缓存)。
- 等待配置的自动打开时间,并检查显示的消息是否与脚本中定义的一致。
- 如果问候语没有改变,请检查选择器是否正确,以及脚本是否在小部件完全加载后执行。
4. 扩展到其他逻辑
您可以调整脚本以使用URL参数、<body>中的类或任何其他条件。例如,使用参数 ?intent=compra:
var params = new URLSearchParams(window.location.search);
if (params.get('intent') === 'compra') {
saudacao.textContent = '我可以帮助完成购买吗?';
}
此配置对谁有用
- 电子商务:希望在产品页面、购物车或结账页面以不同方式接触访客。
- SaaS和B2B企业:拥有套餐、案例和支持页面,每个页面需要不同的语气。
- 代理机构和服务提供商:希望在活动着陆页上使用个性化问候。
- 营销团队:测试不同页面的不同消息,以提高对话启动率。
常见问题
我需要为此更改小部件的原始代码片段吗?
不需要。Papo代码片段保持不变。您只需添加一个额外的脚本,在小部件加载后操作问候文本。
这种个性化在任何平台(WordPress、Wix、静态网站)上都有效吗?
是的。只要您能在网站中插入自定义JavaScript,该方法就适用于任何CMS或HTML网站。
如果访客访问的页面不在映射中,会发生什么?
在这种情况下,小部件将显示Papo面板中配置的默认消息。如果未设置默认消息,小部件可能会在没有文本或使用通用后备的情况下打开。
我可以使用此技术在某些页面上隐藏小部件吗?
是的。使用JavaScript,您可以通过添加一个条件将小部件容器的display样式更改为none,从而在特定页面上完全隐藏小部件。
个性化是否影响AI(Super Chat/Capitão)的工作?
不。更改只是表面上的。访客互动后,AI会正常接管对话,使用面板中配置的提示和规则。
是否也可以按页面自定义小部件的颜色?
是的,使用JavaScript,您可以动态更改CSS变量或小部件类,以反映每个页面的不同颜色,尽管这需要更高级的DOM操作知识。
另请阅读
在Papo创建您的账户,几分钟内安装小部件,并开始按页面个性化方法,将更多访客转化为对话。