文档 / 网页聊天

如何在 WordPress(Astra Pro)中添加 Webchat

面向使用 Astra 主题的 WordPress 站点,通过主题钩子、自定义布局或页脚脚本安装 Edmund Ng 挂件。

更新 1 分钟阅读

本文面向使用 Astra 主题(含 Astra Pro)的 WordPress 站点,希望在全站或部分模板展示 Edmund Ng 挂件。

1. 从 Edmund Ng 复制代码

  1. 登录 Edmund Ng
  2. 打开 Webchat 设置,复制工作区的 嵌入代码

2. 在 WordPress 全局注入

任选一种方式(不要以会重复加载的方式组合):

  • 外观 → 自定义 → 自定义代码 / 页脚脚本(面板名称因 Astra 版本而异),粘贴在 </body> 前。
  • 若启用 Astra Pro Hooks:在靠近 wp_footer 的钩子中粘贴片段。
  • 仅在您能维护 PHP 模板时,才考虑子主题 footer.php 编辑。

3. 缓存与压缩插件

若使用 缓存(LiteSpeed、WP Rocket 等),发布片段后请 清理缓存,并在无痕窗口验证挂件是否加载。

4. 测试

访问首页与内页,点开聊天气泡,确认消息能进入 Edmund Ng 收件箱或触发 流程

通用说明:在网站中嵌入 Webchat