多功能按钮
多功能按钮是网站角落的一个浮动按钮,点击后展开联系方式扇形菜单:WhatsApp、Telegram、Viber、VK、社交网络、电话、邮箱、您的任意链接,以及我们自有小部件的操作(“在聊天中留言”“下单”“预约”)。
它也能解决您自身的问题:每个小部件都会在同一个右下角绘制自己的按钮,同时启用聊天、下单和回电后,您会得到一堆互相推挤的按钮。多功能按钮消除这堆按钮——被吸收的小部件的渠道存在于它的扇形菜单中,它们自己的按钮则被关闭。
该小部件免费:无需购买单独的扩展。
启用位置:管理面板 → 营销 → “我的网站” → “多功能按钮”卡片。开关启用小部件,齿轮打开设置;“移到侧边栏”按钮为小部件提供独立的菜单项。
安装到网站#
无需自己的代码——使用“我的网站”部分的通用标签即可:
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="ВАШ-ДОМЕН" async></script>
在 <head> 中或 </body> 前添加一行;小部件的组成随后由账户中的开关决定。各平台(HTML、Google Tag Manager、WordPress、Tilda/Wix、Shopify、Webflow)的说明见文章我的网站中的“在热门平台上的安装”部分。
⚠️ 通用标签对多功能按钮尤为重要。 它会将相邻的小部件收归自己——但它只能吸收那些在同一页面上确实已加载的小部件。如果聊天插入在某些页面,而下单在另一些页面,扇形菜单在这些页面上会有所不同。通用加载器会按正确顺序加载小部件,并将多功能按钮放在最后,此时相邻小部件已就绪。
单独的标签 multibutton/v1.js 也存在(“高级”区块),它有自己的属性:data-color、data-icon(按钮上的表情符号)、data-label、data-position="left|right"、data-lang 和 data-keep-fabs="1"——不关闭相邻小部件自己的按钮。标签属性始终优先于账户中的设置。
安装检查能看到什么、看不到什么。“检查安装”按钮读取页面的原始 HTML:找到通用加载器 / 仅找到单独标签 / 其他位置的代码 / 没有代码。由 Google Tag Manager 在浏览器中注入的标签,它看不到——这不是错误,请用肉眼检查网站。
小部件设置#
设置会自动保存,没有单独的“保存”按钮。字段右侧是扇形的实时预览。
外观#
按钮颜色、按钮上的表情图标、屏幕角落和标签(同时也是屏幕阅读器的标签)。
扇形渠道#
列表构建器:添加、删除、上下移动 ↑↓。最多 12 个渠道。三个类别:
| 类别 | 渠道 | 值字段中填写什么 |
|---|---|---|
| 即时通讯和社交网络 | WhatsApp、Telegram、Viber、VK、Instagram、Facebook、TikTok、YouTube | 号码、@昵称 或现成地址——链接由小部件自行拼接 |
| 直接联系方式 | 电话、邮箱 | 电话号码 / 电子邮箱地址 |
| 自定义链接 | 任意页面 | 地址;裸域名会自动补全为 https:// |
| 我们小部件的操作 | 打开聊天、浏览器通话、回拨、订单、餐桌预订、在线预约、联系支持 | 无需填写:该项只是打开同一页面上对应的小部件 |
“联系支持” 项会打开聊天窗口的“咨询”标签页——咨询没有单独的按钮,因此该项仅在聊天开启时可用。如果门店的咨询已关闭,它会打开普通聊天,构建器会在该项旁直接提示。
每个渠道都有 标签(按网站各语言分别设置)和 显示位置 属性:所有位置 · 仅电脑 · 仅手机。
首条消息模板 仅 WhatsApp 和 Telegram 支持:访客打开时会看到已输入的文字。支持 {url} 和 {title} 占位符——即点击所在页面的地址和标题(在点击时替换,而非渲染时)。最多 300 个字符。
邀请气泡#
按钮旁的短句(“有问题吗?”)——用来邀请访客点击:角落里沉默的按钮很容易被忽略。文字按各语言分别设置,文字为空表示完全不显示气泡。
可设置气泡出现前的 延迟 和 两次显示之间的间隔。间隔按 访客而非网站 计算:显示标记保存在其浏览器中,因此邀请不会变成每次访问每个页面都弹出的横幅。
“现在营业”行#
展开扇形的顶部有一行关于营业时间的信息:“营业至 22:00”、“已打烊 · 10:00 开门”、“已打烊 · 周一 10:00 开门”。时间取自 门店卡片(含例外的时间表)——小部件设置中故意不保留副本。
两个取值:自动(默认——填写了时间则显示该行)和 不显示。状态在每次展开扇形时重新计算,而非加载时计算一次:按钮会在页面上挂数小时,而 22:30 显示“营业至 22:00”正是让人连其他信息也不再相信的那种谎言。门店未填写时间——则完全不显示该行(不能在自己的网站上宣布自家店铺已打烊)。
何时显示#
- 页面——地址掩码“仅在……”和“除了……”,
*= 任意片段,每个列表最多 20 个掩码;排除优先于允许; - 延迟——页面加载后 0…600 秒;
- 设备——全部 · 仅电脑 · 仅手机(阈值为 480 px);
- 时间表——最多 14 个自定义时段“星期 + 从…到…”或 门店营业时间。
⚠️ 时间按 所在位置的时区 计算;如果门店未设置时区,时段按访客时间计算,面板会明确说明这一点。如果选择了“门店营业时间”但未填写时间表,则时间表不做任何限制,按钮保持可见。相反,自定义时段的空列表意味着“永不显示”。
扇形组成在每次打开时重新计算:两次显示之间,访客可能已经转动手机,或进入不应显示按钮的页面。
手机布局#
“📱 手机布局”部分:圆形按钮(默认)或 底部栏——由前四个渠道及其标签组成的横条,加上“更多”按钮及其余渠道的抽屉。宽屏上始终显示扇形;转动手机会即时切换布局。预览中可以看到真实的“在栏中 / 在‘更多’下”分界,以及“N 个中的 M 个将进入栏中”这一行。
底部栏在他人页面上表现谨慎:如果页面底部有固定的面板,它会位于其上方,向下滚动时隐藏、向上滚动时返回,尊重 iPhone 的安全区域,如果渠道已全部移除则整体消失。
也在我们的店面中显示#
单独的开关(默认 关闭)。多按钮是唯一有此设置的小部件,原因在于诚实:在我们的店面中它会 吸收原生按钮——聊天气泡和回拨电话听筒——也就是改变您已经设置好的屏幕角落。这种事不会在您不知情的情况下替您开启。
点击后会发生什么#
访客展开扇形菜单并选择渠道:
- 即时通讯工具、社交网络或您的链接 — 在新标签页中打开;对话在渠道所指向的地方进行。如果渠道设置了消息模板,访客的输入框已预先填好;
- 电话和邮箱 — 通过设备的默认应用在当前标签页中打开(否则浏览器会打开一个空白窗口并立即关闭);
- 我们小部件的操作 — 直接在同一页面上打开聊天、回电表单、购物车、预订或预约。数据进入通常的位置:对话进入“聊天”,订单进入“订单”,预订进入“桌子”,预约进入“预约”,回电号码进入“申请”。
多按钮不收集自己的数据:它只是把访客引导到渠道。它统计的是点击,这些数据在其面板的**“30天点击”**区块中可见:按钮展示了多少次、扇形菜单展开了多少次、每个渠道有多少次点击。该统计中没有渠道地址、消息文本或访客页面——只有渠道类型和数量。
限制#
- 空扇形菜单 = 没有小部件。 在未设置任何渠道之前,按钮完全不会绘制:别人网站角落里的空按钮比没有更糟。
- 渠道不超过12个,模板文本不超过300个字符。
- 操作类渠道仅在自身小部件存活时有效。 关闭聊天——“打开聊天”选项会在首次保存时从设置中消失,且不会自行恢复,需要重新添加。在运行时,多按钮也会在每次展开前检查相邻项:未加载则不显示该选项,以免留下一个背后什么都没有的按钮。
- 吸收相邻按钮是视觉上的。 多按钮隐藏它们的浮动按钮,但小部件本身继续工作;可通过单个标签上的
data-keep-fabs="1"属性禁用吸收。 - 消息模板仅支持 WhatsApp 和 Telegram。 其他渠道会忽略该字段:WhatsApp 的预填有文档说明,Telegram 客户端支持程度不一,其余则完全不支持。过长的页面地址会不带替换地输出——可用的链接比文本更重要。
- 仅允许安全地址:
https、http、tel、mailto和viber。其余一律丢弃——无论是在账户预览中还是在网站上,因为检查是同一套。 - 在我们的店面中,多按钮仅通过单独的开关显示,且其扇形菜单中完全没有“浏览器来电”选项:店面中没有对应的窗口。
- “当前营业”行不替代营业时间表。 它从门店卡片读取时间;未填写则不会显示该行,但按钮仍会保留。
故障排除#
网站上没有按钮。
- 未找到标签 — “检查安装”。“没有代码” — 标签未插入或未放在模板的所有页面上;“代码属于其他位置” — 标签中有别人的
data-domain。标签由 GTM 放置——检查将看不到它。 - 更改尚未生效 — 小部件文件通过 CDN 分发,缓存为 5分钟:请等待并清除缓存后刷新页面。
- 小部件已关闭或渠道列表为空 — 空扇形菜单不会绘制。
- 显示条件排除了页面 — 检查掩码(排除优先于允许)、设备和延迟。
- 时间表已关闭 — 当前在时间窗口之外。检查您的窗口或门店卡片中的时间表。
- 门店时区未设置 — 此时窗口按访客的时钟计算,按钮会在您预期之外的时间出现。
扇形菜单中缺少某个选项。
- 操作类选项消失 — 对应的小部件已关闭:请启用它并重新添加渠道,它不会自行恢复;
- 选项标记为“仅限手机”(或相反)— 渠道的设备过滤器生效了;
- 相邻项未能及时加载(网络慢、您页面的安全限制)— 刷新页面;长期解决方法是使用统一标签代替单个标签。
角落里仍然有两个按钮。 说明相邻项的扇形菜单中没有对应的操作选项:只有其操作位于扇形菜单中的小部件才会被吸收。请添加所需选项。相反的情况 — 不需要相邻按钮,但吸收被 data-keep-fabs="1" 属性禁用:请移除该属性。
手机上的栏遮挡了别人的面板。 该栏会自行寻找底部别人的固定条并停在其上方,加载后会重复测量多次。如果别人的面板出现得很晚,请切换到圆形按钮——它不参与页面底部的布局。
气泡不显示。 检查是否为页面语言设置了文本,以及设定的显示间隔是否已过——间隔按具体访客在其浏览器中计算。
统计为空。 点击是分批延迟发送的,而非逐个发送;计数器显示30天,并随着访客点击而填充。
常见问题#
这个多少钱?#
免费。多按钮功能免费,且无需单独安装扩展——不同于那些将其作为独立产品出售的同类工具。
可以添加多少个渠道?#
最多十二个。顺序由您用 ↑↓ 箭头设置,这也决定了哪四个渠道会出现在手机底部的栏中。
来自即时通讯工具的消息会到哪里?#
到渠道所指向的地方:WhatsApp 到 WhatsApp,Telegram 到 Telegram。如果您希望在账户中查看对话,请在“聊天”板块中接入这些渠道——这样消息会进入统一收件箱,而扇面中可以放置“打开聊天”选项。
多按钮会隐藏其他小部件的按钮吗?#
会,这正是它的意义所在:那些操作已包含在其扇面中的小部件按钮会被隐藏,以免角落里堆叠拥挤。小部件本身继续正常工作,而在单独标签上可通过属性 data-keep-fabs="1" 关闭此行为。
可以在手机和电脑上显示不同的渠道吗?#
可以,每个渠道都有“显示位置”标记:所有设备、仅电脑或仅手机。扇面的组成在每次打开时重新计算,因此手机旋转会立即生效。
如果访客从笔记本电脑点击“在 WhatsApp 中写信”会怎样?#
会在新标签页中打开即时通讯工具的网页版——如果设置了预设文本,文本会自动填入。
“营业至 22:00”这一行的时间从哪里获取?#
来自门店卡片——即访客在店面看到的同一份含例外情况的营业时间表。小部件中不会单独设置时间,以免出现两套不一致的信息。如果营业时间表未填写,该行就不会显示。
扇面会使用什么语言?#
渠道标签和气泡由您按语言自行设置;小部件根据页面标记(或 data-lang 属性)判断页面语言。“当前营业中”一行中的星期名称取自浏览器,使用页面语言。
相关板块#
- 我的网站 — 安装代码及其他十一个小部件
- 与访客聊天 — 网站和即时通讯工具的统一收件箱
- 回拨 — “请回电”表单和自动拨号
- 网站通话 — 直接从浏览器通话
- 在自己网站上在线下单 — 覆盖在您网站上的购物车和结账