Shopify非Plus订阅使用js-buy-sdk自定义购物车如何添加结账页返回链接

client.checkout.create方法参数说明 #

client.checkout.create本身不支持直接传入自定义购物车链接的配置项，非Shopify Plus商户也没有权限直接修改结账页的源代码注入自定义链接。

可行实现方案 #

• 修改店铺默认购物车地址
  进入Shopify后台「在线商店」-「偏好设置」，将默认购物车页面地址替换为你的自定义购物车页面的完整URL，结账页默认的「Return to cart」链接会自动同步该配置。
• 结账链接拼接return_to参数（最推荐）
  调用client.checkout.create生成结账链接后，手动拼接return_to查询参数即可覆盖默认返回地址，示例代码如下：

  // 创建结账对象
  const newCheckout = await client.checkout.create({
    lineItems: yourCartLineItems,
    // 其余原有配置项不变
  });
  // 拼接自定义返回地址
  const finalCheckoutUrl = `${newCheckout.webUrl}?return_to=${encodeURIComponent('https://你的域名/自定义购物车页面路径')}`;
  // 引导用户跳转至finalCheckoutUrl即可
  

  return_to为Shopify官方公开支持的参数，无Plus权限要求，不会随平台规则更新失效
• 增加结账前过渡页
  如果以上两种方案都不符合你的业务场景，可以在用户点击结账按钮后先跳转至你站点内的过渡页面，页面上保留返回自定义购物车的入口，同时放置「继续前往结账」按钮引导用户后续操作。

内容的提问来源于stack exchange，提问作者Hovhannes Khalatyan