自定义客户账户页面

您可以通过自定义商店的客户账户页面来提供更加个性化的客户体验。大多数自定义操作都在结账和账户编辑器中进行,并且会应用于您的客户账户和登录页面。

您可以通过以下方式自定义客户账户:

  • 将您商店的品牌营销和样式应用于客户账户和登录页面。
  • 自定义客户登录后重定向到的位置。
  • 自定义客户账户菜单,让客户能够更轻松地访问商店和账户的相关部分。
  • 创建子域名,以便客户账户使用商店的主域名。
  • 使用应用将区块和页面添加到客户账户中,从而为客户账户添加更多功能。
  • 针对特定市场和区域定制客户账户页面。

自定义客户账户的品牌营销和样式

您可以在结账和账户编辑器中编辑共享品牌营销设置,以此来自定义客户账户页面的品牌营销。您对共享品牌营销设置所做的更改也会自动应用于客户账户页面和登录页面。例如,如果您将 logo 上传到共享品牌营销设置,则该 logo 将显示在您的结账页面、客户账户页面和登录页面上。

您可以直接在客户账户页面和登录页面上覆盖从共享品牌营销继承的某些设置,以便更好地控制客户账户页面的样式:

如果您将 logo 上传到主要的共享品牌营销设置中,那么该 logo 也会显示在客户账户和登录页面上。您可以直接在客户账户和登录页面上覆盖继承的 logo 图片及尺寸。

步骤:

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

  2. 配置部分中,点击要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,从页面选择器菜单中选择要更改 logo 的任何客户账户页面。

  4. 点击 分区,然后点击标头

  5. Logo 部分中,点击图片字段,然后选择新的 logo。

  6. 可选:使用宽度滑块调整 logo 的尺寸。

  7. 点击保存

自定义客户账户页面上的颜色

如果您将背景色和强调色添加到主要的共享品牌营销设置中,那么这些颜色也会用于客户账户和登录页面。您可以直接在客户账户和登录页面上覆盖继承的颜色设置。可以独立覆盖每个页面的颜色。

步骤:

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

  2. 配置部分中,点击要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,从页面选择器菜单中选择要更改其颜色设置的任何客户账户页面。

  4. 自定义页面标头的背景色:

    1. 点击 分区,然后点击标头
    2. 颜色部分中,点击背景设置,然后为标头选择新的背景色。
  5. 自定义页面正文的背景色或强调色:

    1. 点击 分区,然后点击主要
    2. 点击背景设置,为页面正文主体选择新的背景色。
    3. 点击强调色设置,为页面正文主体选择新的强调色。
  6. 点击保存

自定义登录页面样式

登录页面是一个单独的登陆页面,供客户在您的在线商店中登录其账户。您可以独立于为结账和客户账户页面选择的设置,通过自定义 logo 和颜色,使此页面更具您的品牌营销特色。您也可以上传一张图片,作为台式电脑设备上的主图。

步骤:

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

  2. 配置部分中,点击要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,从页面选择器菜单中选择登录页面。

  4. 点击 分区,然后点击主体

  5. 您可以调整登录页面的以下任何样式元素:

    • Logo 部分中,在图片字段中上传新的 logo。您还可以手动调整 logo 宽度。
    • 颜色部分中,使用背景强调色字段来自定义登录页面的颜色。
    • 媒体部分中,使用图片字段为登录页面上传主图。此图片仅在台式电脑设备上显示。
  6. 点击保存

为没有订单的客户自定义订单页面

客户在您的商店中从未下过订单,也可以创建账户。对于没有订单的已登录客户,由于没有要显示的现有订单历史记录,订单页面会显示一个指向您商店主页的立即购物按钮。

为了激发客户兴趣并促使他们浏览您的产品,除了默认的立即购物按钮外,您还可以从商店中选择一个产品系列,将其显示在客户账户的订单页面上。

步骤:

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

  2. 配置部分中,点击要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,从页面选择器菜单中选择订单页面。

  4. 点击 分区,然后点击主要

  5. 无订单部分中,配置空白状态:

    1. 可选:点击预览,在预览窗口中显示空白的订单页面。
    2. 产品系列菜单中,点击选择产品系列
    3. 选择现有的产品系列,或者点击创建产品系列以创建用于空白状态的新产品系列。
  6. 点击保存

自定义客户账户登录重定向

您可以配置客户在您的商店中登录账户后重定向到的位置。例如,您可能希望将客户重定向回他们登录时所在的页面,或者重定向到特定的产品系列。

按照此指南自定义客户账户登录重定向

自定义客户账户菜单

对于已登录的客户,客户账户主菜单显示在客户账户的主要部分中。菜单会根据客户使用的设备显示在不同的位置:

  • 台式电脑:菜单显示在页面左侧,垂直排列。这非常适合呈现包含大量菜单链接的菜单(包括多达 3 个层级的嵌套导航选项),使台式电脑用户更轻松地快速浏览。
  • 移动设备:菜单水平排列在页面顶部。这使客户可以更轻松地在客户账户中的页面之间进行切换。当菜单有 5 个或更多项时,将改为显示 菜单图标 图标。

