网站聊天
与访客实时聊天——由员工在工作聊天中回复
查看示例和功能 →免费
配置此小组件选择所需小组件并在账户中配置。普通小组件使用通用代码;对于 consent 和分析,单独的安装顺序很重要。
与访客实时聊天——由员工在工作聊天中回复
查看示例和功能 →免费
配置此小组件一个悬浮按钮:WhatsApp、Telegram、电话、聊天 — 最多 12 个渠道
查看示例和功能 →免费
配置此小组件弹窗、内嵌表单、优惠券和带展示条件与 A/B 的测验
查看示例和功能 →$9/月
配置此小组件回电申请表单;接入电话系统后可自动外呼
查看示例和功能 →免费
配置此小组件“拨打”按钮 — 通过您的电话交换机从网站通话,访客无需号码和应用
查看示例和功能 →免费
配置此小组件用账户中的订单、预订、预约和评价数量展示的标牌
查看示例和功能 →免费
配置此小组件网站角落的圆窗,播放菜单中的短片:点击后播放带声音的视频,并显示“下单”按钮
查看示例和功能 →免费
配置此小组件“预订”按钮 → 一个表单 → 申请进入您的“餐桌”板块
查看示例和功能 →$9/月
配置此小组件按您的日程安排预约:客户自行选择服务、专员和空闲时段
查看示例和功能 →免费
配置此小组件订单按钮在现有网站上层打开您的店面
查看示例和功能 →免费
配置此小组件“?”按钮 → 侧边面板,包含您的文章、搜索和“有帮助”评价
查看示例和功能 →$19/月
配置此小组件隐私政策、协议、退款、cookies、配送——根据您的数据生成并嵌入网站
查看示例和功能 →$9/月
配置此小组件Cookie 已同意,自动拦截跟踪器并支持 Google Consent Mode v2
查看示例和功能 →免费
配置此小组件注册后将保留所选组件和平台。然后在账户中配置组件。请保持此Shopify说明页面打开:配置完成后,返回下方的安装步骤。
无需平台的付费计划
需要一个带有 Online Store 并能访问主题代码的商店;无需单独的应用来插入标签。
本说明适用于可使用 Online Store → Themes → Edit code 的商店。安装前请确认自己的计划权限和员工权限。
Shopify 订阅与 Cenaly.com 小组件分开付费。未单独购买应用并不意味着商店免费或可访问 checkout 编辑。
常规小组件:聊天、联系按钮、记录
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script> 普通小组件的标签示例。请从账户中获取自己的代码;无需将其替换为演示域名。如需屏蔽分析,请使用下方的单独说明。 Cookie 横幅与分析:单独流程 →
在 Cenaly.com 账户中:管理面板 → 营销 → “我的网站”。在第一个字段中填写商店地址,并复制标签字符串。
在 Shopify 后台:Online Store(在线商店)→ Themes(主题)→ 在所需主题上点击“…”→ Duplicate。如果出现问题,这是你的回退路径。
同样在主题上点击“…”图标 → Edit code(编辑代码)。Shopify 帮助文档如此描述该路径:“From your Shopify admin, go to Online Store. Click … > Edit code”。
在左侧列表中:Layout 文件夹 → theme.liquid 文件。这是商店所有页面的通用框架。
将字符串插入到闭合的 head 标签之前(或闭合的 body 标签之前),然后点击 Save。
打开商店前台,然后返回“我的网站”→“检查安装”。
修改只存在于特定主题中。如果发布另一个主题,请将标签也插入该主题,否则小组件会随旧主题一起消失。
如需严格 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 添加的代码无法被检测到——这是检查功能的限制,而非安装问题。
安装错误排查——见帮助 安装说明 →
主题变动或更新后,请检查已发布版本中是否仍有该标签。如果第一个实例仍然保留,请勿插入第二个。
通过 theme.liquid 的路径仅适用于使用该主题的店面页面。它不会向 checkout 添加小组件,也不表示可以控制 Shopify 像素。
检查手机上的按钮是否重叠。停用多余的按钮或调整位置,然后检查购物车能否打开。
插入标签不会导入商品、购物车和订单。如果销售通过 Shopify 进行,请先从聊天或多功能按钮开始;Cenaly.com 的订单小组件需单独启用。
对于所述方式——不需要:普通标签直接添加到 theme.liquid。需要主题访问权限;对于 consent 有单独的标签,并需检查加载顺序。
此安装方式仅适用于店面。它不会扩展 checkout,也不会同步 Shopify 的订单数据。
小组件的样式由 Shadow DOM 隔离,但这并不保证与任何主题和应用行为都兼容。请先复制主题,然后检查商品卡片、购物车和移动端页面。
新发布的主题中是否只有一个标签、小组件能否打开、按钮是否重叠,以及账户中的域名是否正确。
要在用户同意前拦截跟踪器,需要单独的 consent/v1.js 并放在 head 最前面,且不带 async/defer。请检查用户选择前、拒绝后和接受后的加载情况。平台内置分析可能需要单独配置;横幅出现并不代表符合法律要求。
更多内容——按平台安装、设置和故障排除——请参阅帮助。 安装说明 →
为店铺前台选择任务,配置小组件并将其安装到主题副本中。发布后,检查商品页面和购物车。
选择小组件无需银行卡 · 注册只需一分钟,标签再多一步 · 设置修改5分钟内同步到网站