如何使用深层链接打开聊天窗口（无需编辑主题代码）
你可以使用深层链接打开聊天窗口，无需修改主题代码。
在 Shopify 主题编辑器中，只需将井号链接 #shoply-ai-chatbot 添加到任意按钮、图标或文本元素。
顾客点击这些元素时，聊天窗口就会自动打开。
在线示例：demo.shoplyai.ai
步骤：
- 在主题编辑器中编辑所需的按钮、文本或图标。
- 将链接或 URL 设为
#shoply-ai-chatbot。
示例：
使用按钮打开聊天窗口：
使用带链接的文本打开聊天窗口：
打开聊天并预先填入问题
想要打开聊天窗口，同时自动发送一个问题？你可以使用哈希片段（推荐）或 URL 查询参数来实现。
这非常适合创建指向配送政策、退货政策或商品咨询等常见主题的直接链接。
推荐：哈希片段（页面不会重新加载）
使用 #shoply_question= 哈希片段。由于哈希完全在浏览器中处理，点击此链接不会重新加载页面，并会保留现有聊天记录。
格式：
https://your-store.com#shoply_question=your question here示例：
- 配送政策：
https://your-store.com#shoply_question=What is your shipping policy? - 退货：
https://your-store.com#shoply_question=How do I return an item? - 订单状态：
https://your-store.com#shoply_question=Where is my order? - 发现商品：
https://your-store.com#shoply_question=What class 2 e-bikes are available under $2000?
你可以将其与商店中的任何页面结合使用。例如，要在特定商品页面上打开聊天机器人并附带问题：
https://your-store.com/products/blue-jacket#shoply_question=What sizes are available?旧版方式：URL 查询参数
为了向后兼容，系统仍支持 ?shoply_question= 查询参数。请注意，如果向顾客当前所在的 URL 添加查询参数，会导致页面重新加载。
格式：
https://your-store.com?shoply_question=your question here**注意：**使用特殊字符或空格时，请记得对问题进行 URL 编码。大多数浏览器会自动处理；但如果通过程序添加链接，请使用正确的 URL 编码（例如，空格会变为 %20）。
顾客点击任意一种链接时，聊天窗口都会自动打开，问题也会发送给 AI 聊天机器人，从而立即获得回答。
使用场景：
- 在页脚中添加“咨询配送”链接
- 创建能够打开聊天机器人并附带特定问题的二维码
- 在电子邮件营销活动或订单确认中加入实用链接
- 在商品页面添加与当前内容相关的帮助链接（例如“咨询尺码”）
如何使用深层链接打开聊天窗口（需要编辑主题模板代码）
上一节介绍了如何直接在主题编辑器中将井号链接（深层链接）添加到任意按钮、图标或文本，以触发聊天窗口，而无需编辑主题代码。
但是，如果你希望灵活地在商店中的任何位置添加深层链接（例如，在页眉中创建新图标），则需要编辑模板代码。
以下是可用于在主题模板中创建新图标的简单 HTML 代码示例：
代码示例
1. 聊天图标
以下代码会添加一个聊天图标：
<a href="#shoply-ai-chatbot"
style="display:inline-flex;align-items:center;margin-right:13px">
<svg viewBox="64 64 896 896" style="height:28px;width:28px;fill:orange">
<path
d="M868.2 377.4c-18.9-45.1-46.3-85.6-81.2-120.6a377.26 377.26 0 00-120.5-81.2A375.65 375.65 0 00519 145.8c-41.9 0-82.9 6.7-121.9 20C306 123.3 200.8 120 170.6 120c-2.2 0-7.4 0-9.4.2-11.9.4-22.8 6.5-29.2 16.4-6.5 9.9-7.7 22.4-3.4 33.5l64.3 161.6a378.59 378.59 0 00-52.8 193.2c0 51.4 10 101 29.8 147.6 18.9 45 46.2 85.6 81.2 120.5 34.7 34.8 75.4 62.1 120.5 81.2C418.3 894 467.9 904 519 904c51.3 0 100.9-10.1 147.7-29.8 44.9-18.9 85.5-46.3 120.4-81.2 34.7-34.8 62.1-75.4 81.2-120.6a376.5 376.5 0 0029.8-147.6c-.2-51.2-10.1-100.8-29.9-147.4zm-66.4 266.5a307.08 307.08 0 01-65.9 98c-28.4 28.5-61.3 50.7-97.7 65.9h-.1c-38 16-78.3 24.2-119.9 24.2a306.51 306.51 0 01-217.5-90.2c-28.4-28.5-50.6-61.4-65.8-97.8v-.1c-16-37.8-24.1-78.2-24.1-119.9 0-55.4 14.8-109.7 42.8-157l13.2-22.1-9.5-23.9L206 192c14.9.6 35.9 2.1 59.7 5.6 43.8 6.5 82.5 17.5 114.9 32.6l19 8.9 19.9-6.8c31.5-10.8 64.8-16.2 98.9-16.2a306.51 306.51 0 01217.5 90.2c28.4 28.5 50.6 61.4 65.8 97.8l.1.1.1.1c16 37.6 24.1 78 24.2 119.8-.1 41.7-8.3 82-24.3 119.8zM681.1 364.2c-20.4 0-37.1 16.7-37.1 37.1v55.1c0 20.4 16.6 37.1 37.1 37.1s37.1-16.7 37.1-37.1v-55.1c0-20.5-16.7-37.1-37.1-37.1zm-175.2 0c-20.5 0-37.1 16.7-37.1 37.1v55.1c0 20.4 16.7 37.1 37.1 37.1 20.5 0 37.1-16.7 37.1-37.1v-55.1c0-20.5-16.7-37.1-37.1-37.1z" />
</svg>
</a>2. AI 星形图标
以下代码会添加一个 AI 星形图标：
<a href="#shoply-ai-chatbot" style="display:inline-flex;align-items:center">
<img style="height:28px;width:28px" src="https://[CFN_PRODUCTION_ASSET]/AIStar.svg" alt="Shoply Chatbot" />
</a>3. 函数调用方法
除使用井号链接外，你还可以将函数调用 openShoplyAIChatBot() 放入任意按钮/图标的 onclick 属性中。顾客点击该按钮/图标时，就会看到聊天窗口。
<button onclick="openShoplyAIChatBot()" style="border-radius:20px;margin:10px;cursor:pointer;background:black">
<span style="font-size:13px;color:white;margin:5px">Click to Chat</span>
</button>需要帮助？
你可以使用上述任意示例，将代码插入 sections/header.liquid 文件中搜索图标的旁边，从而把聊天深层链接添加到商店页眉。
不过，如果你不太熟悉如何编辑主题模板代码，也不用担心！
欢迎预约与我们会面 ，我们很乐意帮你在理想的位置设置合适的图标，使其符合商店的独特风格。
如何隐藏悬浮图标？
配置通过深层链接打开聊天窗口后，你可能希望隐藏悬浮图标。 店主也经常提到，网站上的悬浮图标过多会让人感到眼花缭乱。 我们理解你的顾虑！因此，我们推出了隐藏聊天图标的功能。
在应用管理后台的“自定义 AI 聊天”部分中，找到选择聊天图标设置，现在可以选择：
**“隐藏悬浮图标，使用深层链接打开聊天”**选项。
这样既能隐藏悬浮图标，又能继续通过深层链接打开聊天窗口。