Hello per Shopify

1. Registrati per Hello - Una volta creato un account, avrai accesso al Dashboard Zonos.
2. Installazione - Segui le istruzioni qui sotto per installare Hello sulla tua piattaforma Shopify.

Nota: Le credenziali Zonos, incluso il tuo codice sito Hello, possono essere trovate su https://dashboard.zonos.com/settings/dashboard/integrate.

Pronto per installare Hello? Siamo entusiasti di iniziare!

1. Vai qui e clicca su Registrati gratuitamente per iniziare.

2. Una volta completato il processo di registrazione, controlla la tua casella di posta per un'email per attivare il tuo account Zonos.

3. Dopo aver verificato la tua email, riceverai una seconda email con il tuo script personalizzato Hello.

4. Copia lo script personalizzato Hello trovato nell'email.

Nota: Aggiungi una valutazione della spedizione per garantire che Hello funzioni il più accuratamente possibile come plugin autonomo.

1. Ora, accedi al tuo negozio Shopify e vai su Negozio online.
2. Sul tuo tema attuale, clicca su Azioni -> Modifica codice.
3. Nei file del tuo tema, clicca su theme.liquid.
4. In fondo al file theme.liquid, inserisci il tuo script personalizzato Zonos prima del tag di chiusura del body.
5. Successivamente, clicca su Salva.
6. Dovresti ora vedere Hello sulla homepage del tuo sito web. Se non lo vedi, prova a fare un hard refresh o clear la tua cache.

Se stai utilizzando Shopify come piattaforma, abbiamo uno script che puoi utilizzare per estrarre i dati del prodotto dai dettagli del prodotto Shopify.

Il codice sottostante ha una funzione che verrà eseguita sulle pagine dei prodotti e sulla pagina del carrello.

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

Usa Hello per nascondere contenuti agli acquirenti internazionali.

La classe z-intl si basa sul paese domestico attuale. Se Hello è impostato su un paese internazionale, la classe z-intl agirà come una classe nascosta, nascondendo il contenuto a cui è legata z-intl.

Usa il seguente CSS per nascondere il contenuto. Sostituisci your-content con il contenuto fluttuante che desideri nascondere.
z-intl your-content { display: none; }

Ora puoi nascondere Hello dai tuoi clienti domestici per fare spazio ad altre finestre di dialogo.

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

Aggiungi l'#zonos id combinato con il codice del paese che funge anche da classe CSS per quel paese alla funzione z-intl { display: none; }.

La riga dovrebbe apparire in questo modo:

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