Hello für Shopify

1. Registrieren Sie sich für Hello - Sobald Sie ein Konto erstellt haben, erhalten Sie Zugriff auf das Zonos Dashboard.
2. Installation - Befolgen Sie die Anweisungen unten, um Hello für Ihre Shopify-Plattform zu installieren.

Hinweis: Zonos Anmeldeinformationen, einschließlich Ihres Hello-Website-Schlüssels, finden Sie unter https://dashboard.zonos.com/settings/dashboard/integrate.

Bereit für die Installation von Hello? Wir freuen uns, Sie zu starten!

1. Gehen Sie hier und klicken Sie auf Kostenlos registrieren, um zu beginnen.

2. Nach Abschluss des Registrierungsprozesses überprüfen Sie Ihr Postfach auf eine E-Mail zur Aktivierung Ihres Zonos-Kontos.

3. Nach Bestätigung Ihrer E-Mail erhalten Sie eine zweite E-Mail mit Ihrem individuellen Hello-Skript.

4. Kopieren Sie das individuelle Hello-Skript aus der E-Mail.

Hinweis: Fügen Sie eine Versandbewertung hinzu, um sicherzustellen, dass Hello so genau wie möglich als eigenständiges Plugin funktioniert.

1. Melden Sie sich jetzt in Ihrem Shopify-Store an und gehen Sie zu Online-Shop.
2. Klicken Sie auf Ihrem aktuellen Theme auf Aktionen -> Code bearbeiten.
3. In Ihren Theme-Dateien klicken Sie auf theme.liquid.
4. Am Ende der theme.liquid-Datei platzieren Sie Ihr individuelles Zonos-Skript vor dem schließenden Body-Tag.
5. Klicken Sie dann auf Speichern.
6. Sie sollten jetzt Hello auf der Startseite Ihrer Website sehen. Wenn nicht, versuchen Sie einen harten Refresh oder clear Sie Ihren Cache.

Wenn Sie Shopify als Plattform verwenden, haben wir ein Skript, das die Produktdaten aus Ihren Shopify-Produktdetails abrufen kann.

Der unten stehende Code enthält eine Funktion, die auf den Produktseiten und der Warenkorbseite ausgeführt wird.

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

Verwenden Sie Hello, um Inhalte vor internationalen Käufern zu verbergen.

Die Klasse z-intl basiert auf dem aktuellen Inlandsland. Wenn Hello auf ein internationales Land eingestellt ist, fungiert die Klasse z-intl als versteckte Klasse und verbirgt den Inhalt, an den z-intl gebunden ist.

Verwenden Sie den folgenden CSS-Code, um Inhalte zu verbergen. Ersetzen Sie your-content durch den schwebenden Inhalt, den Sie verbergen möchten.
z-intl your-content { display: none; }

Nun können Sie Hello vor Ihren inländischen Kunden verbergen, um Platz für andere Dialogfelder zu schaffen.

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

Fügen Sie die #zonos ID zusammen mit dem Ländercode, der gleichzeitig als CSS-Klasse für dieses Land dient, der z-intl { display: none; } Funktion hinzu.

Die Zeile sollte ungefähr so aussehen:

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