如何使用 Shopify 按国家_地区定制内容

如何使用 Shopify 按国家/地区定制内容

您客户的在线商店或应用是否已准备好在这个假日季利用跨境购物？在本高级教程中，我们将介绍如何向目标国家或地区提供内容和产品，以便您和您的客户能够最大限度地扩大品牌影响力，并改善客户和用户体验。

良好的国际购物体验可能不会立即表明您是从另一个国家/地区购买的。在这种体验中，产品说明等内容会被翻译成您理解的语言，价格会以熟悉的货币和节奏显示，即使您从世界另一端购买商品，结账时也会提供您首选的付款方式。但最重要的是，它让您在购买时感到自信和舒适。

这个过程称为本地化，是您最大的增长机会之一。无论您是 Shopify 合作伙伴、开发者还是商家。随着越来越多的消费者进行跨境购物，全球电子商务不再只是一种选择，这一点变得越来越明显；它是一种必需品，您的客户的成功取决于它。

例如，新冠疫情推动了多个此前落后的市场在线购物的快速增长。预计今年印度、巴西、俄罗斯和阿根廷的零售电子商务销售额 都将至少增长 26% 。

您的客户的在线商店或应用程序是否能够利用这一趋势，向西班牙语客户销售产品？以卢布显示价格或向印度客户显示关税和税费怎么样？

如今，Shopify 在线商店所有流量的 27% 以上来自国际买家——然而跨境流量的转化率仍然远低于国内流量，这在很大程度上是由于客户体验不佳。

Shopify 的国际销售工具（ 我们的全球商务解决方案）旨在通过根据市场定制的购买体验来解决此问题，同时还使您和您的客户能够接触新的市场和客户，并通过自动优化跨市场业务的设置更快地扩展。

现在，您可以根据客户的购物地点为他们提供独家内容或产品，从而进一步改善客户的客户体验，例如：

• 向不同国家/地区显示不同的主页横幅
• 隐藏不配送至特定国家/地区的产品收藏页上的产品
• 根据国家/地区更改产品页面上的内容

在本教程中，我们将介绍如何向目标国家或地区提供内容和产品，以便您和您的客户能够最大限度地扩大品牌影响力并改善客户和用户的整体体验。让我们开始吧。

按国家或地区自定义内容的先决条件

注意：这是一个高级教程，需要了解Shopify Liquid。

首先，您需要登录到您想要处理的商店，并拥有访问在线商店主题编辑以及产品的权限，我们将在此进行工作。这可能是您自己的商店，也可以是您客户商店的合作者帐户。

如果您没有登录名，请直接向您的管理员或客户申请。本教程将使用 Shopify 的 Dawn 主题作为示例，但下面概述的方法与主题无关，可以应用于您选择的主题。

如果您想完全按照本教程进行操作，请安装 Dawn 主题。

其次，国家/地区在 Shopify 平台上被视为一种环境。要根据客户的国家/地区更改内容，您需要将其放入正确的环境中。为此，您至少应该使用国家/地区选择器。国家/地区选择器允许您的客户选择他们的环境（例如加拿大、美国、澳大利亚）。

Dawn 内置了国家/地区选择功能。如果您使用的是其他主题，也可以使用本指南或使用Shopify 的地理定位应用程序添加自己的国家/地区选择器。如果您使用的是旧货币选择器，则应将其更新为使用国家/地区上下文。

最后，您应该熟悉localization和countryLiquid 对象才能利用本教程。

如何在 Shopify 中按国家/地区定制内容

使用localization和country对象，您可以包装内容，根据客户的上下文有条件地显示、隐藏或更改内容。例如：

注意：您应该使用国家 ISO 代码，而不是localization.country.name。当您提供多种语言时，国家名称将被翻译，并导致条件内容仅以一种语言工作。

这种方法有多种用途，我们将使用 Shopify 的Dawn主题来展示。

根据国家/地区更改产品内容

假设您有一位客户，他希望将客户直接引导到特定国家或地区的商家网站，而不是向他们显示“添加到购物车”或“缺货”。

导航到主题部分中的 Dawn，单击操作，然后单击编辑代码，然后找到该main-product.liquid部分。在这里，您可以在第 300 行进行以下更改：

您还需要进行一些小的额外更改，以确保动态结帐按钮在这些情况下也被隐藏，在第 310 行：

在左侧，英国的客户被引导至外部零售商的网站，而在右侧，加拿大的客户可以将商品添加到购物车并直接在网站上购买。

在此示例中，您的客户在英国与其有独家零售商协议的所有产品均带有唯一标签do_not_sell_to_UK，这意味着他们不会在自己的网站上销售这些产品，并且他们会将客户引导至该零售商，而不是选择“添加到购物车”选项。

提示：如果您的客户仅向某些国家/地区销售某些产品，则除了将其在线商店内容情境化之外，还可以使用运输配置文件来限制结账时的运输。

根据国家/地区更改收藏内容

同样，您也可以隐藏这些产品，使其不显示在产品系列页面上。同样，蓝色丝绸燕尾服已标记为do_not_sell_to_UK，我们希望当有人从英国浏览时，通过编辑以下
main-collection-product-grid部分将其从产品系列页面中隐藏：

由于蓝色丝绸燕尾服不符合在英国直接销售的资格，因此当客户的环境设置为英国时，它将在收藏页面上隐藏。

而在这个例子中，加拿大的客户可以在系列页面上看到蓝色丝绸燕尾服。

根据国家/地区更改主题部分

您还可以利用localization和country对象根据国家/地区更改主题内容，例如主页上的横幅。使用与上述相同的加拿大客户示例，也许他们希望有一个临时的主页横幅，祝美国客户感恩节快乐。您可以采取几种不同的方法来实现这一点。

首先，在 Dawn 主题的文件里面，你可以在主题模式image-banner.liquid的顶部进行添加：

为简洁起见，此示例生成了一个基本的文本字段，商家在向其主页添加图像横幅部分时可以输入两个字母的 ISO 代码。

对文件中的架构进行更改image-banner.liquid会导致在主题编辑器的部分中添加一个简单的文本框。但是，也可以构建一个国家/地区下拉列表或类似内容，供商家选择。

接下来，您可以添加一个控制流语句来包装文件中的所有内容image-banner.liquid。此语句将根据上面文本字段中输入的国家/地区显示或隐藏该部分。

下面是整个image-banner.liquid文件，其中添加的控制流语句在第 5 行和第 6 行打开，在第 114 行和第 115 行关闭：

现在，您可以在主题定制器中添加多个横幅，并通过输入您在“设置”中启用的任何国家或地区的ISO 代码，在这些国家之间切换将显示不同的主页横幅：

左侧是我们默认的加拿大主页横幅。右侧是当客户环境设置为美国时主页横幅会切换。

恭喜！您现在已经将商店内容情境化了

本教程演示了三个常见示例，说明如何使用简单的控制流标记以及国家/地区和本地化 liquid 对象根据国家/地区自定义产品、系列和内容。这些只是根据用户或客户客户的国家/地区调整网站内容的几个示例，但您可以将这种方法应用于许多其他用例。