Bouton de contact flottant – manuel d’utilisation

1. À quoi sert le module

Le module ajoute un bouton rond dans un coin inférieur de chaque page de votre boutique. Un clic ouvre un petit panneau avec les moyens de vous joindre : WhatsApp, téléphone, e-mail et Messenger. Sur une fiche produit, le message WhatsApp est déjà rédigé pour le client et cite le produit qu’il consulte, avec son lien. En dehors de vos horaires, le bouton peut disparaître ou indiquer aux clients quand vous leur répondrez.

Le module est gratuit. Il fonctionne avec PrestaShop 1.7.8, 8.x et 9.x (PHP 7.2.5 ou plus récent), avec les thèmes Classic et Hummingbird et en multiboutique.

2. Installation

1. Sur la page du module sur addonspresta.com, cliquez sur Télécharger gratuitement (aucun compte nécessaire).
2. Dans votre back-office, ouvrez Modules → Gestionnaire de modules et cliquez sur Installer un module.
3. Déposez le fichier ap_contactbutton_v1.0.1.zip et attendez la confirmation.
4. Cliquez sur Configurer sur la carte du module.

Pendant l’installation, le numéro de téléphone et l’adresse e-mail de votre boutique (Paramètres de la boutique → Contact → Magasins) sont repris dans le module s’ils sont valides (en multiboutique, ceux de la boutique par défaut) : le bouton apparaît tout de suite. Ajoutez WhatsApp et Messenger dans la configuration.

3. Fonctionnement

Chaque moyen de contact est un simple lien qui ouvre l’application du client : WhatsApp via wa.me, un appel téléphonique, un nouvel e-mail ou une conversation Messenger via m.me. Le module ne charge aucun script, police ou image externe, ne dépose aucun cookie et n’enregistre rien dans le navigateur. WhatsApp ou Facebook n’ont connaissance de la visite que lorsque le client clique sur leur lien. Le module ne se connecte ni à addonspresta.com ni à aucun autre serveur et ne modifie pas les tables de PrestaShop.

Un moyen de contact laissé vide n’est pas affiché. Si tous sont vides, le bouton n’apparaît pas.

Sur une fiche produit, le message WhatsApp contient le nom du produit dans la langue du client et son lien. Pour un produit avec déclinaisons, le lien mène à la fiche produit sans déclinaison présélectionnée.

Les horaires sont vérifiés à chaque affichage de page, dans le fuseau horaire de votre boutique (International → Localisation → Configuration → Fuseau horaire). Si vous utilisez un cache de pages complètes, le bouton suit la page en cache jusqu’à son actualisation.

Le bouton apparaît sur toutes les pages qui utilisent la mise en page principale de votre thème, y compris la commande. Il reprend la couleur principale des boutons et les polices de votre thème, sauf si vous choisissez une couleur.

4. Fonctions et réglages

Ouvrez Modules → Gestionnaire de modules → Bouton de contact flottant → Configurer. L’encadré Aide en haut de la page renvoie vers ce manuel et vers la page du module sur addonspresta.com, dans la langue de votre back-office.

Moyens de contact

• Numéro WhatsApp — votre numéro au format international avec l’indicatif du pays, par exemple +33 6 12 34 56 78. Les espaces, les tirets et le signe + sont supprimés à l’enregistrement ; il doit ensuite rester de 8 à 15 chiffres.
• Numéro de téléphone — affiché aux clients tel que vous le saisissez. Commencez par + et l’indicatif du pays pour que les clients à l’étranger puissent aussi appeler.
• Adresse e-mail — ouvre un nouveau message dans la messagerie du client.
• Nom d’utilisateur Messenger — le nom d’utilisateur de votre page Facebook, comme dans m.me/votrepage : de 3 à 50 lettres, chiffres ou points. Vous pouvez aussi coller le lien complet de la page ; pour une page sans nom d’utilisateur (lien facebook.com/profile.php?id=…), le module garde son numéro.

Textes

Chaque texte se règle séparément pour chaque langue de la boutique. Un texte vide dans une langue reprend celui de la langue par défaut.

• Message d’accueil — la ligne en haut du panneau, par exemple « Bonjour ! Comment pouvons-nous vous aider ? ». Laissez vide pour n’afficher que les moyens de contact.
• Message WhatsApp — pré-rempli dans WhatsApp sur toutes les pages sauf les fiches produit. Le client peut le modifier avant l’envoi.
• Message WhatsApp sur une fiche produit — même principe sur les fiches produit. {product_name} est remplacé par le nom du produit et {product_url} par son lien. Laissez vide pour utiliser le message général.

