Hello til Shopify

1. Tilmeld dig Hello - Når du opretter en konto, får du adgang til Zonos Dashboard.
2. Installation - Følg instruktionerne nedenfor for at installere Hello til din Shopify-platform.

Bemærk: Zonos legitimationsoplysninger, herunder din Hello site-nøgle, kan findes på https://dashboard.zonos.com/settings/dashboard/integrate.

Klar til at installere Hello? Vi er glade for at få dig i gang!

1. Gå her og klik på Tilmeld dig gratis for at komme i gang.

2. Når du har afsluttet registreringsprocessen, skal du tjekke din indbakke for en e-mail for at aktivere din Zonos konto.

3. Efter at have bekræftet din e-mail, vil du modtage en anden e-mail med dit tilpassede Hello script.

4. Kopier det tilpassede Hello script, der findes i e-mailen.

Bemærk: Tilføj en forsendelsesvurdering for at sikre, at Hello fungerer så præcist som muligt som et selvstændigt plugin.

1. Log ind på din Shopify-butik og gå til Online Store.
2. På dit nuværende tema, klik på Handlinger -> Rediger kode.
3. I dine tema-filer, klik på theme.liquid.
4. I bunden af theme.liquid filen, indsæt dit tilpassede Zonos script før den afsluttende body-tag.
5. Klik derefter på Gem.
6. Du skulle nu se Hello på din hjemmesides forside. Hvis ikke, prøv en hård opdatering eller clear din cache.

Hvis du bruger Shopify som din platform, har vi et script, du kan bruge, som vil hente produktdata fra dine Shopify produktdetaljer.

Koden nedenfor har en funktion, der vil køre på produkt siderne og indkøbskurven.

<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>

Brug Hello til at skjule indhold fra internationale kunder.

Klassen z-intl er baseret på det nuværende indenlandske land. Hvis Hello er indstillet til et internationalt land, vil klassen z-intl fungere som en skjult klasse, der skjuler det indhold, som z-intl er knyttet til.

Brug følgende CSS til at skjule indhold. Erstat your-content med det flydende indhold, du ønsker at skjule.
z-intl your-content { display: none; }

Nu kan du skjule Hello fra dine indenlandske kunder for at give plads til andre dialogbokse.

#zonos {
  display: none;
}
z-intl #zonos {
  display: block;
}

Tilføj #zonos id kombineret med landekoden, der også fungerer som CSS-klasse for det pågældende land, til z-intl { display: none; } funktionen.

Linjen skal se sådan ud:

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