Intégration Messenger Chat : installation et aide

Démarrage rapide

  1. Importez le ZIP du module dans "Modules > Module Manager" et ouvrez "Configure".
  2. Saisissez votre ID de page Facebook (5 à 32 chiffres).
  3. Le module utilise un lien m.me direct ; aucun ID d’application Facebook n’est nécessaire.
  4. Laissez Activer le widget activé ; sélectionnez Position et Style du bouton.
  5. Définissez Afficher sur mobile et Afficher sur les pages, puis cliquez sur Enregistrer.
  6. Ouvrez une page autorisée de la boutique et faites défiler ou cliquez pour charger le bouton.
  7. 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

  1. Ouvrez "Modules > Module Manager" dans votre back-office.
  2. Choisissez "Upload a module" et importez le ZIP de Messenger Chat Integration.
  3. Ouvrez "Configure".
  4. Dans Connexion Messenger, saisissez votre ID de page Facebook.
  5. Laissez Activer le widget activé et enregistrez.
  6. 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 ?

Le module ne charge pas le SDK Facebook. Son bouton ouvre Messenger via un lien m.me direct lorsque le visiteur clique dessus. Le module ne vérifie pas le consentement.

Problèmes connus

6

Le lien du chat a un libellé accessible incorrect

RésoluMis à jour :
Corrigé dans : 1.1.20
Les lecteurs d'écran pouvaient annoncer un libellé ne correspondant pas au lien du chat visible ou à la langue de la boutique.

L'avertissement de configuration reste obsolète après l'enregistrement

RésoluMis à jour :
Corrigé dans : 1.1.20
La bannière d'état de configuration pouvait continuer à afficher les anciens paramètres après un enregistrement réussi.

Des libellés de l'administration restent non traduits

RésoluMis à jour :
Corrigé dans : 1.1.20
Certains libellés de l'administration restaient dans la langue source malgré les traductions disponibles.

Les pages d'administration existantes ne s'ouvrent plus

RésoluMis à jour :
Corrigé dans : 1.1.15
Le module pouvait ne plus trouver ses pages d'administration après le changement des noms des contrôleurs.

Les ressources de la boutique échouent lors du regroupement

RésoluMis à jour :
Corrigé dans : 1.1.15
Les ressources du chat pouvaient ne pas se regrouper correctement lorsque l'optimisation des ressources de PrestaShop était activée.

Les paramètres du chat enregistrés ne sont pas appliqués

RésoluMis à jour :
Corrigé dans : 1.1.14
Le chat de la boutique pouvait ne pas utiliser les paramètres enregistrés dans l'administration.

Demandes de fonctionnalités

5

Implémenté

Bouton de contact Messenger configurable

Implémenté
Choisissez l’apparence, la position, le délai d’affichage, la visibilité sur mobile et les pages où apparaît le bouton de contact Messenger.

Mises à jour depuis le back-office

Implémenté
Recherchez et installez les mises à jour du module depuis le back-office.

Administration multilingue

Implémenté
Utilisez l’administration du module en français, allemand, espagnol, italien et polonais.

Vérification de la configuration requise

Implémenté
Consultez les paramètres obligatoires manquants avant d’activer l’intégration.

Textes du chat par langue

Implémenté
Définissez les salutations, les textes des boutons et les autres textes du chat destinés aux visiteurs séparément pour chaque langue de la boutique.

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.
Lancer la boutique de démo

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é.

Chargement...
Retour en haut