JivoChat-Integration: Einrichtung und Hilfe

Schnellstart

  1. Laden Sie die ZIP-Datei von mprjivochat unter Module > "Module Manager" > "Upload a module" hoch und installieren Sie das Modul.
  2. Klicken Sie auf "Configure", um JivoChat-Konfiguration zu öffnen.
  3. Fügen Sie nur Ihren JivoChat-Kennwert in Widget-ID ein; lassen Sie JivoChat aktivieren auf Ja eingestellt.
  4. Wählen Sie Auf Seiten anzeigen und Auf Mobilgeräten anzeigen passend zu Ihrer Testseite und Ihrem Testgerät.
  5. Prüfen Sie Kundendaten übermitteln; lassen Sie "Fallback Delay (seconds)" auf 0 für das Laden nach 10 Sekunden ohne Interaktion und klicken Sie auf Speichern.
  6. Öffnen Sie eine zugelassene Shopseite und scrollen, klicken oder tippen Sie auf die Seite oder drücken Sie eine Taste, um den JivoChat-Loader zu starten.
  7. Prüfen Sie, ob sich das Widget öffnet, und führen Sie eine Testunterhaltung in JivoChat; testen Sie auch eine ausgeschlossene Seite oder ein ausgeschlossenes Gerät.

Erfordert PrestaShop 1.6 oder neuer und PHP 7.1 oder neuer.

Einrichtungsanleitung

Installieren und verbinden

Verbinden Sie Ihren Shop mit JivoChat. Sie benötigen ein bestehendes Dienstkonto und dessen Kennwert Widget-ID. Konfigurieren Sie Unterhaltungen und das sichtbare Widget im Dienstkonto.

Die Aktion "Configure" des Moduls öffnet JivoChat-Konfiguration. Die Konfigurationsseite zeigt außerdem einen Hinweis zur erforderlichen Konfiguration und ein Integritätsbanner an. Verwenden Sie die Modulseiten Konfiguration, "Integrity", Lizenz, Support und Aktualisieren für die jeweiligen Wartungsarbeiten.

Verbindungswert finden

Kopieren Sie die Widget-ID aus dem Installationscode für Ihren Website-Kanal in JivoChat. Der Einrichtungsbereich verweist auf "Manage" > "Channels" > "Website widget". Fügen Sie nur die Kennung ein. Fügen Sie keine vollständige URL und kein vollständiges Skript ein.

Der Standardwert ist leer. Bei neuen oder geänderten Kennungen erwartet das Modul 5 bis 128 Buchstaben oder Ziffern. Bei einer abgelehnten Kennung bleibt die zuvor gespeicherte Konfiguration erhalten. Korrigieren Sie den Wert und speichern Sie erneut.

Anzeige und Kundendaten konfigurieren

Legen Sie diese Felder in JivoChat-Konfiguration fest und klicken Sie auf Speichern.

Einstellung Standard bei Installation Vorgehen
JivoChat aktivieren Ja Wählen Sie Nein, damit dieses Modul das Widget nicht mehr ausgibt. Lassen Sie den Verbindungswert beim Speichern ausgefüllt, auch wenn Sie den Chat deaktivieren.
Widget-ID Leer Geben Sie vor dem Testen Ihre Dienstkennung ein. Ein leerer Wert verhindert die Ausgabe im Shop.
Kundendaten übermitteln Ja Übermitteln Sie den Namen und die E-Mail-Adresse des angemeldeten Kunden beim Laden des Widgets an JivoChat. Wählen Sie Nein, um diese Übergabe zu unterlassen.
Auf Mobilgeräten anzeigen Ja Wählen Sie Nein, um vom Server erkannte mobile Besucher auszuschließen. Testen Sie mit Ihrem tatsächlichen Smartphone.
"Fallback Delay (seconds)" 0 Dies ist die maximale Wartezeit bis zum Laden ohne Interaktion. Bei null wird nach 10 Sekunden geladen. Ein positiver Wert ändert diese Wartezeit; eine Interaktion kann das Laden früher auslösen.
Auf Seiten anzeigen Alle Seiten Beschränken Sie den Loader auf eine der folgenden Seitengruppen.

Seitengruppen

Auswahl im Backoffice Gespeicherter Wert Zugelassene Controller
Alle Seiten all Alle Shopseiten
Nur Produktseiten product product
Nur Kategorieseiten category category
Nur Bestellseiten checkout cart, order, order-opc, orderopc, checkout

Die Auswahl erfolgt anhand der Controllernamen. Ein eigener Checkout-Controller außerhalb dieser Liste wird von Nur Bestellseiten nicht erfasst. Es gibt kein Feld für eigene URL-Regeln. Auf Mobilgeräten anzeigen verwendet die Mobilgeräteerkennung von PrestaShop und nicht nur die Browserbreite.

