Buy Button 常见问题解答

在此页面上

我是否可以将 Buy Button 添加到我的 Shopify 在线商店?

不建议将 Buy Button 添加到您的 Shopify 在线商店或 Shopify 博客,因为它们可能会导致在线商店的购物车出现问题。请考虑使用永久链接来预加载购物车

如何从 Shopify 后台中删除 Buy Button 渠道?

  1. 在 Shopify 后台中,转至设置 > 销售渠道

  2. 对于 Buy Button 渠道,请点击 > 卸载

  3. 要卸载 Buy Button 吗?对话框中,选择我了解卸载此销售渠道的风险。

  4. 可选:在卸载原因下,从下拉菜单中选择任何适用的原因,并在文本字段中分享任何反馈。

  5. 点击卸载

如何从我的网页中删除 Buy Button?

将您添加到网页的嵌入代码删除

我是否可以更新现有 Buy Button 以显示其他产品?

可以,方法是编辑嵌入代码。您可以更改嵌入代码中的 id 属性,使其与另一款产品相对应。否则,您必须在 Shopify 中创建以所需产品为特色的新 Buy Button,然后生成新的嵌入代码来替换之前 Buy Button 的嵌入代码。

创建 Buy Button 时,“其他信息”字段可用于哪些用途?

“其他信息”字段可用于向您的客户传达信息。该信息会显示在客户的购物车中。例如,消息可以是“税款将在结账时计算”。

我的 Buy Button 可以使用哪些支付网关?

您需要使用受支持的支付网关才能使用 Buy Button。若要查看您所在国家/地区受支持的支付网关列表,请参阅按国家/地区划分的付款信息

如何更改现有 Buy Button 的外观?

更改现有 Buy Button 外观或设置的最简单方法是重新创建它,并用新代码替换现有代码。另一种选择是按照此高级教程进行更改。

如果您在更改外观方面需要帮助,则可以聘请 Shopify 合作伙伴。 详细了解聘请 Shopify 合作伙伴

为什么我的 Buy Button 无法与我的应用结合使用?

Buy Button 与 Shopify App Store 中的应用不兼容。例如,如果您有产品评论应用,它将无法与 Buy Button 结合使用。

如何对 Buy Button 问题进行故障排除?

如果您的 Buy Button 未按预期工作,您可以使用以下故障排除步骤来识别和解决常见问题:

检查 CSS (层叠样式表) 冲突

有时,您网站中的 CSS 可能会干扰 Buy Button 的样式。例如,如果 CSS 为 iframe 元素设置了 display: hidden;,那么 Buy Button 就会变得不可见。

另一个常见问题是按钮高度计算不正确或设置为 0。如果发生这种情况,请尝试在 Shopify 后台中使用不同的布局设置重新创建 Buy Button,因为内置的自定义选项通常比自定义 CSS 更能解决高度问题。

要检查 CSS 冲突,请执行以下操作:

  1. 打开浏览器的开发人员工具(在 Chrome 中按 F12)。
  2. 选择 Buy Button 区域并检查“元素”标签中的 HTML。
  3. 查看“样式”面板,了解是否有任何 CSS 规则正在影响按钮的可见性或布局。

检查 JavaScript 错误

JavaScript 冲突可能会阻止 Buy Button 正常显示或正常运行。要检查 JavaScript 错误,请执行以下操作:

  1. 打开浏览器的开发人员工具。
  2. 转至“控制台”标签。
  3. 查看在页面加载时或与 Buy Button 交互时出现的任何错误消息。

常见的 JavaScript 错误包括缺少脚本依赖项或与您网站上的其他脚本冲突。

验证产品是否存在

如果您收到 404 错误,则产品可能已被删除和替换。请将 Buy Button 代码中的产品 ID 与 Shopify 后台中的产品 ID 进行比较,以确认它们是否匹配。

在简单的 HTML 页面上测试

要确定问题出在 Buy Button 还是您的网站上,请执行以下操作:

  1. 创建一个仅包含 Buy Button 代码的简单 HTML 文件。
  2. 在浏览器中打开该文件,查看按钮是否正常工作。
  3. 如果它在简单页面上正常工作,但在您的网站上不工作,则问题可能出在您网站的 CSS 或 JavaScript 上。

确认它是 Shopify Buy Button

有时,看起来像 Shopify Buy Button 的按钮实际上是第三方解决方案。要验证您使用的是否是 Shopify Buy Button,请执行以下操作:

  1. 打开开发人员工具并检查按钮。
  2. 查看 HTML 中有无 Shopify 特定代码。
  3. 确认“网络”选项卡中显示对 buy-button-storefront.min.js 的调用。

如果您通过这些步骤无法解决问题,则可以考虑寻求 Shopify 合作伙伴的帮助。 详细了解聘请 Shopify 合作伙伴

要创建购物车永久链接,您需要进入产品详细信息页面。了解如何创建购物车永久链接