Hello for Shopify

1. Registrer deg for Hello - Når du oppretter en konto, vil du få tilgang til Zonos Dashboard.
2. Installasjon - Følg instruksjonene nedenfor for å installere Hello for din Shopify-plattform.

Merk: Zonos legitimasjon, inkludert din Hello nettstednøkkel, kan finnes på https://dashboard.zonos.com/settings/dashboard/integrate.

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

1. Gå hit og klikk Registrer deg gratis for å begynne.

2. Når du har fullført registreringsprosessen, sjekk innboksen din for en e-post for å aktivere kontoen din hos Zonos.

3. Etter å ha bekreftet e-posten din, vil du motta en annen e-post med ditt tilpassede Hello skript.

4. Kopier det tilpassede Hello skriptet som finnes i e-posten.

Merk: Legg til en fraktvurdering for å sikre at Hello fungerer så nøyaktig som mulig som en frittstående plugin.

1. Nå, logg inn på din Shopify-butikk og gå til Nettbutikk.
2. På ditt nåværende tema, klikk Handlinger -> Rediger kode.
3. I temafilene dine, klikk theme.liquid.
4. Nederst i theme.liquid-filen, plasser ditt tilpassede Zonos skript før den avsluttende body-taggen.
5. Deretter, trykk Lagre.
6. Du bør nå se Hello på nettstedets hjemmeside. Hvis ikke, prøv en hard oppdatering eller clear cachen din.

Hvis du bruker Shopify som plattform, har vi et skript du kan bruke som vil hente produktdata fra produktdetaljene dine i Shopify.

Koden nedenfor har en funksjon som vil kjøre på produktsidene og handlekurvsiden.

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

Bruk Hello for å skjule innhold fra internasjonale kunder.

Klassen z-intl er basert på det nåværende innenlandske landet. Hvis Hello er satt til et internasjonalt land, vil klassen z-intl fungere som en skjult klasse, og skjule innholdet som z-intl er knyttet til.

Bruk følgende CSS for å skjule innhold. Erstatt your-content med flytende innhold du ønsker å skjule.
z-intl your-content { display: none; }

Nå kan du skjule Hello fra dine innenlandske kunder for å gi plass til andre dialogbokser.

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

Legg til #zonos-id kombinert med landskoden som også fungerer som CSS-klasse for det landet til z-intl { display: none; }-funksjonen.

Linjen skal se omtrent slik ut:

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