Hello pour Shopify

1. Inscrivez-vous à Hello - Une fois que vous avez créé un compte, vous aurez accès à Zonos Dashboard.
2. Installation - Suivez les instructions ci-dessous pour installer Hello pour votre plateforme Shopify.

Remarque : Les identifiants Zonos, y compris votre clé de site Hello, se trouvent sur https://dashboard.zonos.com/settings/dashboard/integrate.

Prêt à installer Hello ? Nous sommes ravis de vous aider à démarrer !

1. Allez ici et cliquez sur Inscrivez-vous gratuitement pour commencer.

2. Une fois le processus d'inscription terminé, vérifiez votre boîte de réception pour un email d'activation de votre compte Zonos.

3. Après avoir vérifié votre email, vous recevrez un deuxième email avec votre script personnalisé Hello.

4. Copiez le script personnalisé Hello trouvé dans l'email.

Remarque : Ajoutez une évaluation d'expédition pour vous assurer que Hello fonctionne aussi précisément que possible en tant que plugin autonome.

1. Connectez-vous maintenant à votre boutique Shopify et allez dans Boutique en ligne.
2. Sur votre thème actuel, cliquez sur Actions -> Modifier le code.
3. Dans vos fichiers de thème, cliquez sur theme.liquid.
4. En bas du fichier theme.liquid, placez votre script personnalisé Zonos avant la balise de fermeture du corps.
5. Ensuite, cliquez sur Enregistrer.
6. Vous devriez maintenant voir Hello sur la page d'accueil de votre site web. Sinon, essayez un rafraîchissement forcé ou clear votre cache.

Si vous utilisez Shopify comme plateforme, nous avons un script que vous pouvez utiliser pour extraire les données produit des détails de votre produit Shopify.

Le code ci-dessous contient une fonction qui s'exécutera sur les pages de produits et la page du panier.

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

Utilisez Hello pour masquer le contenu aux acheteurs internationaux.

La classe z-intl est basée sur le pays domestique actuel. Si Hello est défini sur un pays international, la classe z-intl agira comme une classe cachée, masquant le contenu auquel z-intl est lié.

Utilisez le CSS suivant pour masquer le contenu. Remplacez votre-contenu par le contenu flottant que vous souhaitez masquer.
z-intl votre-contenu { display: none; }

Maintenant, vous pouvez masquer Hello à vos clients domestiques pour faire de la place pour d'autres boîtes de dialogue.

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

Ajoutez l'identifiant #zonos combiné avec le code pays qui sert également de classe CSS pour ce pays à la fonction z-intl { display: none; }.

La ligne devrait ressembler à ceci :

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