Ajouter un bouton de chat WhatsApp à Shopify

Créez le widget ici, copiez un bloc de HTML et collez-le dans Shopify. Aucun plugin à installer, aucun abonnement mensuel, et aucun script chargé depuis le serveur de quelqu'un d'autre.

Ouvrir le générateur complet

L'ajouter à Shopify

Depuis votre admin Shopify, allez dans Boutique en ligne → Thèmes → … → Modifier le code.
Ouvrez layout/theme.liquid et trouvez la balise </body> vers le bas.
Collez le code juste au-dessus de </body> et enregistrez.
Dupliquez votre thème avant de le modifier, pour pouvoir revenir en arrière en un clic si quelque chose cloche.

Pourquoi pas un plugin ?

Un plugin de chat hébergé ajoute une requête tierce à chaque chargement de page, peut changer son propre design sans vous prévenir, et finit généralement par réclamer un abonnement quand votre trafic grandit. Le code que vous créez ici est du HTML, du CSS et du JavaScript bruts qui vivent dans votre propre gabarit : environ 11 Ko, aucune requête externe, et la feuille de route de personne d'autre.

Avant de coller

Créez d'abord le widget dans le générateur complet et utilisez « Télécharger la page de test » pour vérifier le rendu. Copiez ensuite le code et suivez les étapes ci-dessus : collez-le une seule fois, dans un gabarit partagé par toutes les pages, plutôt que page par page.

Questions fréquentes

Le widget de chat va-t-il ralentir mon site ?

Il ajoute environ 11 Ko de HTML, CSS et JavaScript en ligne et ne fait aucune requête réseau : il ne coûte donc aucun téléchargement séparé et ne peut pas bloquer le rendu. Les widgets de chat hébergés chargent généralement 100 Ko ou plus depuis un tiers.

Le widget est-il accessible ?

Les contacts sont de vrais liens : ils fonctionnent sans JavaScript et avec un lecteur d'écran. Le bouton annonce son état, le panneau se ferme avec Échap, le focus y entre et en ressort, chaque cible fait au moins 44 pixels, et l'animation est supprimée si le visiteur demande moins de mouvement.