即时通讯按钮
一个悬浮按钮：WhatsApp、Telegram、电话、聊天 — 最多 12 个渠道
查看示例和功能 →免费
配置此小组件Webflow · 从你的作品集联系
为现有的 Webflow 设计添加联系或预约。选择任务并在 Cenaly.com 中配置小组件，然后在网站或页面级别添加代码。以下是 custom code 的访问条件以及 consent 的单独说明。
无需银行卡 · 注册只需一分钟，标签再多一步 · 设置修改5分钟内同步到网站
选择所需小组件并在账户中配置。普通小组件使用通用代码；对于 consent 和分析，单独的安装顺序很重要。
一个悬浮按钮：WhatsApp、Telegram、电话、聊天 — 最多 12 个渠道
查看示例和功能 →免费
配置此小组件按您的日程安排预约：客户自行选择服务、专员和空闲时段
查看示例和功能 →免费
配置此小组件与访客实时聊天——由员工在工作聊天中回复
查看示例和功能 →免费
配置此小组件回电申请表单；接入电话系统后可自动外呼
查看示例和功能 →免费
配置此小组件“拨打”按钮 — 通过您的电话交换机从网站通话，访客无需号码和应用
查看示例和功能 →免费
配置此小组件弹窗、内嵌表单、优惠券和带展示条件与 A/B 的测验
查看示例和功能 →$9/月
配置此小组件用账户中的订单、预订、预约和评价数量展示的标牌
查看示例和功能 →免费
配置此小组件网站角落的圆窗，播放菜单中的短片：点击后播放带声音的视频，并显示“下单”按钮
查看示例和功能 →免费
配置此小组件“预订”按钮 → 一个表单 → 申请进入您的“餐桌”板块
查看示例和功能 →$9/月
配置此小组件订单按钮在现有网站上层打开您的店面
查看示例和功能 →免费
配置此小组件“?”按钮 → 侧边面板，包含您的文章、搜索和“有帮助”评价
查看示例和功能 →$19/月
配置此小组件隐私政策、协议、退款、cookies、配送——根据您的数据生成并嵌入网站
查看示例和功能 →$9/月
配置此小组件Cookie 已同意，自动拦截跟踪器并支持 Google Consent Mode v2
查看示例和功能 →免费
配置此小组件注册后将保留所选组件和平台。然后在账户中配置组件。请保持此Webflow说明页面打开：配置完成后，返回下方的安装步骤。
需要平台的付费计划
需要有效的 Site plan 或 Workspace Core、Growth、Agency 或 Freelancer。
Webflow 官方帮助说明，在有效的 Site plan 或所列 Workspace 之一的情况下，Site managers 和 Designers 可以使用 custom code。付费 Site plan 并非唯一途径。
webflow.io 地址本身并不能说明是否可插入代码：请检查 Workspace、权限和项目设置。绑定自有域名和 CMS 功能有各自的计划条件。
本页的菜单项和资费条件来自官方帮助：
已与平台证明核对 2026-09-22
常规小组件：聊天、联系按钮、记录
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>普通小组件的标签示例。请从账户中获取自己的代码；无需将其替换为演示域名。如需屏蔽分析，请使用下方的单独说明。 Cookie 横幅与分析：单独流程 →
在 Cenaly.com 账户中：管理面板 → 营销 → “我的网站”。在第一个字段中填写网站地址并复制标签字符串。
在 Webflow 中：所需项目的 Site settings（网站设置）。
Custom code 选项卡中有两个字段：Head code（head 内部）和 Footer code（闭合 body 之前）。
将字符串粘贴到 Head code 并保存。无需在此字段中添加 html、head 和 body 标签——只需脚本本身。
点击 Publish：Webflow 帮助特别指出，自己的代码效果在发布后才会在实时网站上可见。
打开已发布的网站，返回“我的网站”→“检查安装”。
只需在一个页面添加小组件——Webflow 中每个页面在页面设置里都有自己的代码字段。
如需严格 opt-in，请从 cookie 横幅设置中取单独的 consent 标签，并将其作为 head 中的第一个脚本，不使用 async 和 defer，放在分析和广告之前。通用的 async 标签不保证在同意前进行拦截。
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>考虑主题代码、插件、GTM 以及平台内置集成。如果平台无法在这些之前设置 consent，仅靠一个外部标签不够：需在集成本身配置同意。
对于 opt-in，已知跟踪器会被阻止，未知跟踪器需按 CMP 说明手动标记。标签不会阻止已执行的代码、服务器端 Set-Cookie 和 service workers。
在已发布的网站上打开全新会话和 Network：在选择前和拒绝后，检查应被阻止的跟踪器是否没有请求。然后接受所需类别，检查是否启动及决定是否变更。可见的横幅和 HTML 安装检查不能证明已阻止。
在网站构建器中，修改只保存在草稿中：页面未重新发布前，线上网站不会有该代码。
管理面板 → 营销 → “我的网站”。第一个字段是网站地址，旁边是“检查安装”。
检查会读取页面的原始 HTML 并显示找到的小组件。通过 Google Tag Manager 添加的代码无法被检测到——这是检查功能的限制，而非安装问题。
安装错误排查——见帮助 安装说明 →
Webflow 在 preview/comment 中支持 custom code，但在 expand canvas 中不支持。访客需在发布后才会看到更改；最终检查请以已发布地址为准。
通用 Head code 会在网站层级添加标签。如果只需要一个 URL，请使用页面设置，不要在那里重复添加已安装的通用标签。
小组件不会自动将 Webflow 表单连接到 Cenaly.com。Shadow DOM 会隔离样式，但动画、按钮可点击性和重叠情况需要在你的网站上检查。
不要将 consent 放在已启动追踪器的容器之后。对于通过 GTM 添加的普通标签，服务器端 HTML 检查无法确认安装——请在已发布页面上检查小组件。
不需要，根据 Webflow 的条件，custom code 也可通过 Core、Growth、Agency 或 Freelancer Workspace 使用。请检查 Site manager/Designer 权限以及具体项目中的字段访问权限。
普通标签可以添加到 Head code；不要用 html/head/body 标签包裹它。需在同意前阻止的 consent 需要在 head 中追踪器之前单独放置第一个脚本。
Custom code 在 expand canvas 中不生效。Preview/comment 支持它，但更改仍需发布。请检查小组件是否启用以及网站的最终地址。
样式隔离并不保证与任何脚本兼容。在将小组件推广到所有页面之前，请检查交互、表单和移动端屏幕。
网站通用代码同样适用于集合页面。请查看已发布的此类页面示例，不要在它的模板中重复该标签。
要在用户同意前拦截跟踪器，需要单独的 consent/v1.js 并放在 head 最前面，且不带 async/defer。请检查用户选择前、拒绝后和接受后的加载情况。平台内置分析可能需要单独配置；横幅出现并不代表符合法律要求。
更多内容——按平台安装、设置和故障排除——请参阅帮助。 安装说明 →
确认是否有 custom code 访问权限，选择小组件并进行配置。发布后，测试普通页面和集合页面。
选择小组件无需银行卡 · 注册只需一分钟，标签再多一步 · 设置修改5分钟内同步到网站