DOCS

Shopify

/

Hello dla Shopify

Poznaj integrację Hello dla Shopify.

Czy chcesz zapewnić swoim międzynarodowym klientom takie same doświadczenia zakupowe jak Twoim krajowym klientom? Pozwól, że przedstawimy Ci Zonos Hello!

Kiedy międzynarodowy kupujący odwiedza Twoją stronę, Hello natychmiast wita go i komunikuje się w jego lokalnym języku, informując, że sprzedajesz na całym świecie. Integracja naszej wtyczki jest szybka i łatwa, co pozwala na dostarczenie lepszego doświadczenia dla Twoich międzynarodowych kupujących.

Funkcje 

  • Powitaj międzynarodowego klienta w swoim sklepie.
  • Umożliwiaj konwersję walut na całej stronie.
  • Wyświetlaj szacunkowe opłaty celne i podatki.
  • Lokalizuj komunikaty wewnątrz Hello.
  • Personalizuj doświadczenie kupującego.
  • Eliminuj niepokój klientów związany z ukrytymi opłatami międzynarodowymi.
  • Zonos Hello wspiera sklepy e-commerce w wielu krajach.
1

Rozpocznij

  1. Zarejestruj się w Hello - Po utworzeniu konta uzyskasz dostęp do Dashboard Zonos.
  2. Instalacja - Postępuj zgodnie z poniższymi instrukcjami, aby zainstalować Hello na swojej platformie Shopify.

Uwaga: Dane logowania Zonos, w tym klucz witryny Hello, można znaleźć pod adresem https://dashboard.zonos.com/settings/dashboard/integrate.

2

Zainstaluj

Gotowy do zainstalowania Hello? Cieszymy się, że możemy Cię rozpocząć!

3

Zarejestruj się

  1. Przejdź tutaj i kliknij Zarejestruj się za darmo, aby rozpocząć.

  2. Po zakończeniu procesu rejestracji sprawdź swoją skrzynkę odbiorczą, aby znaleźć e-mail aktywacyjny dla swojego konta Zonos.

  3. Po zweryfikowaniu swojego e-maila otrzymasz drugi e-mail z własnym skryptem Hello.

  4. Skopiuj własny skrypt Hello znajdujący się w e-mailu.

Uwaga: Dodaj ocenę przesyłki, aby upewnić się, że Hello będzie działać jak najdokładniej jako samodzielny plugin.

4

Dodaj własny skrypt

  1. Zaloguj się teraz do swojego sklepu Shopify i przejdź do Sklep internetowy.
  2. W swoim aktualnym motywie kliknij Akcje -> Edytuj kod.
  3. W plikach motywu kliknij theme.liquid.
  4. Na końcu pliku theme.liquid umieść swój własny skrypt Zonos przed zamykającym tagiem body.
  5. Następnie kliknij Zapisz.
  6. Teraz powinieneś zobaczyć Hello na stronie głównej swojej witryny. Jeśli nie, spróbuj wykonać twarde odświeżenie lub clear pamięć podręczną.
5

Dodaj wyceny opłat celnych i podatków

Jeśli używasz Shopify jako swojej platformy, mamy skrypt, który możesz użyć, aby pobrać dane o produktach z szczegółów produktów Shopify.

Poniższy kod zawiera funkcję, która będzie działać na stronach produktów i stronie koszyka.

Hello integration script

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

Ukryj treść przed kupującymi

Użyj Hello do ukrywania treści przed międzynarodowymi kupującymi.

Klasa z-intl opiera się na aktualnym krajowym kraju. Jeśli Hello jest ustawione na kraj międzynarodowy, klasa z-intl będzie działać jako klasa ukryta, ukrywając treść, do której z-intl jest przypisane.

Użyj poniższego CSS, aby ukryć treść. Zastąp your-content treścią, którą chcesz ukryć.
z-intl your-content { display: none; }

Teraz możesz ukryć Hello przed swoimi krajowymi klientami, aby zrobić miejsce na inne okna dialogowe.

Hello customization CSS

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

Ukryj dla konkretnych krajów

Dodaj id #zonos połączone z kodem kraju, który pełni również rolę klasy CSS dla tego kraju, do funkcji z-intl { display: none; }.

Linia powinna wyglądać mniej więcej tak:

Hello dostosowanie CSS

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

Czy ta strona była pomocna?