How To...

🏠 如何在我的主页添加Cowlendar?

🏠 如何在我的主页添加Cowlendar?: ℹ️注意:能够将Cowlendar添加到主页的先决条件:您需要在Cowlendar上创建至少一项服务,并且需要在您的theme上启用该应用程序

1 min read
0 views
Updated May 19, 2026
📝Note
ℹ️注意:能够将Cowlendar添加到主页的先决条件:您需要在Cowlendar上创建至少一项服务,并且需要在您的theme上启用该应用程序。
⚠️Warning
在 Cowlendar 上创建服务需要产品,这意味着您不能简单地将日历添加到您的页面,而不首先创建链接到 Cowlendar 服务的产品

有 3 种方法可以在主页上添加 Cowlendar。

一旦您拥有一项服务并且 Cowlendar 是 [在 theme 上启用 Cowlendar [强制]](https://help.cowlendar.com/zh/beginners-guide/zai-theme-shang-qi-yong-cowlendar-qiang-zhi),您可以使用 3 种解决方案之一。

→ 在 Cowlendar 上创建您的第一个服务 → 在 Theme 上启用 Cowlendar [强制

您可以通过以下 3 种方式将 Cowlendar 添加到主页

解决方案 1:特色产品

解决方案1的使用步骤

步骤 1: 在您的 Shopify 管理仪表板中查看左侧面板。

步骤 2: 点击在线商店。

步骤 3: 单击主题。

步骤 4: 在中心面板中单击“自定义”。

步骤 5: 确保您位于主页。

步骤 6: 单击添加部分。

步骤 7: 添加 特色产品 部分。

⚠️Warning
如果您在 theme 编辑器中没有看到 Book Now 按钮,请检查您的实时网站

解决方案 2:自定义 HTML

将内联小部件代码集成到自定义 HTML(或自定义液体、自定义内容)中的步骤

步骤 8: 在左侧面板的 Shopify 管理仪表板中,单击 应用程序。

步骤 9: 点击Cowlendar。

步骤 10: 单击我的服务。

步骤 11: 在您要显示的特定服务上,单击“更多”。

步骤 12: 单击“更多”后,您将单击“自定义集成”。

步骤 13: 在自定义集成内部复制内联小部件代码。

步骤 14: 在您的 Shopify 管理仪表板中,查看左侧面板并单击 在线商店。

步骤 15: 单击主题。

步骤 16: 在中心面板中单击“自定义”。

步骤 17: 确保您位于主页。

步骤 18: 单击添加部分。

步骤 19: 添加 自定义液体部分(也称为自定义 HTML 或自定义内容)。

步骤 20: 粘贴您之前复制的内联小部件代码

步骤 21: 离开前保存

⚠️Warning
内联小部件一次只能显示 1 个特定服务,如果它有多个变体,则只能显示 1 个特定变体
→ 🖥️ 如何使用 Inline Widget 功能?

解决方案 3: 直接链接

什么是直接链接?

直接链接允许您将任何文本/按钮链接到您的日历。当有人单击此按钮时,日历将在屏幕上显示为弹出小部件。您可以在此处了解有关如何集成直接链接的更多信息。

集成直接链接的步骤

步骤 22: 在左侧面板的 Shopify 管理仪表板中,单击 应用程序。

步骤 23: 点击Cowlendar。

步骤 24: 单击我的服务。

步骤 25: 在您要显示的特定服务上,单击“更多”。

步骤 26: 单击“更多”后,您将单击“自定义集成”。

步骤 27: 在自定义集成内部复制直接链接。

步骤 28: 在左侧面板的 Shopify 管理仪表板中,单击 在线商店。

步骤 29: 单击导航。

步骤 30: 您将在其中选择要更新的菜单

步骤 31: 编辑菜单项(这将是菜单本身中的每个选项卡)。

步骤 32: 将链接应用到菜单项的链接部分

步骤 33: 离开前保存。

您可以在主页上设置的任何文本/按钮中添加指向日历的直接链接。为此,您只需在任何按钮中使用您的服务的直接链接即可。

→ 🧙 如何在他们的菜单中添加可预订服务?
⚠️Warning
这只适用于您有一种变体的情况。
Cowlendar
Ready to use Cowlendar?
Open the app directly in your Shopify store.