Horaires

Saisissez les horaires de chaque jour, par exemple 09:00-17:00, ou plusieurs plages séparées par des virgules, par exemple 09:00-13:00, 14:00-18:00. Une plage peut se terminer à 24:00. Un jour laissé vide est fermé. Laissez tous les jours vides pour afficher le bouton en permanence. Le texte au-dessus des champs indique le fuseau horaire de la boutique et l’heure actuelle.

• En dehors des horaires — Afficher le bouton avec un message ou Masquer le bouton.
• Message en dehors des horaires — affiché en haut du panneau quand vous êtes fermé, par exemple « Nous vous répondrons demain dès 9 h ».

Apparence

• Position — coin inférieur droit ou gauche.
• Couleur du bouton — une couleur hexadécimale comme #25d366. Laissez vide pour utiliser la couleur principale des boutons de votre thème. La couleur de l’icône (noir ou blanc) est choisie automatiquement pour rester lisible.
• Masquer sur les téléphones — masque le bouton sur les écrans de moins de 768 pixels de large.
• Masquer sur les ordinateurs — masque le bouton sur les écrans de 768 pixels de large ou plus, tablettes comprises. Les deux options ne peuvent pas être activées ensemble ; pour retirer le bouton, désactivez le module.

5. Multiboutique

Les réglages sont enregistrés pour la boutique ou le groupe de boutiques choisi dans l’en-tête du back-office. Choisissez Toutes les boutiques pour appliquer les mêmes valeurs partout, ou une seule boutique pour lui donner ses propres numéros, textes et horaires. Dans le contexte Toutes les boutiques ou groupe, seul un employé qui gère toutes ses boutiques peut enregistrer. Une licence couvre toutes les boutiques de l’installation.

6. Désinstallation

Gestionnaire de modules → Bouton de contact flottant → Désinstaller supprime tous les réglages du module. Pour les conserver, choisissez plutôt Désactiver.

7. Questions fréquentes et dépannage

Le bouton n’apparaît pas. Vérifiez qu’au moins un moyen de contact est renseigné, que l’heure actuelle est dans vos horaires (ou que le module affiche alors le bouton avec un message) et que le bouton n’est pas masqué sur ce type d’écran. Videz ensuite le cache dans Paramètres avancés → Performances. Un thème personnalisé doit contenir le hook displayBeforeBodyClosingTag.

Le bouton indique que nous sommes fermés alors que nous sommes ouverts. Vérifiez le fuseau horaire dans International → Localisation → Configuration. La section des horaires du module affiche l’heure actuelle de la boutique.

WhatsApp s’ouvre sans le message. Vérifiez que le message est renseigné pour la langue de la page. Certaines versions de WhatsApp ignorent le texte pré-rempli quand la conversation contient déjà un brouillon.

Le bouton cache un autre élément, comme un chat ou un bouton « retour en haut ». Choisissez l’autre coin, ou définissez la variable CSS --ap-contactbutton-offset dans votre thème pour l’éloigner des bords.

Puis-je modifier l’apparence du bouton ? Oui. Copiez views/templates/hook/button.tpl dans themes/<votre-theme>/modules/ap_contactbutton/views/templates/hook/ et modifiez la copie, puis videz le cache dans Paramètres avancés → Performances pour que PrestaShop l’utilise. Vous pouvez aussi ajouter du CSS pour les classes .ap-contactbutton dans votre thème.

Le module impose-t-il un bandeau cookies ? Non. Le module ne dépose aucun cookie et ne charge rien depuis d’autres serveurs tant que le client ne clique pas sur un lien WhatsApp ou Messenger.

8. Mises à jour et assistance

Les mises à jour sont gratuites : téléchargez les nouvelles versions depuis la page du module sur addonspresta.com et installez-les comme un nouveau module. Vos réglages sont conservés. Chaque version passe notre audit de sécurité avant sa publication.

Ce module gratuit est fourni avec la même licence que nos modules payants (une boutique avec autant de boutiques multiboutique que vous voulez, un code que vous pouvez modifier mais pas partager) et sans assistance technique. Si vous avez besoin d’aide pour l’installation ou la configuration, nous pouvons vous la proposer en tant que prestation payante. Signalez les failles de sécurité à mail@addonspresta.com : nous les corrigeons en priorité.

Retour : Manuels des modules