从旧版客户账户升级到客户账户

升级到最新版本的客户账户即可使用以下功能,并在 Shopify 上为您的客户提供最佳的账户体验。

无缝登录

  • 一次登录,通行所有功能:客户只需登录一次,即可访问所有客户账户功能和应用自定义。
  • 无密码身份验证:客户可以使用电子邮件地址和一次性验证码登录,无需重置密码。
  • 社交账号登录:为客户提供使用 Facebook 或 Google 登录的选项。

内置功能

  • 退货:客户可以直接从账户发起退货。
  • 商店抵扣额:客户可以在账户中查看商店抵扣额余额,并在结账时使用。
  • 订阅:客户可以直接在账户中恢复、跳过或取消订阅,以及更新付款方式。
  • 更多自助功能:客户账户支持订单跟踪、重新订购和资料管理。
  • 用于分析的像素:使用 Shopify 网页像素代码跟踪客户事件并深入了解客户的购后行为,从而优化账户体验。
  • 独立于模板进行管理:客户账户与模板分开管理,因此模板更新不会影响账户体验。您将能够持续获得新的客户账户功能,而无需更改模板。

现代化的移动端优先设计

全新布局提供直观的导航、品牌专属登录、为首次购物者精选的产品推荐,以及更加醒目的订单管理和应用功能,所有这些均针对移动端优先体验进行了全面优化。

自定义选项

  • 丰富多样的客户账户应用:使用应用区块自定义您的客户账户体验。例如,您可以向客户账户添加忠诚度、订阅和心愿单功能,且无需编写代码。应用区块会使用您在结账和账户编辑器中设置的颜色、字体和样式,从而确保您添加的每项功能都与您的品牌保持一致。
  • 连接您自己的身份认证服务商:使用您自己的身份认证服务商替换默认的登录体验,实现完全自定义的身份验证流程。
  • Customer Account API:使用 Customer Account API 构建定制的客户账户体验,该 API 专为与 Hydrogen 和 Storefront API 配合使用而设计。

如果您仍在使用旧版客户账户,请按照本指南准备升级,以防止客户体验中断。

限制

从旧版客户账户升级到客户账户之前,请查看以下限制:

  • 自定义登录或注册体验:升级后,Shopify 会自动将所有旧版客户账户 URL(例如 /account/login)重定向到新客户账户。这包含模板中的任何硬编码链接。但是,如果您构建了自定义登录或注册体验(例如在模态窗口中或在与旧版账户模板分离的不同页面上),则可能需要在升级前编辑模板以移除这些自定义内容。
  • 工作流触发器和自动化:客户账户不支持基于旧版客户账户的工作流触发器或自动化。如果您配置了使用旧版客户账户的现有工作流或自动化,则无法将其迁移到客户账户。
  • 客户细分:包含 customer_account_status 筛选器的客户细分在升级后将无法按预期工作,因为 customer_account_status 专用于旧版客户账户。新版客户账户没有可用的筛选器。
  • 每个市场的自定义域名:您无法为客户账户页面设置每个市场的自定义域名。这意味着,即使您的商店设置了多个国际域名,您也只能在所有市场中使用一个域名用于客户账户。
  • Multipass:客户账户不支持 Multipass。如果您需要使用自己的身份认证服务商,可以将其连接到客户账户
  • 登录页面自定义:您无法将自定义区块添加到登录页面。您可以在结账和账户编辑器中自定义登录页面的 logo、颜色、字体和品牌图片。

步骤 1:查看旧版自定义内容并决定保留哪些内容

查看您对旧版客户账户所做的任何自定义,例如订阅管理或忠诚计划的链接,并记下哪些自定义对您很重要。在升级之前,您应该重新创建每一项自定义,以确保顺利过渡。自定义可能包括在模板编辑器中对客户账户模板所做的更改,或对 .liquid 代码的更改。

您可能会发现一些对您不再重要的旧自定义。您可以放心地忽略这些内容,因为它们不会在升级过程中转移。

在模板编辑器中查看自定义:

  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 在当前模板旁,点击自定义

  3. 点击主页下拉菜单。

  4. 点击旧版客户账户

  5. 查看每个旧版客户账户模板以查找任何自定义:

    • 客户账户
    • 客户激活账户
    • 客户地址
    • 客户登录
    • 客户订单
    • 客户注册
    • 客户重置密码

查看 .liquid 代码中的自定义:

  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 在当前模板旁,点击 > 编辑代码

  3. 在左侧边栏中,点击 模板 > 客户。这些是旧版客户账户的模板。如果您对其进行了更改,则您的文件结构可能会有所不同。

  4. 查看每个客户模板中的代码,找到所有自定义内容。

步骤 2:复制现有配置

复制现有配置,以便您可以在此处处理新的自定义内容、保存正在进行的更改,并在准备好向客户展示之前进行预览。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击要复制的配置旁边的复制。这将创建配置的副本。

  3. 可选:重命名配置,以便稍后查找。

步骤 3:使用客户账户应用替换旧版自定义内容

