C cenaly.com
免费开始

网站在线通话

网站上的通话按钮:顾客直接通过浏览器通话,无需拨号,无需安装任何软件

1 min read 在演示中打开此界面
On this page 15

网站来电

“网站来电”小部件会在您的网站上添加一个电话听筒按钮。访客点击它即可直接在浏览器中通话:无需拨号,无需安装程序,也无需支付长途费用。来电会接入您的电话系统,并按门店的常规呼入规则处理。

请勿与回拨混淆:后者是访客留下自己的号码,等待对方拨打过来;而这里访客主动拨打并立即通话。

该小部件免费:无需购买单独的扩展。您只需支付自己的电话系统费用。

开启位置:管理后台 → 营销 → “我的网站” → “网站来电”卡片。开关可启用小部件,齿轮可打开状态面板。卡片上的“移至侧边栏”按钮会为该小部件提供独立的菜单项。


安装到网站#

该小部件没有自己的代码,而是使用“我的网站”部分的通用标签:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="ВАШ-ДОМЕН" async></script>

在 <head> 中或 </body> 前加入一行,之后小部件的组成由账户中的开关决定。各平台的分步说明(HTML、Google Tag Manager、WordPress、Tilda/Wix、Shopify、Webflow)见我的网站一文中的“在主流平台上安装”部分。单独的标签 webcall-widget/v1.js 也在那里,位于“高级”区块中。

安装检查能看到什么、看不到什么。 “检查安装”按钮会读取页面的源代码 HTML,并区分四种结果:找到统一加载器、仅找到单独标签、找到其他门店的代码、没有代码。

⚠️ 由 Google Tag Manager 在浏览器中插入的标签,检查看不到,因为源代码 HTML 中没有它。这很正常:请用肉眼确认按钮已出现在页面上。


小部件设置#

该小部件没有自己的设置,如颜色、时间表、表单。它要么拨打电话,要么如实说明为什么不能拨打,因此其面板会显示决定一切的两个条件:

  1. 门店已部署电话系统。 如果没有,面板会直接说明,并引导至“电话系统”部分,在那里配置账户、线路、路由和通话录音。
  2. 已启用内置网页通话线路。 如果未启用,面板会显示警告和**“启用线路”**按钮,可直接在此启用,无需离开小部件设置。

当两个条件都满足时,面板会显示绿色的“一切就绪”。其余内容,如接听模式、操作员、问候语、顾问,均在“电话系统”部分配置;同一窗口的页脚中有该部分的链接。

按钮外观可以设置:如果您以单独一行安装小部件,可通过标签属性设置颜色(data-color)、位置(data-position="left|right")、文字标签(data-label,设置后圆形按钮会变成带文字的胶囊按钮)和语言(data-lang)。


点击听筒后会发生什么#

访客会看到通话面板,并经历清晰的状态:准备通话 → 请允许访问麦克风 → 正在连接 → 呼叫中 → 通话进行中 → 通话已结束。通话中可使用静音按钮和结束通话。

对门店而言,这是普通的呼入电话:它接入您的 PBX,并按您的规则处理,如操作员、问候语、转接、电话顾问。录音和分析与其他通话一样,位于**“通话”**部分:那里还有通话卡片、转写和指标(如果您已启用)。

没有单独的“小部件收件箱”,也不需要:网站来电不是特殊实体,而是打到您线路上的普通呼叫。

员工看到什么。 网站来电来自服务号码,而不是访客的号码,因此呼入卡片中有**“🌐 来自网站”**区块:点击听筒所在页面的地址和标题。cookies、访客标识符或他人表单内容都不会传到那里。页面与通话的关联依据时间和门店,而不是访客的个人标识符:两位访客在同一分钟向同一门店拨打电话,理论上可能互换卡片,员工会看到错误的页面,这是为了不把个人标识符放入 PBX 通话历史而有意付出的代价。


