Hello voor Shopify

1. Meld u aan voor Hello - Zodra u een account aanmaakt, krijgt u toegang tot Zonos Dashboard.
2. Installatie - Volg de onderstaande instructies om Hello voor uw Shopify-platform te installeren.

Opmerking: Zonos referenties, inclusief uw Hello site sleutel, zijn te vinden op https://dashboard.zonos.com/settings/dashboard/integrate.

Klaar om Hello te installeren? We zijn enthousiast om u te helpen!

1. Ga hier en klik op Meld je gratis aan om te beginnen.

2. Zodra u het registratieproces hebt voltooid, controleert u uw inbox voor een e-mail om uw Zonos account te activeren.

3. Na het verifiëren van uw e-mail ontvangt u een tweede e-mail met uw aangepaste Hello script.

4. Kopieer het aangepaste Hello script dat in de e-mail staat.

Opmerking: Voeg een verzendbeoordeling toe om ervoor te zorgen dat Hello zo nauwkeurig mogelijk werkt als een zelfstandige plugin.

1. Log nu in op uw Shopify-winkel en ga naar Online Winkel.
2. Klik op Acties -> Code bewerken op uw huidige thema.
3. Klik in uw themabestanden op theme.liquid.
4. Plaats uw aangepaste Zonos script onderaan het theme.liquid bestand vóór de sluitende body-tag.
5. Klik vervolgens op Opslaan.
6. U zou nu Hello op de homepage van uw website moeten zien. Zo niet, probeer dan een harde verversing of clear uw cache.

Als u Shopify als uw platform gebruikt, hebben we een script dat u kunt gebruiken dat de productgegevens van uw Shopify productdetails haalt.

De onderstaande code heeft een functie die op de productpagina's en de winkelwagentjespagina zal draaien.

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

Gebruik Hello om inhoud te verbergen voor internationale shoppers.

De z-intl klasse is gebaseerd op het huidige binnenlandse land. Als Hello is ingesteld op een internationaal land, zal de z-intl klasse fungeren als een verborgen klasse, waardoor de inhoud die aan z-intl is gekoppeld, wordt verborgen.

Gebruik de volgende CSS om inhoud te verbergen. Vervang your-content door de drijvende inhoud die je wilt verbergen.
z-intl your-content { display: none; }

Nu kun je Hello verbergen voor je binnenlandse klanten om ruimte te maken voor andere dialoogvensters.

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

Voeg de #zonos id samen met de landcode die ook als de CSS-klasse voor dat land fungeert toe aan de z-intl { display: none; } functie.

De regel zou er ongeveer zo uit moeten zien:

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