当您使用最新版本的客户账户时,商店中会自动创建客户账户菜单,并且默认包含指向商店主页的链接以及指向客户订单的链接。您可以将默认的 customer-account-main-menu 客户账户菜单替换为现有菜单,也可以编辑默认菜单

编辑默认客户账户菜单

您可以在 Shopify 后台的内容 > 菜单部分,或者在结账和账户编辑器中编辑您的客户账户菜单。

请考虑将以下任何链接添加到您的客户账户主菜单,以便客户轻松访问其账户相关信息:

  • 个人资料:客户的个人资料页面,客户可在其中管理个人信息,例如姓名和地址。
  • 应用:与客户账户关联的应用页面,例如忠诚度奖励和订阅应用。
  • 在线商店上的其他模板
  • 外部链接。

客户账户菜单不支持 URL 重定向。

步骤:

在 Shopify 后台中
  1. 在 Shopify 后台中,转到内容 > 菜单
  2. 菜单列表中,点击客户账户主菜单(Customer account main menu)。
  3. 对客户账户菜单进行更改。参阅编辑菜单和链接,详细了解。
  4. 点击保存
在结账和账户编辑器中
  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,从页面选择器菜单中选择订单

  4. 在分区侧边栏中,点击主体

  5. 主体侧边栏中,点击导航菜单,然后点击编辑

  6. 编辑对话框中,修改您的客户账户菜单。详细了解有关编辑菜单和链接的信息。

  7. 点击保存,然后点击 X,关闭菜单编辑器并预览更新后的菜单。

为客户账户页面创建子域名

客户账户页面使用商店的主域名作为基础域名。例如,如果您的主域名是 your-store.com,则系统会将您的客户账户子域名创建为 account.your-store.com。如果更改主域名,客户账户域名也会相应地更新。要查看或更改主域名,请转至 Shopify 后台中的设置 > 域名

您可以为客户账户创建一个子域名,该子域名使用您在线商店的主域名,并将客户定向到其账户页面。您创建的域名是您用于商店的主域名的子域名。该子域名将成为所有客户账户页面的主域名,从而在从登录到账户管理的整个过程中提供一致的品牌体验。例如,如果您的子域名为 account.your-store.com,则客户将在 account.your-store.com/authentication/login 访问登录页面。

详细了解客户账户页面的子域名

使用应用自定义客户账户

使用应用自定义客户账户,可让您在商店中为客户提供更完善的体验。您可以使用应用添加实用的自助服务功能(例如退货、订阅、增销、评论和心愿单),并保持品牌营销一致,简化登录流程。您可以使用区块向现有客户账户页面添加功能,或者向客户账户添加新页面。例如,若您使用支持应用页面的心愿单应用,则可以向客户账户添加心愿单页面,方便客户在其中管理自己的心愿单。

您可以使用结账和账户编辑器进行以下自定义:

请前往 Shopify App Store 查看客户账户应用的完整列表。详细了解使用应用自定义结账和客户账户

使用区块向客户账户添加页面

某些应用提供的区块可让您向客户账户标头添加新页面。例如,心愿单应用可能会提供一个区块,让您向客户账户添加新的心愿单页面。

您可以从结账和账户编辑器中的应用侧边栏创建应用页面。某些应用页面支持直接链接,这让您可以通过结账和账户编辑器或 Shopify 后台中的菜单页面将该页面链接到客户账户菜单。

添加新页面后,您可以从应用侧边栏的已添加标签中访问该页面,也可以从结账和账户编辑器中的页面选择器菜单中访问。

步骤:

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

  2. 配置部分中,点击您要自定义的结账配置旁边的自定义

  3. 应用 应用 部分中,找到您要为其创建页面的应用。

  4. 点击 + 图标,然后在将页面添加至部分中,点击账户

  5. 区块设置中,为您的应用配置设置。

  6. 点击保存

  7. 可选:要在客户账户菜单中向客户显示应用页面,请点击添加到菜单。在客户账户主菜单对话框中,执行以下操作:

    1. 查看从结账和账户编辑器自动填充的标签链接。如果要重命名链接,请更新标签字段**。
    2. 可选:添加您要添加到客户账户主菜单的任何其他菜单项。
    3. 点击保存

针对特定市场自定义您的客户账户页面

您可以使用结账和账户编辑器,针对特定市场和区域自定义客户账户页面。这让您可以针对特定区域量身定制客户账户页面,例如为国内市场的客户添加额外的账户功能,或向国际区域的客户账户显示有关发货延迟的自定义消息。

除品牌、设置和区块的特定市场覆盖外,客户账户页面还支持针对以下自定义类型进行特定市场覆盖:

  • 添加或移除整页扩展,例如由第三方应用提供的订阅管理页面。
  • 更改客户账户菜单,例如更改应用于客户账户页面标头部分的默认 customer-account-main-menu
  • 添加或移除订单操作,例如请求退货的按钮。

详细了解针对特定市场调整结账和账户页面