DOCS

Shopify

/

Hello для Shopify

Узнайте о интеграции Hello для Shopify.

Ищете способ предоставить вашим международным клиентам такой же опыт покупок, как и вашим местным клиентам? Позвольте нам представить вам Zonos Hello!

Когда международный покупатель заходит на ваш сайт, Hello сразу же приветствует его и общается с ним на его родном языке, сообщая, что вы продаете по всему миру. Интегрировать наше расширение быстро и легко, и вы сможете начать предоставлять лучший опыт для ваших международных покупателей.

Особенности 

  • Приветствуйте международного клиента в вашем магазине.
  • Включите конвертацию валют на вашем сайте.
  • Отображайте оценки пошлин и налогов.
  • Локализуйте сообщения внутри Hello.
  • Персонализируйте опыт покупок.
  • Устраните беспокойство клиентов по поводу скрытых международных сборов.
  • Zonos Hello поддерживает многоконтурные интернет-магазины.
1

Начало работы

  1. Зарегистрируйтесь для Hello - После создания учетной записи вы получите доступ к Панели управления Zonos.
  2. Установка - Следуйте инструкциям ниже, чтобы установить Hello для вашей платформы Shopify.

Примечание: Учетные данные 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 вставьте ваш индивидуальный скрипт Zonos перед закрывающим тегом body.
  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 идентификатор, совместимый с кодом страны, который также служит в качестве CSS класса для этой страны, в функцию z-intl { display: none; }.

Строка должна выглядеть примерно так:

Hello настройка CSS

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

Была ли эта страница полезной?


На этой странице: