自定义 Shopify 登录重定向：新账户指南
自定义 Shopify 登录重定向：新账户指南
自定义 Shopify 登录重定向：新账户指南
掌控 Shopify 登录流程：如何在使用 New Customer Accounts 登录后重定向客户
你已经启用了 Shopify 的 New Customer Accounts —— 这是一个实现更流畅、免密登录体验的主动举措。不过，你可能已经注意到了一个默认行为：客户在登录后会立即被发送到其订单状态页面。虽然这具有功能性，但并不总是最理想的旅程。如果他们想在上次中断的地方继续浏览，或者你想在首页迎接他们，该怎么办？
幸运的是，定制这种登录后的重定向非常简单。本指南提供了逐步操作的说明，以精确控制在使用 Shopify 的 New Customer Accounts 登录后让客户落在哪里，从而提升客户体验并与你的商店流程保持一致。无论是他们最后访问的页面、你的网站首页，还是一个独特的欢迎页面，全由你掌控。
为什么要自定义登录后的重定向？
无缝的用户体验 (UX)：重定向到最后访问的页面可减少阻力，使客户能够从中断的地方直接继续。
一致的品牌推广：将用户引导至首页可强化你的品牌，并展示当前的促销活动或精心策划的系列。
针对性的互动：将用户引导至特定页面（如 "New Arrivals" 或 "My Account" 仪表板）可以有效引导他们进行下一步。
减少困惑：防止当客户只是打算继续购物时，却莫名降落在订单页面的不良体验。
在开始之前：务必备份你的模版！
安全第一！在深入进行代码编辑之前，请为你的在线主题创建一份备份。这可确保在发生意外时能够轻松恢复。
在 Shopify 后台，转到 Online Store > Themes。
找到你当前的主题，点击 Actions 下拉菜单（或
...按钮）。选择 Duplicate。
为复制的主题重命名以示清晰（例如 "Theme Backup - Pre Login Redirect Mod"）。
第 1步：定位正确的 Shopify 主题文件
登录链接代码通常位于与页眉相关的模块中。确切的文件取决于你的主题：
大多数主题（包括 Shopify 的免费主题，如 Dawn）：
桌面端页眉：
sections/header.liquid移动端页眉/抽屉：通常也在
sections/header.liquid中，或者有时在snippets/header-drawer.liquid或snippets/mobile-nav.liquid中。
第三方主题：寻找类似的文件。常见的文件名称包括：
sections/header.liquidsnippets/navigation.liquidsnippets/account-links.liquid
提示：打开主题代码编辑器 (Actions > Edit code) 并使用编辑器内的搜索栏搜索 routes.account_login_url 或网站账户图标/链接代码的部分，以精确定位其位置。请务必检查桌面端和移动端的视图。
第 2 步：修改登录重定向 URL
找到包含登录链接的文件后，定位以下 Liquid 代码段：
{{ routes.account_login_url }}
现在，根据你期望的重定向行为进行替换：
方案 A：将客户重定向到最后访问的页面
这通常是对用户最友好的选择。将原始代码替换为：
{{ routes.storefront_login_url }}
此变量会自动捕获客户点击“登录”时所在的页面。
方案 B：将客户重定向到你商店的首页
要始终将已登录的客户发送到你的首页，请将原始代码替换为：
https://{{ shop.permanent_domain }}/customer_authentication/login?return_to=%2F
其中 %2F 是 / 的 URL 编码版本，代表根目录（首页）。
方案 C：将客户重定向到特定页面（例如 "New Arrivals"）
要将客户引导至自定义页面，比如特定的商品系列或专用的账户仪表板页面，请将原始代码替换为：
https://{{ shop.permanent_domain }}/customer_authentication/login?return_to={{ "/collections/new-arrivals" | url_encode }}
重要提示：将 /collections/new-arrivals 修改为你期望降落的页面相对 URL（例如 /pages/welcome 或 /collections/all）。使用 | url_encode 过滤器可以确保 URL 格式正确。
第 3 步：保存、测试并发布
在主题文件编辑器中保存更改。
预览你的主题。登出你的客户账户（如果已登录），然后测试登录流程。尝试从不同的页面（首页、产品页面、商品系列页面）登录，以确保重定向按你选择的方式正常运行。检查桌面端和移动端的视图。
确信一切运行正常后，回到 Online Store > Themes，找到你编辑的主题（可能仍是你进行修改的那个副本），然后点击 Publish。
进一步掌控：提升购买后的旅程
定制登录后重定向是在客户可能下单或查询订单之前优化其旅程的绝佳方式。但是，在订单提交之后呢？
无缝的体验不应止于登录。客户在购买后往往需要灵活性——也许他们选错了尺码，需要更新收货地址，或者想再添加一件商品。这正是 Revize 与 Shopify 的 New Customer Accounts 框架完美融合的地方。
在优化登录流程的同时，可以考虑通过 Revize 赋予你的客户更多自主操作权限。我们的应用程序允许客户直接在订单状态页面（即他们通过 New Customer Accounts 登录进入的相同区域）轻松修改自己的订单，从而减少服务工单并提高客户满意度。
通过将流畅、客制化的登录重定向与购买后的灵活性（例如通过 Revize 修改订单）结合，你能够打造出真正以客户为中心的体验，从而建立忠诚度。
总结
调整 Shopify 的 New Customer Accounts 中的登录后重定向是一个简单但功能强大的定制手段。通过选择客户登录后降落的地方，你可以提供更加直观和个性化的购物体验。无论是重定向到最后浏览的页面、首页还是专用的落地页，这些贴心的细节设计都将显著提升客户满意度，并对用户参与度产生积极影响。
祝定制和销售顺利！
掌控 Shopify 登录流程：如何在使用 New Customer Accounts 登录后重定向客户
你已经启用了 Shopify 的 New Customer Accounts —— 这是一个实现更流畅、免密登录体验的主动举措。不过，你可能已经注意到了一个默认行为：客户在登录后会立即被发送到其订单状态页面。虽然这具有功能性，但并不总是最理想的旅程。如果他们想在上次中断的地方继续浏览，或者你想在首页迎接他们，该怎么办？
幸运的是，定制这种登录后的重定向非常简单。本指南提供了逐步操作的说明，以精确控制在使用 Shopify 的 New Customer Accounts 登录后让客户落在哪里，从而提升客户体验并与你的商店流程保持一致。无论是他们最后访问的页面、你的网站首页，还是一个独特的欢迎页面，全由你掌控。
为什么要自定义登录后的重定向？
无缝的用户体验 (UX)：重定向到最后访问的页面可减少阻力，使客户能够从中断的地方直接继续。
一致的品牌推广：将用户引导至首页可强化你的品牌，并展示当前的促销活动或精心策划的系列。
针对性的互动：将用户引导至特定页面（如 "New Arrivals" 或 "My Account" 仪表板）可以有效引导他们进行下一步。
减少困惑：防止当客户只是打算继续购物时，却莫名降落在订单页面的不良体验。
在开始之前：务必备份你的模版！
安全第一！在深入进行代码编辑之前，请为你的在线主题创建一份备份。这可确保在发生意外时能够轻松恢复。
在 Shopify 后台，转到 Online Store > Themes。
找到你当前的主题，点击 Actions 下拉菜单（或
...按钮）。选择 Duplicate。
为复制的主题重命名以示清晰（例如 "Theme Backup - Pre Login Redirect Mod"）。
第 1步：定位正确的 Shopify 主题文件
登录链接代码通常位于与页眉相关的模块中。确切的文件取决于你的主题：
大多数主题（包括 Shopify 的免费主题，如 Dawn）：
桌面端页眉：
sections/header.liquid移动端页眉/抽屉：通常也在
sections/header.liquid中，或者有时在snippets/header-drawer.liquid或snippets/mobile-nav.liquid中。
第三方主题：寻找类似的文件。常见的文件名称包括：
sections/header.liquidsnippets/navigation.liquidsnippets/account-links.liquid
提示：打开主题代码编辑器 (Actions > Edit code) 并使用编辑器内的搜索栏搜索 routes.account_login_url 或网站账户图标/链接代码的部分，以精确定位其位置。请务必检查桌面端和移动端的视图。
第 2 步：修改登录重定向 URL
找到包含登录链接的文件后，定位以下 Liquid 代码段：
{{ routes.account_login_url }}
现在，根据你期望的重定向行为进行替换：
方案 A：将客户重定向到最后访问的页面
这通常是对用户最友好的选择。将原始代码替换为：
{{ routes.storefront_login_url }}
此变量会自动捕获客户点击“登录”时所在的页面。
方案 B：将客户重定向到你商店的首页
要始终将已登录的客户发送到你的首页，请将原始代码替换为：
https://{{ shop.permanent_domain }}/customer_authentication/login?return_to=%2F
其中 %2F 是 / 的 URL 编码版本，代表根目录（首页）。
方案 C：将客户重定向到特定页面（例如 "New Arrivals"）
要将客户引导至自定义页面，比如特定的商品系列或专用的账户仪表板页面，请将原始代码替换为：
https://{{ shop.permanent_domain }}/customer_authentication/login?return_to={{ "/collections/new-arrivals" | url_encode }}
重要提示：将 /collections/new-arrivals 修改为你期望降落的页面相对 URL（例如 /pages/welcome 或 /collections/all）。使用 | url_encode 过滤器可以确保 URL 格式正确。
第 3 步：保存、测试并发布
在主题文件编辑器中保存更改。
预览你的主题。登出你的客户账户（如果已登录），然后测试登录流程。尝试从不同的页面（首页、产品页面、商品系列页面）登录，以确保重定向按你选择的方式正常运行。检查桌面端和移动端的视图。
确信一切运行正常后，回到 Online Store > Themes，找到你编辑的主题（可能仍是你进行修改的那个副本），然后点击 Publish。
进一步掌控：提升购买后的旅程
定制登录后重定向是在客户可能下单或查询订单之前优化其旅程的绝佳方式。但是，在订单提交之后呢？
无缝的体验不应止于登录。客户在购买后往往需要灵活性——也许他们选错了尺码，需要更新收货地址，或者想再添加一件商品。这正是 Revize 与 Shopify 的 New Customer Accounts 框架完美融合的地方。
在优化登录流程的同时，可以考虑通过 Revize 赋予你的客户更多自主操作权限。我们的应用程序允许客户直接在订单状态页面（即他们通过 New Customer Accounts 登录进入的相同区域）轻松修改自己的订单，从而减少服务工单并提高客户满意度。
通过将流畅、客制化的登录重定向与购买后的灵活性（例如通过 Revize 修改订单）结合，你能够打造出真正以客户为中心的体验，从而建立忠诚度。
总结
调整 Shopify 的 New Customer Accounts 中的登录后重定向是一个简单但功能强大的定制手段。通过选择客户登录后降落的地方，你可以提供更加直观和个性化的购物体验。无论是重定向到最后浏览的页面、首页还是专用的落地页，这些贴心的细节设计都将显著提升客户满意度，并对用户参与度产生积极影响。
祝定制和销售顺利！
