Hello untuk Shopify

1. Daftar untuk Hello - Setelah Anda membuat akun, Anda akan diberikan akses ke Zonos Dashboard.
2. Instalasi - Ikuti instruksi di bawah ini untuk menginstal Hello untuk platform Shopify Anda.

Catatan: Kredensial Zonos, termasuk kunci situs Hello, dapat ditemukan di https://dashboard.zonos.com/settings/dashboard/integrate.

Siap untuk menginstal Hello? Kami sangat senang untuk memulai!

1. Pergi ke sini dan klik Daftar gratis untuk memulai.

2. Setelah Anda menyelesaikan proses pendaftaran, periksa kotak masuk Anda untuk email untuk mengaktifkan akun Zonos Anda.

3. Setelah memverifikasi email Anda, Anda akan menerima email kedua dengan skrip Hello kustom Anda.

4. Salin skrip Hello kustom yang ditemukan di email.

Catatan: Tambahkan penilaian pengiriman untuk memastikan bahwa Hello akan berfungsi seakurat mungkin sebagai plugin mandiri.

1. Sekarang, masuk ke toko Shopify Anda dan pergi ke Toko Online.
2. Pada tema Anda saat ini, klik Tindakan -> Edit kode.
3. Di file tema Anda, klik theme.liquid.
4. Di bagian bawah file theme.liquid, tempatkan skrip kustom Zonos Anda sebelum tag penutup body.
5. Selanjutnya, tekan Simpan.
6. Anda sekarang seharusnya melihat Hello di beranda situs web Anda. Jika tidak, coba refresh keras atau clear cache Anda.

Jika Anda menggunakan Shopify sebagai platform Anda, kami memiliki skrip yang dapat Anda gunakan yang akan menarik data produk dari detail produk Shopify Anda.

Kode di bawah ini memiliki fungsi yang akan dijalankan di halaman produk dan halaman keranjang.

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

Gunakan Hello untuk menyembunyikan konten dari pembeli internasional.

Kelas z-intl didasarkan pada negara domestik saat ini. Jika Hello diatur ke negara internasional, kelas z-intl akan bertindak sebagai kelas tersembunyi, menyembunyikan konten yang terkait dengan z-intl.

Gunakan CSS berikut untuk menyembunyikan konten. Ganti your-content dengan konten mengambang yang ingin Anda sembunyikan.
z-intl your-content { display: none; }

Sekarang Anda dapat menyembunyikan Hello dari pelanggan domestik Anda untuk memberikan ruang bagi kotak dialog lainnya.

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

Tambahkan id #zonos yang digabungkan dengan kode negara yang berfungsi ganda sebagai kelas CSS untuk negara tersebut ke dalam fungsi z-intl { display: none; }.

Baris tersebut harus terlihat seperti ini:

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