Messenger Chat-Integration: Einrichtung und Hilfe
Schnellstart
- Laden Sie die ZIP-Datei des Moduls unter "Modules > Module Manager" hoch und öffnen Sie "Configure".
- Geben Sie Ihre Facebook-Seiten-ID ein (5 bis 32 Ziffern).
- Das Modul verwendet einen direkten m.me-Link; eine Facebook App-ID ist nicht erforderlich.
- Lassen Sie Widget aktivieren aktiviert und wählen Sie Position und Button-Stil.
- Legen Sie Auf Mobilgeräten anzeigen und Auf Seiten anzeigen fest und klicken Sie auf Speichern.
- Öffnen Sie eine zulässige Shop-Seite und scrollen oder klicken Sie, um die Schaltfläche zu laden.
- Klicken Sie auf die Schaltfläche und prüfen Sie, ob die gewünschte Messenger-Unterhaltung geöffnet wird.
Erfordert PrestaShop 1.6 oder neuer und PHP 7.1 oder neuer.
Einrichtungsanleitung
Installieren und verbinden
- Öffnen Sie "Modules > Module Manager" in Ihrem Backoffice.
- Wählen Sie "Upload a module" und laden Sie die ZIP-Datei von Messenger Chat Integration hoch.
- Öffnen Sie "Configure".
- Geben Sie unter Messenger-Verbindung Ihre Facebook-Seiten-ID ein.
- Lassen Sie Widget aktivieren aktiviert und speichern Sie.
- Öffnen Sie Ihren Shop, scrollen oder klicken Sie und testen Sie anschließend die Kontaktschaltfläche.
Erfordert PrestaShop 1.6 oder neuer und PHP 7.1 oder neuer.
Verbindungseinstellungen
| Einstellung | Standardwert nach der Installation | Ihre Aktion |
|---|---|---|
| Widget aktivieren | Ja | Deaktivieren Sie dies, um die Schaltfläche zu pausieren und Ihre Einstellungen zu behalten. |
| Facebook-Seiten-ID | Leer | Geben Sie Ihre numerische Seiten-ID mit 5 bis 32 Ziffern ein. Geben Sie keine Seiten-URL und keinen Benutzernamen ein. |
| Facebook App-ID (entfernt) | Nicht verfügbar | Dieses Feld und der SDK-Modus wurden entfernt. Früher gespeicherte App-IDs werden ignoriert; das Modul verwendet immer einen direkten m.me-Link. |
| Begrüßungstext (entfernt) | Nicht verfügbar | Dieses reine SDK-Feld wurde entfernt. Im Modul gibt es keine Begrüßung für einen eingebetteten Chat zu konfigurieren. |
Sie bearbeiten die Formulare für die Verbindung, Erscheinungsbild und Verhalten auf der Modulkonfigurationsseite. Verwenden Sie nach Änderungen Speichern. Buttontext und Tooltip-Text unterstützen sprachabhängige Texte. Fehlende Sprachtexte werden zunächst durch die Standardsprache und anschließend durch den gespeicherten Basistext ersetzt.
Erscheinungsbild
| Einstellung | Standardwert nach der Installation | Wann ändern |
|---|---|---|
| Position | Unten rechts (bottom-right) |
Wählen Sie Unten links (bottom-left), wenn die rechte Ecke belegt ist. |
| Button-Stil | Schwebendes Symbol (icon) |
Wählen Sie Leiste mit Text (bar), um Buttontext anzuzeigen. |
| Buttontext | Chatten Sie mit uns | Legen Sie den im Leistenstil angezeigten Text fest. |
| Schaltflächenfarbe | #0084FF |
Legen Sie die Hintergrundfarbe der Schaltfläche fest. |
| Schaltflächengröße (px) | 60 | Legen Sie den Durchmesser des runden Symbols fest. |
| Abstand vom Rand (px) | 20 | Passen Sie den Abstand zum unteren und zum gewählten seitlichen Rand an. |
| Tooltip anzeigen | Ja | Deaktivieren Sie dies, um den Hinweis beim Darüberfahren auszublenden. |
| Tooltip-Text | Schreiben Sie uns auf Messenger! | Legen Sie den Hinweis beim Darüberfahren fest. |
| Animation | Pulsieren (pulse) |
Wählen Sie Abprallen (bounce) oder Keiner (none). |
Verhalten und Anzeige im Shop
| Einstellung | Standardwert nach der Installation | Funktion |
|---|---|---|
| Auf Mobilgeräten anzeigen | Ja | Deaktivieren Sie dies, um die Ausgabe auszublenden, wenn PrestaShop einen mobilen Besucher erkennt. |
| "Fallback Delay (seconds)" | 0 | Das Widget wird beim ersten Scrollen, Klicken, Berühren oder Tastendruck geladen. Ein positiver Wert legt die maximale Wartezeit ohne Interaktion fest. Bei null greift ein Ersatz-Timer von 10 Sekunden. |
| Auf Seiten anzeigen | Alle Seiten (all) |
Wählen Sie Nur Produktseiten (product), Nur Kategorieseiten (category) oder Nur Bestellseiten (checkout). |
Die Checkout-Zuordnung erkennt cart, order, order-opc, orderopc und checkout. Ein eigener Checkout-Controller mit anderem Namen wird dieser Auswahl nicht zugeordnet.
Das Modul lädt sein lokales Stylesheet über displayHeader. Ihr Theme muss unter PrestaShop 1.6 displayFooter und unter neueren Versionen displayBeforeBodyClosingTag ausführen.
Die Schaltfläche öffnet immer https://m.me/PAGE_ID in einem neuen Tab. Das Modul lädt kein Facebook-SDK und bettet kein Facebook Chat Plugin ein. Früher gespeicherte App-IDs ändern dieses Verhalten nicht.
Unterhaltungen bleiben in Messenger und im Posteingang Ihrer Seite. Das Modul bietet keinen Chatbot, keinen Geschäftszeitenplan, keine Weiterleitung von Bestellreferenzen und keinen PrestaShop-Ticket-Posteingang.
Prüfen und Probleme beheben
- Öffnen Sie eine durch Auf Seiten anzeigen erlaubte Seite und interagieren Sie damit. Wenn Sie nichts tun, warten Sie auf den Ersatz-Timer.
- Klicken Sie auf die Schaltfläche und prüfen Sie, ob Ihre eigene Seitenunterhaltung in Messenger geöffnet wird.
- Wenn die Schaltfläche fehlt, prüfen Sie Widget aktivieren, die erforderliche Kennung, Auf Mobilgeräten anzeigen und die Seitenauswahl. Das Backoffice zeigt bei fehlender oder ungültiger Kennung einen Konfigurationshinweis an. Geänderte Kennungen werden beim Speichern geprüft; eine ungültige Änderung behält die vorherige Konfiguration bei.
- Wenn das Markup auf allen zulässigen Seiten fehlt, prüfen Sie den Darstellungs-Hook in Ihrem Theme. Ist es vorhanden, aber unsichtbar, prüfen Sie Theme-CSS, JavaScript-Fehler und überlappende fixierte Schaltflächen.
- Falls eine alte Theme-Überschreibung noch das Facebook Chat Plugin lädt, aktualisieren Sie sie anhand des aktuellen Modultemplates, um die direkte m.me-Schaltfläche wiederherzustellen.
Theme anpassen
Überschreiben Sie themes/your-theme/modules/mprmessengerchatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl, wenn Sie anderes Markup benötigen. Behalten Sie Ihre Änderungen im Theme.
Die Widget-ID lautet #mprmessenger-widget. Klassen für Position, Stil und Animation verwenden dasselbe Präfix, etwa .mprmessenger-bottom-right, .mprmessenger-bar und .mprmessenger-pulse. Die Tooltip-Klasse lautet .mprmessenger-tooltip.
Sie können die Schaltfläche im Stylesheet Ihres Themes über ein anderes fixiertes Element verschieben:
#mprmessenger-widget.mprmessenger-bottom-right {
bottom: calc(var(--mprmsn-margin, 20px) + 50px);
}
#mprmessenger-widget .mprmessenger-tooltip {
font-size: 12px;
}
Die Einstellungen erzeugen --mprmsn-color, --mprmsn-size und --mprmsn-margin auf dem umschließenden Element. Verwenden Sie die Einstellungen, um diese Werte zu ändern.
Deaktivieren oder deinstallieren
Deaktivieren Sie Widget aktivieren, um die Schaltfläche nicht mehr anzuzeigen. Zum Entfernen des Moduls verwenden Sie "Uninstall" im "Module Manager". Die Deinstallation entfernt seine Menüeinträge und die gespeicherte Modulkonfiguration. In Messenger gespeicherte Unterhaltungen werden nicht gelöscht.
Fragen
1
Prüft das Modul die Einwilligung, bevor es Facebook-Skripte lädt?
Bekannte Probleme
6
Chat-Link hat eine falsche barrierefreie Beschriftung
Einrichtungswarnung bleibt nach dem Speichern veraltet
Beschriftungen in der Verwaltung bleiben unübersetzt
Vorhandene Verwaltungsseiten öffnen sich nicht mehr
Shop-Ressourcen funktionieren bei Bündelung nicht
Gespeicherte Chat-Einstellungen werden nicht angewendet
Funktionsanfragen
5
Implementiert
Konfigurierbare Messenger-Kontaktschaltfläche
Updates über das Backoffice
Mehrsprachige Verwaltung
Prüfung der Einsatzbereitschaft
Chat-Texte nach Sprache
Änderungsprotokoll
v1.1.142026-05-27
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedMigrate chat config from ps_configuration to ConfigTable
Ältere Versionen
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
Testen Sie das vollständige Modul vor dem Kauf
Kaufen Sie die Lizenz später, Ihre Einstellungen bleiben erhalten.
- Ihre 30-Tage-Demo Testen Sie es 30 Tage ab der ersten Installation in Ihrem eigenen Shop.
- Fertiger Demo-Shop Entdecken Sie einen fertigen Demo-Shop im Browser.
- Ohne Registrierung Kein Konto, keine E-Mail-Adresse und keine Shop-Domain nötig.
Mit dem Download akzeptieren Sie die Demo-Bedingungen und die Datenschutzerklärung.
Mit dem Öffnen dieser Demo akzeptieren Sie die Demo-Nutzungsbedingungen und die Datenschutzerklärung.