限制#

  • 需要自己的电话系统。 小部件只是通往访客浏览器的“最后一英里”;接听电话的是您的 PBX。没有部署电话系统,按钮无法拨打电话。
  • 需要启用网页通话线路。 这是一个单独的开关(小部件面板可一键启用)。在它关闭期间,访客会看到“网站来电当前不可用”。
  • 需要麦克风及其权限。 浏览器会请求访问权限;访客拒绝和您页面的安全策略禁止麦克风,对小部件来说表现相同:向访客显示允许麦克风的请求。
  • 仅限访客呼出。 浏览器不会注册为电话,无法接听呼入电话,因此无法在同一标签页回拨给访客。对于“请回拨给我”的场景,有回拨。
  • 一个打开的面板同时只能有一个通话。 通话准备限制器设置为每位访客每小时 5 次尝试,每个门店 30 次。尝试在准备连接时即计入,因此已取消或未接通的通话也可能消耗一次。达到限制时,访客会看到“通话过多,请稍后再试”。
  • 该小部件没有显示条件。 按钮会出现在所有放置了标签的页面上。若想按页面、设备或时间表限制,可将听筒放入多按钮,后者有显示条件。
  • 我们的店面中没有此小部件。 浏览器通话是用于您自己网站的产品;在 Cenaly 店面的多按钮扇形菜单中不会显示“从浏览器拨号”项,因为那里没有对应的窗口。

故障排查#

网站上没有按钮。

  1. 未找到代码 — 点击“检查安装”。“没有代码”表示代码未插入,或未出现在模板的所有页面上;“代码属于其他门店”表示代码中的 data-domain 有误。如果代码由 GTM 插入,检查工具无法识别,请直接查看网站。
  2. 更改尚未生效 — 小部件文件通过 CDN 分发,缓存为 5 分钟。请稍候,然后清除缓存并刷新页面。
  3. 小部件已关闭 — 检查“网站通话”卡片上的开关。
  4. 按钮被多功能按钮吸收 — 如果启用了多功能按钮,且其扇形菜单中包含“从浏览器拨号”选项,小部件自带的按钮会被有意隐藏,以免同一角落出现两个按钮。

按钮存在,但通话无法开始。

  • “网站通话当前不可用” — 网络通话线路或小部件本身已关闭:打开小部件齿轮,面板会显示缺少什么并启用线路;
  • “线路当前不可用” — 门店的电话系统未部署或未响应:请查看“电话系统”部分;
  • “通话过于频繁” — 触发了防重复保护,请稍后再试;
  • “通话需要麦克风权限” — 访客拒绝了权限,或麦克风被您页面的安全策略禁止。请检查网站是否通过 HTTPS 打开:否则浏览器完全不会授予麦克风权限。

通话已发起,但门店电话不响。 这属于来电场景:请在“电话系统”部分检查线路指向何处 — 应答模式、接线员和路由规则。小部件只负责将访客接通到您的 PBX。

“通话”部分没有通话记录。 只有当门店启用了通话录音时,录音和卡片才会出现;在同一电话系统部分进行配置。


常见问题#

访客需要安装或注册什么吗?#

不需要。通话通过浏览器进行:只需允许麦克风权限。访客无需应用、账户或电话号码。

访客需要为这种通话付费吗?#

不需要,对访客而言这只是互联网流量。您这边是普通电话系统:通话到达您的 PBX,之后适用您的规则和运营商资费。

这与回拨电话有什么区别?#

在这里,访客自己立即通话。在回拨电话中,访客留下自己的号码,系统稍后回拨 — 这是不同的场景,可以同时启用。

访客会看到我的号码吗?#

不会,号码不会在网站上公开:访客点击话筒,连接通过我们的基础设施接通到您的 PBX。

可以只在部分角落和部分页面放置按钮吗?#

角落和文字说明通过代码属性设置。小部件没有按页面、设备或时间表显示的条件 — 如果需要这些条件,请启用多功能按钮,将通话作为其中一个选项放入其扇形菜单:它具备这些条件。

连接过程中访客看到什么?#

以其语言显示的清晰状态:“正在准备通话”、“请允许麦克风权限”、“正在连接”、“呼叫中”、“通话进行中”、“通话已结束”。拒绝也会用文字说明,而不是错误代码。

这在手机上能用吗?#

可以,在移动浏览器中通话同样进行。网站必须通过 HTTPS 打开 — 否则浏览器不会授予麦克风权限。

通话录音存储在哪里?#

存储在您品牌的云端:cenaly.com 使用 AWS,cenaly.ru 使用 Yandex Cloud。网站通话的存储方式与您电话系统的其他通话相同。


相关章节#

Was this article helpful?