Hello för Shopify

1. Registrera dig för Hello - När du skapar ett konto får du tillgång till Zonos Dashboard.
2. Installation - Följ instruktionerna nedan för att installera Hello för din Shopify-plattform.

Obs: Zonos autentiseringsuppgifter, inklusive din Hello webbnyckel, kan hittas på https://dashboard.zonos.com/settings/dashboard/integrate.

Redo att installera Hello? Vi är glada att få dig igång!

1. Gå hit och klicka på Registrera dig gratis för att börja.

2. När du har slutfört registreringsprocessen, kontrollera din inkorg för ett e-postmeddelande för att aktivera ditt Zonos konto.

3. Efter att ha verifierat din e-post, kommer du att få ett andra e-postmeddelande med ditt anpassade Hello skript.

4. Kopiera det anpassade Hello skriptet som finns i e-postmeddelandet.

Obs: Lägg till en fraktbedömning för att säkerställa att Hello fungerar så exakt som möjligt som en fristående plugin.

1. Logga nu in på din Shopify-butik och gå till Onlinebutik.
2. På ditt nuvarande tema, klicka på Åtgärder -> Redigera kod.
3. I dina temafiler, klicka på theme.liquid.
4. I botten av theme.liquid-filen, placera ditt anpassade Zonos skript före den avslutande body-taggen.
5. Klicka på Spara.
6. Du bör nu se Hello på din webbplats startsida. Om inte, försök med en hård uppdatering eller clear din cache.

Om du använder Shopify som din plattform, har vi ett skript som du kan använda som kommer att hämta produktdata från dina Shopify produktdetaljer.

Koden nedan har en funktion som kommer att köras på produkt sidorna och kundvagnssidan.

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

Använd Hello för att dölja innehåll från internationella shoppare.

Klassen z-intl baseras på det aktuella inhemska landet. Om Hello är inställd på ett internationellt land, kommer klassen z-intl att fungera som en dold klass, vilket döljer det innehåll som z-intl är kopplad till.

Använd följande CSS för att dölja innehåll. Ersätt your-content med det flytande innehåll du vill dölja.
z-intl your-content { display: none; }

Nu kan du dölja Hello från dina inhemska kunder för att ge plats åt andra dialogrutor.

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

Lägg till #zonos id kombinerat med landskoden som också fungerar som CSS-klass för det landet till z-intl { display: none; } funktionen.

Raden bör se ut ungefär så här:

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