寻找应用来替换您在步骤 1 中识别出的每个旧版自定义内容。有一些客户账户应用提供诸如忠诚计划、增销和交叉销售、订单编辑、心愿单、评论、退货、订阅、表单和调查、数字下载等功能。

浏览适用于客户账户的所有应用:

从已安装的应用添加应用区块

如果您使用了应用来自定义旧版客户账户,则应用开发者可能已更新该应用以适用于客户账户。您可以在结账和账户编辑器中从这些应用添加应用区块。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 您创建的配置副本旁边,点击自定义以打开结账和账户编辑器。

  3. 在左侧边栏中,点击应用。您将看到所有适用于结账或客户账户的已安装应用。

  4. 全部标签下,找到您用于自定义旧版客户账户的应用。您可以搜索特定的应用名称以缩小列表范围。

  5. 点击该应用下方应用区块旁边的 +。如果有选项可将应用区块添加到订单订单状态个人资料账户,则意味着该应用适用于客户账户。

  6. 添加您想要的应用区块并配置应用区块设置。详细了解如何在结账和账户编辑器中使用应用

  7. 可选:点击 台式电脑 按钮(台式电脑)、移动设备 按钮(移动设备)或 全屏 按钮(全屏),在不同屏幕尺寸下预览页面上的更改,以查看页面向客户显示的效果。

  8. 点击保存

查找新应用

对于某些自定义内容,您可能需要查找并安装新应用,以重新创建旧版客户账户中具有的相同功能。

步骤:

  1. 前往 Shopify App Store
  2. 搜索您需要的功能。
  3. 点击筛选
  4. 适用于下,选择客户账户。这会将搜索范围限制为适用于客户账户的应用。
  5. 安装应用后,请按照步骤从已安装的应用添加应用区块

如果您的旧版客户账户中有外部链接(例如,指向单独订阅或退货门户的链接),请检查是否有任何 Shopify 功能或应用可用于提供该功能以作为替代。

使用 Shopify 功能和应用的好处是,客户只需登录一次即可访问所有这些功能,而链接到外部门户通常需要额外的验证步骤。

如果您仍需添加外部链接,可以将链接添加到客户账户主菜单,或者使用应用在页面正文中添加链接。Shopify 结账区块允许您将包括链接在内的内容区块添加到客户账户中的订单状态页面。还有几个公共应用允许您将链接添加到客户账户的其他页面。请按照查找新应用的步骤操作,找到适合您的应用。

步骤 4:确保您的品牌设置是最新的

结账和客户账户共享相同的品牌设置。确保您的品牌和 logo 在所有页面上都按预期显示。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 您创建的配置副本旁边,点击自定义以打开结账和账户编辑器。

  3. 在左侧边栏中,点击设置并查看您当前的品牌设置。

  4. 在编辑器的顶栏中,点击结账以打开页面选择器菜单。

  5. 导航到不同的结账和客户账户页面,以确保您的品牌和 logo 在整个体验中按预期显示。

  6. 根据需要调整设置。

  7. 点击保存

步骤 5:为客户账户连接子域名

默认情况下,您的客户账户页面(如登录页面、订单页面和个人资料页面)使用 shopify.com URL 格式作为基础域名,类似于 shopify.com/1234567890/account,其中包含商店的专属 ID 编号。您可以选择改为基于在线商店主域名来为客户账户连接子域名,以使客户账户与您的品牌保持一致。例如:account.your-store.com

当客户访问其账户(包括订单状态页面)时,此子域名会向他们显示。

步骤 6:检查您的发件人邮箱是否为最新

查看您的发件人邮箱地址,并确保您有权访问该邮箱。客户使用发送到其电子邮件的验证码登录,而这些邮件是从您的发件人邮箱地址发送的。

步骤 7:发布您的配置

设置完应用和品牌设置后,发布您的配置。这将使您的更改在结账和客户账户中生效。

在完成第 9 步之前,您的在线商店和结账仍会链接到旧版客户账户。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 您创建的配置副本旁边,执行以下操作:

    1. 可选:点击自定义以预览您的更改。
    2. 点击发布

第 8 步:预览并测试您的新客户账户配置

您的新配置现已发布,但在您完成升级之前,您的在线商店和结账仍会链接到旧版客户账户。

若要在完成升级之前测试新的客户账户体验,请复制您的新客户账户 URL 并将其在新的浏览器标签页中打开。如果您设置了客户账户子域名,则 URL 格式类似于 account.{your-store-domain}.com。如果您未设置子域名,则默认格式为 https://shopify.com/{your-store-ID}/account

步骤:

  1. 在 Shopify 后台中,转至 设置 > 客户账户

  2. 客户账户部分中,复制 URL 字段中的网址。

  3. 在 Web 浏览器中,打开一个新标签页并将 URL 粘贴到地址字段中,然后按 Enter 键加载该页面。

  4. 登录您的测试客户账户,使用您已发布的结账和账户配置来预览新的客户账户体验。

第 9 步:升级

当您准备好让客户从在线商店和结账访问客户账户时,请进行升级。

步骤:

  1. 在 Shopify 后台中,转至 设置 > 客户账户

  2. 点击页面顶部横幅中的 升级

旧版客户账户资源