DOCS

Shopify

/

Hello for Shopify

了解 Hello 与 Shopify 的集成。

您是否希望为国际客户提供与国内客户相同的购物体验?让我们向您介绍 Zonos Hello!

当国际购物者访问您的网站时,Hello 会立即欢迎购物者,并用他们的本地语言与他们沟通,让他们知道您在全球范围内销售商品。集成我们的扩展非常快速和简单,您可以开始为国际购物者提供更好的体验。

特性 

  • 欢迎国际客户光临您的商店。
  • 在整个网站上启用货币转换。
  • 显示关税和税费的估算。
  • 本地化 Hello 内部的消息。
  • 个性化购物者体验。
  • 消除客户对隐藏国际费用的焦虑。
  • Zonos Hello 支持多国电子商务商店。
1

开始

  1. 注册 Hello - 创建账户后,您将获得访问 Zonos Dashboard 的权限。
  2. 安装 - 按照以下说明为您的 Shopify 平台安装 Hello。

注意: Zonos 凭证,包括您的 Hello 网站密钥,可以在 https://dashboard.zonos.com/settings/dashboard/integrate 找到。

2

安装

准备好安装 Hello 了吗?我们很高兴为您提供帮助!

3

注册

  1. 前往 这里 并点击 免费注册 开始。

  2. 完成注册过程后,请检查您的收件箱以获取激活您的 Zonos 账户的电子邮件。

  3. 验证您的电子邮件后,您将收到第二封电子邮件,其中包含您的自定义 Hello 脚本。

  4. 复制电子邮件中找到的自定义 Hello 脚本。

注意: 添加 运输评级 以确保 Hello 作为独立插件能够尽可能准确地工作。

4

添加自定义脚本

  1. 现在,登录到您的 Shopify 商店并转到 在线商店
  2. 在您当前的主题上,点击 操作 -> 编辑代码
  3. 在您的主题文件中,点击 theme.liquid
  4. theme.liquid 文件的底部,在关闭 body 标签之前放置您的自定义 Zonos 脚本。
  5. 接下来,点击 保存
  6. 现在您应该在网站的主页上看到 Hello。如果没有,请尝试强制刷新或 clear 缓存。
5

添加关税和税费报价

如果您使用 Shopify 作为平台,我们有一个脚本可以使用,它将从您的 Shopify 产品详情中提取产品数据。

以下代码包含一个将在产品页面和购物车页面上运行的函数。

Hello 集成脚本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script>
    function znDutyTaxEstimateOnDetailPage() {
        {% if product and product.price %}
          zonos.quote({
            items: [{ price: "{{ product.price | money_without_currency }}", name: "{{product.title | replace: '"', '\"'}}", url: "{{ shop.secure_url }}{{ product.url }}", image: "https:{{ product.featured_image | product_img_url: 'medium' }}"}],
            currencyCode: '{{ shop.currency }}'

          });

      {% endif %}

  }

  function znDutyTaxEstimateOnCartPage() {
  if (window.location.href.indexOf("cart") > -1) {
  zonos.quote({
  items: [
  {% for item in cart.items %}
  { price: "{{ item.price | money_without_currency }}", quantity: {{item.quantity}}, name: "{{ item.title | replace: '"', '\"'}}", url: "{{ shop.secure_url }}{{item.url}}", image: "https:{{item.image| product_img_url: 'medium'}}"},
  {% endfor %}
  ],currencyCode: '{{ shop.currency }}'});
  }
  }

  znDutyTaxEstimateOnDetailPage();
  znDutyTaxEstimateOnCartPage();
</script>
6

隐藏购物者的内容

使用 Hello 来隐藏国际购物者的内容。

z-intl 类基于当前的国内国家。如果 Hello 设置为国际国家,z-intl 类将作为隐藏类,隐藏与 z-intl 相关的内容。

使用以下 CSS 来隐藏内容。将 your-content 替换为您想要隐藏的浮动内容。
z-intl your-content { display: none; }

现在您可以从国内客户那里隐藏 Hello,以便为其他对话框腾出空间。

Hello 自定义 CSS

1
2
3
4
5
6
#zonos {
  display: none;
}
z-intl #zonos {
  display: block;
}
6

针对特定国家隐藏

将 #zonos id 与国家代码结合,作为该国家的 CSS 类,添加到 z-intl { display: none; } 函数中。

该行应如下所示:

Hello 自定义 CSS

1
2
3
z-intl #zonos.US {
  display: none;
}

这个页面有帮助吗?


有问题吗?

联系我们。
在本页上: