Messenger Chat-Integration: Einrichtung und Hilfe

Schnellstart

  1. Laden Sie die ZIP-Datei des Moduls unter "Modules > Module Manager" hoch und öffnen Sie "Configure".
  2. Geben Sie Ihre Facebook-Seiten-ID ein (5 bis 32 Ziffern).
  3. Das Modul verwendet einen direkten m.me-Link; eine Facebook App-ID ist nicht erforderlich.
  4. Lassen Sie Widget aktivieren aktiviert und wählen Sie Position und Button-Stil.
  5. Legen Sie Auf Mobilgeräten anzeigen und Auf Seiten anzeigen fest und klicken Sie auf Speichern.
  6. Öffnen Sie eine zulässige Shop-Seite und scrollen oder klicken Sie, um die Schaltfläche zu laden.
  7. 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

  1. Öffnen Sie "Modules > Module Manager" in Ihrem Backoffice.
  2. Wählen Sie "Upload a module" und laden Sie die ZIP-Datei von Messenger Chat Integration hoch.
  3. Öffnen Sie "Configure".
  4. Geben Sie unter Messenger-Verbindung Ihre Facebook-Seiten-ID ein.
  5. Lassen Sie Widget aktivieren aktiviert und speichern Sie.
  6. Ö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?

Das Modul lädt kein Facebook-SDK. Seine Schaltfläche öffnet beim Anklicken Messenger über einen direkten m.me-Link. Das Modul prüft keine Einwilligungsentscheidung.

Bekannte Probleme

6

Chat-Link hat eine falsche barrierefreie Beschriftung

GelöstAktualisiert:
Behoben in: 1.1.20
Screenreader konnten eine Beschriftung ausgeben, die nicht zum sichtbaren Chat-Link oder zur Shop-Sprache passte.

Einrichtungswarnung bleibt nach dem Speichern veraltet

GelöstAktualisiert:
Behoben in: 1.1.20
Der Einrichtungsstatus konnte nach erfolgreichem Speichern weiterhin die alten Einstellungen anzeigen.

Beschriftungen in der Verwaltung bleiben unübersetzt

GelöstAktualisiert:
Behoben in: 1.1.20
Einige Beschriftungen in der Verwaltung blieben trotz vorhandener Übersetzungen in der Ausgangssprache.

Vorhandene Verwaltungsseiten öffnen sich nicht mehr

GelöstAktualisiert:
Behoben in: 1.1.15
Das Modul konnte seine Verwaltungsseiten nach Änderungen der Controller-Namen nicht mehr finden.

Shop-Ressourcen funktionieren bei Bündelung nicht

GelöstAktualisiert:
Behoben in: 1.1.15
Chat-Ressourcen konnten bei aktivierter Ressourcenoptimierung von PrestaShop nicht korrekt zusammengefasst werden.

Gespeicherte Chat-Einstellungen werden nicht angewendet

GelöstAktualisiert:
Behoben in: 1.1.14
Der Chat im Shop konnte die in der Verwaltung gespeicherten Einstellungen nicht verwenden.

Funktionsanfragen

5

Implementiert

Konfigurierbare Messenger-Kontaktschaltfläche

Implementiert
Wählen Sie Aussehen, Position, Anzeigeverzögerung, mobile Sichtbarkeit und die Seiten, auf denen die Messenger-Kontaktschaltfläche erscheint.

Updates über das Backoffice

Implementiert
Suchen Sie im Backoffice nach Modulupdates und installieren Sie sie dort.

Mehrsprachige Verwaltung

Implementiert
Nutzen Sie die Modulverwaltung auf Französisch, Deutsch, Spanisch, Italienisch und Polnisch.

Prüfung der Einsatzbereitschaft

Implementiert
Sehen Sie vor der Aktivierung der Integration, welche erforderlichen Einstellungen fehlen.

Chat-Texte nach Sprache

Implementiert
Legen Sie Begrüßungen, Schaltflächentexte und weitere für Besucher sichtbare Chat-Texte für jede Shopsprache separat fest.

Ä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.
Demo-Shop starten

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.

Lade ...
Nach oben