Description du module
Module Contact flottant gratuit pour PrestaShop
Vous souhaitez rendre les coordonnées de votre boutique facilement accessibles sans encombrer vos pages ? Concepty Contact flottant ajoute une petite bulle de contact dans un coin de votre site PrestaShop. Un clic ouvre une fenêtre regroupant les informations utiles : message d'accueil, numéro de téléphone, adresse e-mail et bouton vers la page de votre choix.
L'objectif est simple : éviter à vos visiteurs de chercher vos coordonnées dans le pied de page lorsqu'ils ont une question sur un produit, un délai de livraison, une commande ou un service. Le module est gratuit, dispose d'une configuration intégrée au back-office et ne nécessite pas de modifier les fichiers de votre thème.
Comment fonctionne la bulle de contact PrestaShop ?
Lorsque le module est activé, une bulle flottante apparaît à gauche ou à droite, en bas de l'écran selon vos réglages. Elle reste accessible pendant la navigation. En cliquant dessus, le visiteur fait apparaître une fenêtre de contact. Il peut la refermer pour continuer sa visite. Le comportement est pensé pour rester discret et utilisable au clavier.
Contrairement à un formulaire de contact ou à un chatbot, cette boîte n'envoie aucun message elle-même : elle présente les moyens de joindre votre équipe et peut rediriger vers une page existante, par exemple « Contactez-nous ». Le lien téléphonique lance l'action prévue par l'appareil, et le lien e-mail ouvre l'application de messagerie configurée chez le visiteur.
Les fonctionnalités du module
Une fenêtre de contact entièrement personnalisable
Dans le back-office, vous pouvez renseigner le texte de la bulle, le titre de la fenêtre et une description. Vous pouvez ensuite ajouter votre numéro de téléphone, votre adresse e-mail, le texte d'un bouton et son URL de destination. Il est possible d'indiquer une adresse HTTPS ou un chemin relatif de votre boutique. Cela convient aussi bien à la page de contact native de PrestaShop qu'à une page de services ou de devis.
Un champ vide n'est pas affiché dans la boîte. Vous pouvez ainsi présenter uniquement votre téléphone, uniquement un e-mail, ou combiner les trois moyens de contact sans laisser de ligne inutile.
Affichage sur ordinateur et sur mobile
Trois interrupteurs permettent d'activer globalement le contact flottant, puis de choisir son affichage sur ordinateur et sur mobile. Cette distinction permet de conserver une bulle sur les grands écrans tout en la désactivant sur un site mobile déjà chargé, ou l'inverse selon votre usage.
Couleur, position et marges
Choisissez la couleur principale de la bulle et du bouton, le côté de l'écran (gauche ou droite), le décalage depuis le bas de la fenêtre et l'écart au bord. Les marges sont particulièrement utiles si votre thème possède déjà un bouton « Retour en haut », une barre d'assistance ou des commandes fixes.
Un aperçu immédiat dans l'administration
L'interface d'administration comprend un aperçu en direct, avec un mode ordinateur et un mode mobile. Vous pouvez contrôler la présentation de la boîte et de la bulle pendant la configuration, puis enregistrer les réglages pour les appliquer à la boutique. Les visuels de cette fiche ont été réalisés à partir d'une installation locale PrestaShop 9.2.0.
Dans quels cas utiliser un contact flottant ?
- Boutique e-commerce : proposer un accès direct au service client pendant la consultation des produits.
- Vente B2B : rendre visible un numéro commercial ou un lien de demande de devis.
- Catalogue complexe : orienter les visiteurs vers une aide lorsqu'ils hésitent sur une référence, une déclinaison ou une prestation.
- Site avec un pied de page long : permettre d'accéder aux coordonnées sans rechercher les liens du footer.
Un contact flottant améliore surtout la visibilité des moyens de contact. Il ne remplace ni un suivi de tickets ni une solution de messagerie instantanée.
Installation du module sur PrestaShop
1. Téléchargez gratuitement l'archive concepty-contact-flottant-prestashop-1.0.0.zip.
2. Dans l'administration PrestaShop, ouvrez Modules > Gestionnaire de modules.
3. Cliquez sur Installer un module, puis sélectionnez le ZIP téléchargé.
4. Dans la fiche du module Concepty – Contact flottant, cliquez sur Configurer.
5. Renseignez les textes, vos coordonnées et, si besoin, le bouton vers votre page de contact.
6. Ajustez la couleur, la position et les marges, puis enregistrez les modifications.
7. Vérifiez le résultat sur une page de votre boutique, sur ordinateur et sur smartphone.
L'installation du module ne demande aucun import SQL manuel dans la base de votre boutique. Le script SQL fourni séparément dans le pack de publication Concepty concerne uniquement la fiche de présentation sur notre site, pas l'installation chez les utilisateurs.
Compatibilité et informations techniques
Version du module : 1.0.0. La compatibilité affichée sur cette fiche est PrestaShop 9.X, illustrée par une capture réelle sur PrestaShop 9.2.0. Le code déclare également une plage technique de PrestaShop 8.0 à 9.x, mais cela ne signifie pas que toutes les versions intermédiaires ou tous les thèmes ont été testés. Vérifiez votre environnement avant la mise en production.
Le module charge ses ressources depuis les mécanismes de PrestaShop et utilise un point d'accroche en bas de page. Son contenu dépend des informations saisies par l'administrateur. Il ne crée pas de formulaire de saisie pour les visiteurs.
Questions fréquentes sur le contact flottant
Peut-on masquer la bulle sur téléphone ?
Oui. Le module propose des réglages distincts pour ordinateur et mobile. Vous pouvez aussi désactiver entièrement la fonctionnalité sans désinstaller le module.
Est-il possible de changer la couleur ?
Oui. Le sélecteur de couleur du back-office adapte la couleur principale de la bulle et du bouton afin de mieux correspondre à votre charte graphique.
Le visiteur doit-il remplir un formulaire ?
Non. La boîte affiche vos coordonnées et un lien personnalisé. Si vous avez besoin d'un formulaire, associez le bouton à la page Contact de votre boutique.
Puis-je placer la bulle en bas à gauche ?
Oui. La position gauche ou droite, ainsi que les espacements depuis le bord et le bas, sont configurables.
Et si je ne veux pas afficher mon téléphone ?
Laissez le champ téléphone vide. Le module n'affiche pas une ligne vide dans la fenêtre. Le même principe s'applique aux autres informations facultatives.
Puis-je faire évoluer les fonctionnalités ?
Oui. Vous pouvez contacter Concepty pour étudier une adaptation à vos besoins : nouvelles options de présentation, conditions d'affichage ou intégration avec une page spécifique.
Autres ressources PrestaShop et Concepty
Pour poursuivre l'amélioration de votre boutique, découvrez notre module Retour en haut PrestaShop, notre module Boutique privée PrestaShop ou le plugin Contact flottant pour WordPress si vous travaillez sur les deux plateformes.
Notre guide développer un module PrestaShop sur mesure détaille également les points à prévoir avant un développement spécifique. Pour une adaptation, rendez-vous sur la page Contact de Concepty.