Kundenfelder

Wenn Kundendaten übermitteln aktiviert und der Kunde angemeldet ist, registriert das Modul vor dem Laden des Widgets window.jivo_onLoadCallback. Wenn JivoChat diesen Callback aufruft und jivo_api verfügbar ist, übermittelt er Name und E-Mail-Adresse über jivo_api.setContactInfo. Wählen Sie Nein, um diese Übergabe zu unterlassen.

Gäste erhalten durch dieses Modul keine PrestaShop-Felder zur Kundenidentität. Der Dienst kann weiterhin über sein eigenes Widget Informationen erfassen. Dieses Modul synchronisiert weder den Bestellverlauf noch den Warenkorbinhalt.

Beispielkonfiguration

Wählen Sie für Bestellseiten auf Desktopgeräten Nur Bestellseiten, setzen Sie Auf Mobilgeräten anzeigen auf Nein und "Fallback Delay (seconds)" auf 2. Der Loader startet bei der ersten Interaktion oder nach zwei Sekunden ohne Interaktion.

Laden im Shop prüfen

Das Modul registriert displayBeforeBodyClosingTag. Zuerst prüft es den Aktivierungsschalter, den Verbindungswert sowie die Geräte- und Seitenregel. Anschließend fügt es einen verzögerten Loader nahe dem Seitenende ein.

Scrollen, klicken oder tippen Sie auf die Seite oder drücken Sie eine Taste, um den Loader auszulösen. Warten Sie ohne Interaktion die konfigurierte Ersatzwartezeit ab. Der gemeinsame Loader entfernt die interne Vorlagenverzögerung, sodass die beiden Wartezeiten nicht addiert werden. Warten Sie beim Installationsstandard 0 10 Sekunden, bevor Sie bei einer Seite ohne Interaktion von einem Ladefehler ausgehen.

Prüfen Sie in den Entwicklerwerkzeugen des Browsers, ob eine Anfrage mit folgendem Muster vorhanden ist:

//code.jivosite.com/widget/{Widget ID}

Öffnen Sie das Widget und senden Sie eine Testnachricht. Prüfen Sie, ob sie im Posteingang des Dienstes ankommt. Testen Sie abschließend die ausgeschlossenen Seiten und Mobilgeräte.

Verwalten Sie Mitarbeiter, Kanäle, Weiterleitung, Offline-Formulare und Automatisierung in JivoChat. Dieses Modul stellt den Widget-Loader für den Shop und die Anzeigeregeln bereit.

Fehlerbehebung

  • Wenn kein Loader ausgegeben wird, prüfen Sie JivoChat aktivieren, Widget-ID, Auf Seiten anzeigen und Auf Mobilgeräten anzeigen.
  • Warten Sie bei einer Seite ohne Interaktion die Ersatzwartezeit ab oder interagieren Sie mit der Seite. "Fallback Delay (seconds)" auf 0 bedeutet kein sofortiges Laden.
  • Wenn das Speichern fehlschlägt, lassen Sie die Kennung ausgefüllt, prüfen Sie ihr Format, laden Sie die Konfigurationsseite neu und versuchen Sie es erneut. Verwenden Sie für einen Live-Test keine Platzhalter-Zugangsdaten.
  • Wenn die externe Anfrage fehlschlägt, prüfen Sie Fehler in der Browserkonsole, Skriptblockierungen, die Content Security Policy und etwaige Einwilligungswerkzeuge in Ihrem Shop.
  • Wenn das Skript lädt, aber die Schaltfläche zum Öffnen fehlt, prüfen Sie die Veröffentlichung des Widgets im Dienst, die Verfügbarkeit des Kontos und die Anzeigeregeln.
  • Wenn Name oder E-Mail-Adresse des angemeldeten Kunden fehlen, prüfen Sie Kundendaten übermitteln, laden Sie die Seite neu und suchen Sie nach Fehlern oder einer anderen Integration, die window.jivo_onLoadCallback ersetzt.
  • Wenn eine andere Integration das Dienstskript ebenfalls einfügt, prüfen Sie die gerenderte Seite auf doppelten oder widersprüchlichen Installationscode.

Eigenes Theme prüfen

Ihr Theme muss den Hook vor dem schließenden body-Tag ausführen. Ein Entwickler kann diesen Aufruf vor </body> ergänzen, wenn er im Theme fehlt:

{hook h='displayBeforeBodyClosingTag'}

Kopieren Sie für eine Anpassung der Theme-Vorlage:

