C cenaly.com
免费开始

Squarespace · 作品集之后的下一步

适用于 Squarespace 的 Cenaly.com 小组件

为 Squarespace 网站添加联系方式或预约。选择小组件并完成设置,然后在支持的计划上通过 Code Injection 插入代码。此方式不会在 checkout 上安装小组件;consent 和分析需要单独的处理流程。

  • Code Injection:Core、Plus、Advanced 及部分 legacy 计划
  • 站点级 Header;单个页面可使用 Page Header Code Injection
  • 检查移动端菜单、表单和现有 pop-up 窗口

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

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

Squarespace 上可用的功能

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

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

全部 13 个小部件 →

是否需要Squarespace付费计划

需要平台的付费计划

Code Injection 在 Core、Plus、Advanced 计划以及部分 Squarespace 旧版计划中可用。

Squarespace 帮助文档列出了支持 Code Injection 的 Core、Plus、Advanced 以及部分 legacy 计划。请确认该面板在您的账户中确实可用。

平台费用与 Cenaly.com 小部件的价格是分开的。如果计划中没有 Code Injection,页面上的 HTML 区块不能自动视为与全局安装等效的替代方案。

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

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

如何在Squarespace中插入代码

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

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

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

  1. 1

    设置小组件并复制代码

    在 Cenaly.com 账户中选择小组件,启用它,并在“我的网站”中获取自己的标签。填写所需的网站地址。

  2. 2

    打开 Code Injection

    在 Squarespace 中通过网站工具打开 Code Injection 面板。确认你的计划中可用;下方官方帮助文档包含直达面板的链接。

  3. 3

    将普通标签插入 Header

    Header 会将代码插入网站页面的 head 中。如需尽早阻止分析,请使用单独的 consent 标签并遵循下方章节的流程。

  4. 4

    保存并打开网站

    点击 Save 并打开已发布的地址。checkout 不支持 Code Injection。

  5. 5

    检查访客操作

    打开小组件,发送测试问题或完成一次预约。检查移动端菜单和表单,然后在“我的网站”中运行“安装检查”。

checkout 页面不支持此代码。lock page、order confirmation 和 order status 字段有各自的用途;未经单独验证,不要在这些字段中重复添加该标签。

Squarespace 官方帮助 ↗

安装检查

  1. 1

    重新发布网站

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

  2. 2

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

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

  3. 3

    查看检测结果

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

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

Squarespace 的特点

  • 网站与 checkout

    Code Injection 面向网站页面;checkout 不支持代码。请检查所需的 URL,而不仅是首页。

  • 单个页面

    针对单个页面:Pages → 页面设置 → Advanced → Page Header Code Injection。不要重复添加已全局安装的标签。

  • 表单与当前预约

    插入标签不会从其他服务迁移表单或日程。请选择一种功能,避免向访客显示两个相同的窗口。

  • 分析前的 consent

    检查 Header 和已连接的集成分析。通用的 async 标签和横幅的出现并不能证明 consent 在跟踪器之前加载。

常见问题

需要哪个计划?

Code Injection 在 Core、Plus、Advanced 以及部分 legacy 计划中可用。上方引用了 Squarespace 的最新帮助文档;请在配置前确认面板访问权限。

可以只放在一个页面上吗?

如果您的计划支持,请在页面的 Advanced 设置中使用 Page Header Code Injection。这是与内容中的 HTML 区块不同的路径。

该小部件在 checkout 上能用吗?

不能,上述通过 Code Injection 的路径不会在那里添加代码。它面向网站页面。

如果看不到小部件怎么办?

检查是否已保存、已发布的地址、小部件是否启用以及域名是否正确。在编辑器之外打开网站,确认代码未在编辑模式下被禁用。

模板样式会保留吗?

Shadow DOM 会隔离小组件的样式。请检查自己模板的表现、移动端菜单、表单和按钮重叠情况——仅凭插入方式无法保证这些。

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

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

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

将小组件添加到你的 Squarespace 网站

检查你所选计划是否支持 Code Injection,选择任务并配置小组件。安装后,请在手机上走一遍访客流程。

选择小组件

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