Installer et utiliser ShipCalc.

1. Installer ShipCalc

ShipCalc s’installe depuis le Shopify App Store. L’essai gratuit de 14 jours commence à l’installation, avec toutes les fonctionnalités.

1. Ouvrez la fiche ShipCalc sur le Shopify App Store.
2. Cliquez sur Install et approuvez l’app.
3. ShipCalc s’ouvre dans votre interface administrateur Shopify avec une liste de démarrage.

La page de démarrage contient des liens en un clic qui ouvrent l’éditeur de thème au bon endroit pour chaque emplacement.

2. Ajouter le bloc fiche produit

Le bloc fiche produit permet au client de vérifier la livraison avant d’ajouter un article au panier. Il utilise la variante et la quantité sélectionnées.

1. Dans le démarrage de ShipCalc, cliquez sur Add Product Page Block. L’éditeur de thème s’ouvre sur un modèle de produit.
2. Cliquez sur Add block (Ajouter un bloc) dans la section d’informations produit et choisissez le bloc ShipCalc.
3. Faites-le glisser à sa place – sous le prix ou sous les boutons d’achat, c’est idéal.
4. Cliquez sur Save (Enregistrer).

3. Ajouter le bloc page panier

Le bloc panier prend en compte chaque article et chaque quantité du panier : le client voit la livraison pour toute sa commande.

1. Dans ShipCalc, cliquez sur Add Cart Page Block. L’éditeur de thème s’ouvre sur le modèle de panier.
2. Cliquez sur Add block (Ajouter un bloc) et choisissez le bloc panier ShipCalc.
3. Placez-le près du sous-total et du bouton de paiement, puis cliquez sur Save (Enregistrer).

4. Activer le tiroir de panier

Les tiroirs de panier (paniers coulissants) sont construits différemment selon chaque thème. ShipCalc les prend donc en charge via une intégration d’app qui repère le tiroir ouvert et place un calculateur compact et repliable au-dessus du bouton de paiement.

1. Ouvrez l’éditeur de thème et sélectionnez App embeds (Intégrations d’applications) dans la barre latérale gauche.
2. Activez l’intégration ShipCalc pour le tiroir de panier.
3. La plupart des thèmes fonctionnent avec la détection automatique. Si ce n’est pas le cas du vôtre, saisissez le sélecteur CSS de votre tiroir dans les réglages de l’intégration.
4. Cliquez sur Save (Enregistrer), puis ouvrez le tiroir sur votre boutique en ligne pour vérifier l’emplacement.

5. Personnaliser le widget

Les réglages visuels et les textes se trouvent sur la page Appearance de ShipCalc, avec un aperçu en direct avant que les modifications n’arrivent sur votre boutique.

Mise en page et style

• Mise en page carte ou minimale.
• Couleurs d’accent, de fond, de texte et de bordure.
• Arrondi des angles, espacements et tailles de texte.
• Reprise de la typographie et des styles de base de votre thème.

Textes

• Titre, texte d’aide et libellé du bouton.
• Libellés et textes indicatifs du pays et du code postal.
• Messages de calcul, d’absence de tarif, d’erreur et de panier vide.
• Un libellé pour les modes de livraison gratuits.

Chaque libellé visible par vos clients peut être rédigé dans la langue de votre boutique.

CSS personnalisé

Pour un contrôle plus fin, l’éditeur CSS vous permet d’ajouter des règles ciblant le widget – pratique pour les espacements propres à un thème ou les effets au survol.

6. Pays et codes postaux

Choisissez d’où vient le pays de destination :

• Fixed country (pays fixe) – toujours estimer pour un pays que vous choisissez.
• Shopper’s Shopify country (pays Shopify du client) – suivre le pays de localisation défini par Shopify Markets.
• Country selector (sélecteur de pays) – le client choisit parmi les pays que vous autorisez.

Choisissez ensuite le fonctionnement du code postal :

• Required (obligatoire) – le client doit saisir un code postal.
• Optional (facultatif) – le client peut en ajouter un pour une estimation plus précise.
• Country only (pays uniquement) – masquer le champ code postal ; ShipCalc peut renvoyer une estimation pour le pays choisi.

Vous pouvez aussi masquer le calculateur pour les visiteurs de certains pays, ou ne l’afficher que pour les pays de votre choix.

7. Options d’affichage des tarifs

• Afficher tous les tarifs disponibles, uniquement le moins cher ou uniquement le plus cher.
• Afficher les détails de livraison sous un tarif lorsque Shopify les renvoie.
• Utiliser votre propre libellé pour les modes gratuits (par exemple « Livraison offerte »).

8. Placement manuel (avancé)

Si la mise en page de votre thème n’autorise pas de bloc d’app à l’endroit voulu, ajoutez à votre thème un élément d’emplacement et le chargeur ShipCalc :

<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>

Utilisez data-shipcalc-m="cart" pour un emplacement dans le panier. Le calculateur manuel utilise les mêmes réglages, styles et analytics que les blocs d’app.

9. Analytics

La page Analytics montre comment les clients utilisent le calculateur :

• Total des demandes d’estimation dans le temps et activité récente.
• Estimations par source : fiche produit, page panier ou tiroir de panier.
• Combinaisons de codes postaux et de pays les plus fréquentes.
• Modes de livraison présentés aux clients.
• Erreurs, pour repérer les destinations sans tarif.

10. Événements marketing

ShipCalc peut envoyer un événement « Calculate Shipping » à Google Analytics 4, Google Tag Manager et Meta Pixel lorsque ces outils sont déjà présents sur votre boutique. ShipCalc n’installe aucun script de suivi.

1. Ouvrez Marketing events dans ShipCalc.
2. Choisissez les plateformes destinataires.
3. Vous pouvez remplacer le nom, la catégorie, le libellé ou la valeur de l’événement, ou ajouter des paramètres personnalisés.
4. Enregistrez.

Les événements indiquent la source du widget (produit, panier ou tiroir), le pays et si un code postal a été saisi.

11. Diagnostic

La page Diagnostics lance une vraie estimation sans passer par votre boutique – pratique après avoir modifié des zones ou des tarifs d’expédition.

1. Ouvrez Diagnostics dans ShipCalc.
2. Choisissez un produit, un pays et un code postal.
3. Lancez l’estimation pour voir exactement ce que Shopify renvoie.

12. Dépannage

Le calculateur n’apparaît pas sur la fiche produit

• Vérifiez que le bloc a été ajouté au modèle réellement utilisé par vos produits, et que vous avez enregistré.
• Assurez-vous que le bloc ne se trouve pas dans une section masquée ou repliée.
• Vérifiez que les règles par pays des visiteurs dans Appearance ne le masquent pas pour votre localisation.

Aucun tarif n’est renvoyé

• Vérifiez que la destination appartient à un marché actif et à une zone d’expédition dans Shopify.
• Vérifiez que le profil d’expédition et le poids du produit respectent vos conditions tarifaires.
• Testez la même destination dans Diagnostics pour voir ce que Shopify renvoie.
• Reformulez le message « aucun tarif » pour que les clients sachent quoi faire ensuite.

Pour une liste plus complète, lisez Les tarifs d’expédition Shopify ne s’affichent pas.

Il n’apparaît pas dans mon tiroir de panier

• Vérifiez que l’intégration d’app du tiroir de panier est activée et enregistrée.
• Essayez de définir le sélecteur du tiroir dans les réglages de l’intégration.
• Contactez-nous en indiquant le nom de votre thème.

13. Support

L’interface ShipCalc comporte une page Support avec des réponses rapides et un formulaire de contact. Vous pouvez aussi nous écrire ici et nous vous répondrons par e-mail.