modules/mprjivochat/views/templates/hook/displayBeforeBodyClosingTag.tpl

nach:

themes/your-theme/modules/mprjivochat/views/templates/hook/displayBeforeBodyClosingTag.tpl

Behalten Sie die Smarty-Variablen des Moduls und das Escaping der Kennung bei. Der gemeinsame Interaktions-Wrapper gilt weiterhin für diese Hook-Vorlage.

Konfigurationsreferenz

Das Formular verwendet für übermittelte Feldnamen das Präfix MPRJIVO_. Die aktuelle Speicherung erfolgt für das Modul mprjivochat in der gemeinsamen Tabelle mpr_config mit kurzen Schlüsseln:

ENABLED
WIDGET_ID
SHOW_MOBILE
PAGES
DELAY
PASS_USER_DATA

Die Datenbanktabelle verwendet das Tabellenpräfix Ihres Shops; ps_mpr_config ist daher nur ein Beispielname. Verwenden Sie für normale Änderungen das Konfigurationsformular. Behandeln Sie die Formularfeldnamen nicht als aktuelle Datenbankschlüssel.

Deaktivieren oder deinstallieren

Setzen Sie JivoChat aktivieren auf Nein und speichern Sie mit weiterhin ausgefüllter Kennung, um die Ausgabe dieses Moduls zu pausieren. Sie können das Modul auch unter "Module Manager" deaktivieren.

Verwenden Sie zum Entfernen "Uninstall" unter "Module Manager" und bestätigen Sie. Bei der Deinstallation werden die Modulkonfiguration und die Einträge im Admin-Menü entfernt. Das externe Dienstkonto wird dadurch nicht geschlossen und Code aus anderen Modulen oder Themes wird nicht entfernt.

Fragen

1

Speichert das Modul Chat-Transkripte?

Das Modul lädt das externe JivoChat-Widget und speichert seine Verbindungs- und Anzeigeeinstellungen.

Es bietet keine lokale Transkriptansicht, keinen Export und keine Funktion zum Löschen von Transkripten.

Verwalten Sie Unterhaltungen in JivoChat. Die Deinstallation des PrestaShop-Moduls entfernt seine Konfiguration und Menüeinträge; sie verwaltet keinen Gesprächsverlauf beim externen Dienst.

Bekannte Probleme

2

Einrichtungsstatus blieb nach dem Speichern veraltet

GelöstAktualisiert:
Behoben in: 1.1.19
Der Einrichtungsstatusbanner konnte nach dem Speichern weiterhin die alten Einstellungen anzeigen.

Verwaltungstexte blieben auf Englisch

GelöstAktualisiert:
Behoben in: 1.1.19
Übersetzte JivoChat-Verwaltungstexte konnten auf Englisch bleiben.

Funktionsanfragen

5

Implementiert

Konfigurierbarer JivoChat

Implementiert
Zeigen Sie JivoChat auf ausgewählten Seitentypen an, steuern Sie die mobile Sichtbarkeit und legen Sie eine Ladeverzögerung fest.

Kundendaten im Chat

Implementiert
Übergeben Sie optional Daten angemeldeter Kunden an JivoChat.

Updates mit einem Klick

Implementiert
Aktualisieren Sie das Modul über seine Verwaltungsseite.

Mehrsprachige Verwaltung

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

Chat-Texte je Sprache

Implementiert
Konfigurieren Sie die für Besucher sichtbaren Chat-Texte für jede Shopsprache separat.

Änderungsprotokoll

v1.1.132026-09-14

  • Addedcomplete FR/DE/ES/IT/PL translations
Ältere Versionen

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup

v1.2.02026-01-23

  • Addedfull compatibility with PrestaShop 9.x and Hummingbird theme
  • Addedcustomer data forwarding: passes name, email, and cart value to JivoChat agent panel
  • Improvedwidget load order to prevent layout shift score (CLS) regression
  • Fixedwidget not dismissing on mobile when customer tapped outside the chat area
  • Addedconfigurable mobile bottom offset to prevent overlap with sticky checkout bar

v1.1.02025-08-04

  • Addedsupport for JivoChat multi-channel routing to phone, WhatsApp, and email channels
  • Improvedpage exclusion rules with regex support for dynamic URLs
  • Fixeddouble widget injection when module was present in both head and body hooks
  • Addedvisitor tracking: shows current page URL and referrer inside agent panel

v1.0.02025-04-24

  • Initialrelease: JivoChat omnichannel widget integration for PrestaShop
  • InitialWidget ID configuration with immediate front-office preview
  • InitialDisplay rule editor: show/hide by page type, customer group, or device
  • InitialChat, phone, email, and social media channels unified in one agent app

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