Hello for Shopify

1. Hello için kaydolun - Bir hesap oluşturduğunuzda, Zonos Dashboard erişimi alacaksınız.
2. Kurulum - Shopify platformunuz için Hello'yu kurmak için aşağıdaki talimatları izleyin.

Not: Zonos kimlik bilgileri, Hello site anahtarınız dahil, https://dashboard.zonos.com/settings/dashboard/integrate adresinde bulunabilir.

Hello'yu kurmaya hazır mısınız? Sizi başlatmak için heyecanlıyız!

1. Buraya gidin ve Ücretsiz kaydolun butonuna tıklayın.

2. Kayıt sürecini tamamladıktan sonra, Zonos hesabınızı etkinleştirmek için gelen kutunuzu kontrol edin.

3. E-postanızı doğruladıktan sonra, özel Hello scriptinizle birlikte ikinci bir e-posta alacaksınız.

4. E-postada bulunan özel Hello scriptini kopyalayın.

Not: Hello'nun mümkün olduğunca doğru çalışmasını sağlamak için bir gönderim derecelendirmesi ekleyin.

1. Şimdi, Shopify mağazanıza giriş yapın ve Çevrimiçi Mağaza'ya gidin.
2. Mevcut temanızda, İşlemler -> Kodu düzenle'ye tıklayın.
3. Tema dosyalarınızda, theme.liquid'e tıklayın.
4. theme.liquid dosyasının en altına, özel Zonos scriptinizi kapanış body etiketinden önce yerleştirin.
5. Ardından, Kaydet'e tıklayın.
6. Artık Hello'yu web sitenizin ana sayfasında görmelisiniz. Eğer görmüyorsanız, sert bir yenileme yapmayı veya clear'inizi temizlemeyi deneyin.

Shopify'ı platform olarak kullanıyorsanız, Shopify ürün detaylarınızdan ürün verilerini çekecek bir scriptimiz var.

Aşağıdaki kod, ürün sayfalarında ve sepet sayfasında çalışacak bir işlev içerir.

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

Uluslararası alışveriş yapanlardan içeriği gizlemek için Hello kullanın.

z-intl sınıfı mevcut yerel ülkeye dayanmaktadır. Eğer Hello uluslararası bir ülkeye ayarlandıysa, z-intl sınıfı gizli bir sınıf olarak işlev görecek ve z-intl ile bağlantılı olan içeriği gizleyecektir.

İçeriği gizlemek için aşağıdaki CSS'i kullanın. your-content kısmını gizlemek istediğiniz kayan içerikle değiştirin.
z-intl your-content { display: none; }

Artık Hello'yu yerel müşterilerinizden gizleyerek diğer diyalog kutuları için yer açabilirsiniz.

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

z-intl { display: none; } fonksiyonuna, o ülke için CSS sınıfı olarak işlev gören ülke kodu ile birleştirilmiş #zonos kimliğini ekleyin.

Satır şöyle görünmelidir:

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