Comment ajouter un bouton WhatsApp flottant à votre boutique
Faites glisser le bloc Bouton WhatsApp depuis Ajouter des blocs dans le corps de la page. Il arrive avec le numéro de téléphone de votre boutique déjà renseigné, et vous choisissez le message pré-rédigé, l'animation et le côté de l'écran où il flotte.
Étapes
- Vérifiez le numéro enregistré sous Paramètres de la boutique → Informations sur la boutique (Numéro de téléphone / WhatsApp).
- Ouvrez Boutique en ligne → Paramètres du thème (pages de la boutique) ou votre landing page depuis Landing Pages.
- Cliquez sur l'icône + (Ajouter des blocs), recherchez Bouton WhatsApp et déposez-le dans le corps de la page — la zone vide de la page, pas à l'intérieur d'une section. C'est un bouton flottant rattaché à toute la page.
- Le bloc étant sélectionné, ouvrez Paramètres: confirmez le Numéro WhatsApp, saisissez le Message WhatsApp que les clients enverront (par exemple « Bonjour, j'ai une question concernant… »), choisissez une Animation du bouton et choisissez Gauche ou Droite. Taille règle le cercle (Petit, Moyen, Grand ou Très grand) et Taille de l'icône la part du cercle que l'icône remplit.
- Cliquez sur Enregistrer et vérifiez que la page est Publié. Répétez l'opération sur chaque page où vous voulez le bouton.
Autres façons d'afficher WhatsApp
- Bloc Téléphone du magasin (Widgets de la boutique) avec Type de téléphone réglé sur WhatsApp — affiche le numéro de votre boutique sous forme de lien WhatsApp, pratique dans le pied de page ou l'en-tête.
- Bloc Réseaux sociaux avec Type = WhatsApp, une URL personnalisée, une Couleur de l'icône et une Taille de l'icône — une petite icône à côté de vos autres icônes sociales.
Problèmes courants
- Le bloc refuse d'être déposé dans ma section → il n'accepte que le corps de la page. Déposez-le sur une zone vide de la page, ou déplacez-le au niveau supérieur dans Couches de conception.
- Le bouton s'ouvre avec le mauvais numéro → le bloc conserve son propre Numéro WhatsApp; modifiez-le dans les paramètres du bloc plutôt que dans les informations de la boutique.
- Le bouton n'apparaît que sur une seule page → chaque page a son propre contenu (l'en-tête et le pied de page sont partagés, mais ce bloc ne peut pas y vivre). Ajoutez-le sur chaque page où vous en avez besoin, y compris les landing pages, qui sont construites séparément.
- Cliquer dessus dans l'éditeur ne fait rien → les liens ne fonctionnent pas en mode édition. Utilisez Aperçu pour tester sur la page en ligne.
Voir aussi
- Comment ajouter un bouton WhatsApp, lien, ou sticky à une landing page
- Comment modifier le pied de page de votre boutique
- Comment mettre à jour les coordonnées et l'adresse de ma boutique ?