C cenaly.com
免费开始

Shopify · 店铺前台买家支持

适用于 Shopify 的 Cenaly.com 小组件

在商品页和系列页添加聊天、联系按钮或促销小组件。代码安装到商店主题中;这不是订单同步应用,也不是在 checkout 中安装。consent 和分析请使用下方单独的顺序。

  • 先从商品页的一个场景开始
  • 设置位于 Cenaly.com,代码位于主题的 theme.liquid
  • 修改前先复制主题;发布后检查购物车和移动端显示效果

无需银行卡 · 注册只需一分钟,标签再多一步 · 设置修改5分钟内同步到网站

所有小部件共用一个标签13 个中有 9 个免费Shadow DOM — 不会破坏页面布局标签文字跟随页面语言双云端:AWS 和俄罗斯

Shopify 上可用的功能

选择所需小组件并在账户中配置。普通小组件使用通用代码;对于 consent 和分析,单独的安装顺序很重要。

注册后将保留所选组件和平台。然后在账户中配置组件。请保持此Shopify说明页面打开:配置完成后,返回下方的安装步骤。

全部 13 个小部件 →

是否需要Shopify付费计划

无需平台的付费计划

需要一个带有 Online Store 并能访问主题代码的商店;无需单独的应用来插入标签。

本说明适用于可使用 Online Store → Themes → Edit code 的商店。安装前请确认自己的计划权限和员工权限。

Shopify 订阅与 Cenaly.com 小组件分开付费。未单独购买应用并不意味着商店免费或可访问 checkout 编辑。

本页的菜单项和资费条件来自官方帮助:

已与平台证明核对 2026-09-22

如何在Shopify中插入代码

常规小组件:聊天、联系按钮、记录

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

普通小组件的标签示例。请从账户中获取自己的代码;无需将其替换为演示域名。如需屏蔽分析,请使用下方的单独说明。 Cookie 横幅与分析:单独流程 →

  1. 1

    复制安装代码

    在 Cenaly.com 账户中:管理面板 → 营销 → “我的网站”。在第一个字段中填写商店地址,并复制标签字符串。

  2. 2

    复制主题

    在 Shopify 后台:Online Store(在线商店)→ Themes(主题)→ 在所需主题上点击“…”→ Duplicate。如果出现问题,这是你的回退路径。

  3. 3

    打开代码编辑器

    同样在主题上点击“…”图标 → Edit code(编辑代码)。Shopify 帮助文档如此描述该路径:“From your Shopify admin, go to Online Store. Click … > Edit code”。

  4. 4

    找到 theme.liquid

    在左侧列表中:Layout 文件夹 → theme.liquid 文件。这是商店所有页面的通用框架。

  5. 5

    粘贴代码并保存

    将字符串插入到闭合的 head 标签之前(或闭合的 body 标签之前),然后点击 Save。

  6. 6

    检查安装

    打开商店前台,然后返回“我的网站”→“检查安装”。

修改只存在于特定主题中。如果发布另一个主题,请将标签也插入该主题,否则小组件会随旧主题一起消失。

Shopify 官方帮助 ↗

安装检查

  1. 1

    重新发布网站

    在网站构建器中,修改只保存在草稿中:页面未重新发布前,线上网站不会有该代码。

  2. 2

    在账户中打开“我的网站”

    管理面板 → 营销 → “我的网站”。第一个字段是网站地址,旁边是“检查安装”。

  3. 3

    查看检测结果

    检查会读取页面的原始 HTML 并显示找到的小组件。通过 Google Tag Manager 添加的代码无法被检测到——这是检查功能的限制,而非安装问题。

安装错误排查——见帮助 安装说明 →

Shopify 的特点

  • 代码仅适用于所选主题

    主题变动或更新后,请检查已发布版本中是否仍有该标签。如果第一个实例仍然保留,请勿插入第二个。

  • 店面与 checkout 是不同的界面

    通过 theme.liquid 的路径仅适用于使用该主题的店面页面。它不会向 checkout 添加小组件,也不表示可以控制 Shopify 像素。

  • 已安装聊天应用

    检查手机上的按钮是否重叠。停用多余的按钮或调整位置,然后检查购物车能否打开。

  • 订单仍保留在 Shopify

    插入标签不会导入商品、购物车和订单。如果销售通过 Shopify 进行,请先从聊天或多功能按钮开始;Cenaly.com 的订单小组件需单独启用。

常见问题

是否需要从 Shopify App Store 安装应用?

对于所述方式——不需要:普通标签直接添加到 theme.liquid。需要主题访问权限;对于 consent 有单独的标签,并需检查加载顺序。

小组件能在 checkout 上运行吗?

此安装方式仅适用于店面。它不会扩展 checkout,也不会同步 Shopify 的订单数据。

能否保证与购物车兼容?

小组件的样式由 Shadow DOM 隔离,但这并不保证与任何主题和应用行为都兼容。请先复制主题,然后检查商品卡片、购物车和移动端页面。

主题变动后需要检查什么?

新发布的主题中是否只有一个标签、小组件能否打开、按钮是否重叠,以及账户中的域名是否正确。

cookie 横幅可以使用普通的 async 标签吗?

要在用户同意前拦截跟踪器,需要单独的 consent/v1.js 并放在 head 最前面,且不带 async/defer。请检查用户选择前、拒绝后和接受后的加载情况。平台内置分析可能需要单独配置;横幅出现并不代表符合法律要求。

更多内容——按平台安装、设置和故障排除——请参阅帮助。 安装说明 →

将小组件安装到自己的 Shopify 商店

为店铺前台选择任务,配置小组件并将其安装到主题副本中。发布后,检查商品页面和购物车。

选择小组件

无需银行卡 · 注册只需一分钟,标签再多一步 · 设置修改5分钟内同步到网站