Intégration Messenger Chat : installation et aide
Démarrage rapide
- Importez le ZIP du module dans "Modules > Module Manager" et ouvrez "Configure".
- Saisissez votre ID de page Facebook (5 à 32 chiffres).
- Le module utilise un lien m.me direct ; aucun ID d’application Facebook n’est nécessaire.
- Laissez Activer le widget activé ; sélectionnez Position et Style du bouton.
- Définissez Afficher sur mobile et Afficher sur les pages, puis cliquez sur Enregistrer.
- Ouvrez une page autorisée de la boutique et faites défiler ou cliquez pour charger le bouton.
- Cliquez sur le bouton et vérifiez que la conversation Messenger souhaitée s'ouvre.
Nécessite PrestaShop 1.6 ou ultérieur et PHP 7.1 ou ultérieur.
Manuel de configuration
Installer et connecter
- Ouvrez "Modules > Module Manager" dans votre back-office.
- Choisissez "Upload a module" et importez le ZIP de Messenger Chat Integration.
- Ouvrez "Configure".
- Dans Connexion Messenger, saisissez votre ID de page Facebook.
- Laissez Activer le widget activé et enregistrez.
- Ouvrez votre boutique, faites défiler ou cliquez, puis testez le bouton de contact.
Nécessite PrestaShop 1.6 ou ultérieur et PHP 7.1 ou ultérieur.
Paramètres de connexion
| Paramètre | Valeur par défaut à l'installation | Action à effectuer |
|---|---|---|
| Activer le widget | Oui | Désactivez pour suspendre le bouton tout en conservant vos paramètres. |
| ID de page Facebook | Vide | Saisissez l'ID numérique de votre Page, de 5 à 32 chiffres. Ne saisissez pas d'URL de page ni de nom d'utilisateur. |
| ID d’application Facebook (supprimé) | Indisponible | Ce champ et le mode SDK ont été supprimés. Les anciens ID enregistrés sont ignorés ; le module utilise toujours un lien m.me direct. |
| Texte de bienvenue (supprimé) | Indisponible | Ce champ réservé au SDK a été supprimé. Aucun message d’accueil de chat intégré n’est à configurer dans ce module. |
Vous modifiez les formulaires de connexion, Apparence et Comportement sur la page de configuration du module. Utilisez Enregistrer après les modifications. Texte du bouton et Texte de l’infobulle prennent en charge des textes propres à chaque langue. Un texte manquant utilise votre langue par défaut, puis le texte de base enregistré.
Apparence
| Paramètre | Valeur par défaut à l'installation | Quand le modifier |
|---|---|---|
| Position | En bas à droite (bottom-right) |
Sélectionnez En bas à gauche (bottom-left) si le coin droit est occupé. |
| Style du bouton | Icône flottante (icon) |
Sélectionnez Barre avec texte (bar) pour afficher Texte du bouton. |
| Texte du bouton | Discutez avec nous | Définissez le texte affiché dans le style barre. |
| Couleur du bouton | #0084FF |
Définissez la couleur de fond du bouton. |
| Taille du bouton (px) | 60 | Définissez le diamètre de l'icône ronde. |
| Marge depuis le bord (px) | 20 | Ajustez la distance par rapport au bas et au côté sélectionné. |
| Afficher l'infobulle | Oui | Désactivez pour masquer l'infobulle au survol. |
| Texte de l'infobulle | Écrivez-nous sur Messenger ! | Définissez l'infobulle au survol. |
| Animation | Pulsation (pulse) |
Choisissez Rebond (bounce) ou Aucun (none). |
Comportement et affichage en boutique
| Paramètre | Valeur par défaut à l'installation | Fonction |
|---|---|---|
| Afficher sur mobile | Oui | Désactivez pour supprimer l'affichage lorsque PrestaShop identifie un visiteur mobile. |
| "Fallback Delay (seconds)" | 0 | Le widget se charge au premier défilement, clic, toucher ou appui sur une touche. Une valeur positive définit l'attente maximale sans interaction. Zéro utilise un délai de secours de 10 secondes. |
| Afficher sur les pages | Toutes les pages (all) |
Sélectionnez Pages produit uniquement (product), Pages de catégories uniquement (category) ou Pages de commande uniquement (checkout). |
Le ciblage du paiement correspond à cart, order, order-opc, orderopc et checkout. Un contrôleur de paiement personnalisé portant un autre nom ne correspondra pas à ce choix.
Le module charge sa feuille de style locale via displayHeader. Votre thème doit exécuter displayFooter sous PrestaShop 1.6 ou displayBeforeBodyClosingTag sous les versions suivantes.
Le bouton ouvre toujours https://m.me/PAGE_ID dans un nouvel onglet. Le module ne charge pas le SDK Facebook et n’intègre pas de Facebook Chat Plugin. Les anciens ID d’application enregistrés ne modifient pas ce comportement.
Les conversations restent dans Messenger et dans la boîte de réception de votre Page. Le module ne propose ni chatbot, ni horaires d'ouverture programmés, ni transfert de référence de commande, ni boîte de tickets PrestaShop.
Vérifier et résoudre les problèmes
- Ouvrez une page autorisée par Afficher sur les pages et interagissez avec elle. Si vous ne faites rien, attendez le délai de secours.
- Cliquez sur le bouton et vérifiez qu’il ouvre la conversation de votre propre Page dans Messenger.
- Si le bouton est absent, vérifiez Activer le widget, l'identifiant requis, Afficher sur mobile et le ciblage des pages. Le back-office affiche un avis de configuration si l'identifiant est absent ou invalide. Les identifiants modifiés sont validés à l'enregistrement ; une modification invalide conserve la configuration précédente.
- Si le balisage est absent sur toutes les pages autorisées, vérifiez le hook de rendu dans votre thème. S'il est présent mais masqué, vérifiez le CSS du thème, les erreurs JavaScript et les boutons fixes qui se superposent.
- Si une ancienne surcharge du thème charge encore le script Facebook Chat Plugin, mettez-la à jour à partir du template actuel du module pour rétablir le bouton m.me direct.
Personnalisation du thème
Surchargez themes/your-theme/modules/mprmessengerchatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl si vous avez besoin d'un balisage différent. Conservez vos modifications dans le thème.
L'ID du widget est #mprmessenger-widget. Les classes de position, de style et d'animation utilisent le même préfixe, comme .mprmessenger-bottom-right, .mprmessenger-bar et .mprmessenger-pulse. La classe de l'infobulle est .mprmessenger-tooltip.
Vous pouvez déplacer le bouton au-dessus d'un autre élément fixe dans la feuille de style de votre thème :
#mprmessenger-widget.mprmessenger-bottom-right {
bottom: calc(var(--mprmsn-margin, 20px) + 50px);
}
#mprmessenger-widget .mprmessenger-tooltip {
font-size: 12px;
}
Les paramètres génèrent --mprmsn-color, --mprmsn-size et --mprmsn-margin sur le conteneur. Utilisez les paramètres pour modifier ces valeurs.
Désactiver ou désinstaller
Désactivez Activer le widget pour ne plus afficher le bouton. Pour supprimer le module, utilisez "Uninstall" dans "Module Manager". La désinstallation supprime ses entrées de menu et sa configuration enregistrée. Elle ne supprime pas les conversations conservées dans Messenger.
Questions
1
Le module vérifie-t-il le consentement avant de charger les scripts Facebook ?
Problèmes connus
6
Le lien du chat a un libellé accessible incorrect
L'avertissement de configuration reste obsolète après l'enregistrement
Des libellés de l'administration restent non traduits
Les pages d'administration existantes ne s'ouvrent plus
Les ressources de la boutique échouent lors du regroupement
Les paramètres du chat enregistrés ne sont pas appliqués
Demandes de fonctionnalités
5
Implémenté
Bouton de contact Messenger configurable
Mises à jour depuis le back-office
Administration multilingue
Vérification de la configuration requise
Textes du chat par langue
Journal des modifications
v1.1.142026-05-27
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedMigrate chat config from ps_configuration to ConfigTable
Versions précédentes
v1.1.142026-05-26
- Certified the release ZIP with the shared package surface gate.
- Rebuilt the package without source maps, build tooling or leaked shared-package development files.
- Addedvendor/.htaccess so packaged admin assets remain reachable while vendor PHP stays protected.
- Aligned module source, config.xml, composer metadata, package metadata and live release metadata.
v1.1.132026-05-25
- Completed locale coverage for Messenger chat configuration and storefront labels.
- Confirmed live Messenger setup content with real configuration and storefront screenshots.
v1.1.x
- Direct m.me Messenger button using Facebook Page ID.
- Optional Facebook Customer Chat Plugin mode when App ID / SDK mode is configured.
- Placement, style, colour, tooltip, animation, mobile visibility and page targeting controls.
- Back-office readiness checks for the required Messenger Page ID configuration.
Demo
Testez le module complet avant d'acheter
Achetez la licence plus tard et gardez vos réglages.
- Votre démo de 30 jours Testez-le sur votre propre boutique pendant 30 jours à partir de la première installation.
- Boutique de démo prête Découvrez une boutique de démo prête dans votre navigateur.
- Sans inscription Ni compte, ni e-mail, ni domaine de boutique requis.
En téléchargeant, vous acceptez les conditions de la démo et la politique de confidentialité.
En ouvrant cette démo, vous acceptez les conditions de la démo et la politique de confidentialité.