Teams Chat-Integration: Einrichtung und Hilfe

Schnellstart

  1. Wählen Sie unter Modul > "Module Manager" die Option "Upload a module" und installieren Sie die ZIP-Datei mprskypechatintegration.
  2. Klicken Sie auf "Configure".
  3. Fügen Sie unter Teams-Verbindung Ihren Teams Free-Einladungslink ein, den Sie in Microsoft Teams Free über Zu Teams einladen kopiert haben.
  4. Lassen Sie Teams Chat aktivieren auf Ja und wählen Sie die Ecke unter Button-Darstellung > Position.
  5. Lassen Sie unter Anzeigeverhalten für den ersten Test Auf Seiten anzeigen auf Alle Seiten und Fallback-Verzögerung (Sekunden) auf 0.
  6. Klicken Sie auf Speichern. Öffnen Sie eine zulässige Shopseite mit aktiviertem JavaScript.
  7. Scrollen oder klicken Sie auf der Seite oder warten Sie 10 Sekunden. Prüfen Sie, ob die Schaltfläche erscheint, und öffnen Sie damit den gespeicherten Teams Free-Einladungslink. Kunden müssen sich gegebenenfalls bei Teams anmelden.

Erfordert PrestaShop 1.6 oder neuer und PHP 7.1 oder neuer.

Einrichtungsanleitung

Installation und Erstkonfiguration

Verwenden Sie bei älteren PrestaShop-Versionen die entsprechende Seite zur Modulinstallation. Öffnen Sie dieses Modul über "Configure", wenn Sie zu seinen Einstellungen zurückkehren möchten.

Verfügbarkeit des Dienstes

Skype wurde am 5. Mai 2025 eingestellt. Diese Version ersetzt das alte Skype-Widget durch Teams Chat-Integration und verwendet einen Microsoft Teams Free-Einladungslink. Die Modulkennung bleibt mprskypechatintegration. Siehe Microsofts Hinweis zur Einstellung von Skype.

Teams-Verbindung

Einstellung Standard Was Sie tun
Teams Chat aktivieren Ja Deaktivieren Sie diese Option, um die Ausgabe im Shop zu stoppen und die gespeicherte Konfiguration beizubehalten.
Teams Free-Einladungslink Leer Fügen Sie den vollständigen, aus Teams Free kopierten Link mit https://teams.live.com/l/invite/ ein. Andere Kontaktformate werden nicht akzeptiert.

Diese Version hat weder ein Feld "Pre-filled Message" noch eine Nachrichtenverarbeitung in ihrem Shop-Hook.

Die Konfigurationsseite bietet nach dem Speichern eines Einladungslinks einen Testlink. Bei jedem Speichern im Hauptformular wird das Linkformat geprüft, auch bei unveränderten Werten. Eine abgelehnte Änderung behält die bisherige Konfiguration bei.

Der aktuelle Konfigurationsbereich heißt Teams-Verbindung. Hauptformular, Bereitschaftshinweis und Shop verwenden dieselbe Formatprüfung: https://teams.live.com/l/invite/<code>, optional gefolgt von ?v=<value>. Code und optionaler Wert dürfen nur Buchstaben, Zahlen, Bindestriche und Unterstriche enthalten.

Button-Darstellung

Einstellung Standard Was Sie tun
Position bottom-right Wählen Sie Unten rechts oder Unten links, um andere schwebende Bedienelemente zu vermeiden.
Button-Stil icon Wählen Sie Schwebendes Icon für die runde Schaltfläche oder Leiste mit Text für eine Textschaltfläche.
Button-Text Chat on Teams Legen Sie die Beschriftung im Leistenmodus fest. Die Vorlage verwendet sie auch als barrierefreie Beschriftung einer Symbolschaltfläche.
Button-Farbe #00AFF0 Legen Sie die Hintergrundfarbe mit der Farbauswahl fest.
Button-Größe (px) 60 Ändern Sie den Durchmesser des runden Symbols. Der Leistenmodus verwendet eigene Innenabstände.
Abstand vom Rand (px) 20 Legen Sie den Abstand nach unten und zur Seite in Pixeln fest.
Tooltip anzeigen Ja Deaktivieren Sie den Tooltip beim Darüberfahren, wenn Sie ihn nicht benötigen.
Tooltip-Text Chat with us on Teams Schreiben Sie die beim Darüberfahren angezeigte Nachricht.
Animation pulse Wählen Sie pulse, bounce oder none. Wählen Sie none, um die wiederholte Animation zu stoppen.

Sie können Button-Text und Tooltip-Text über die Sprachauswahl des Formulars übersetzen. Eine leere Übersetzung verwendet die Standardsprache. Klicken Sie nach der Bearbeitung auf Speichern.

Anzeigeverhalten

Einstellung Standard Was Sie tun
Auf Mobilgeräten anzeigen Ja Erlauben Sie die Schaltfläche für Besucher, die PrestaShop als mobile Nutzer erkennt. Deaktivieren Sie die Option, um sie auf diesen Geräten auszublenden.
Fallback-Verzögerung (Sekunden) 0 Laden Sie beim ersten Scrollen, Klicken, Berühren oder Tastendruck. Ein positiver Wert legt die maximale passive Wartezeit in Sekunden fest. 0 verwendet eine Ausweichwartezeit von 10 Sekunden.
Auf Seiten anzeigen all Wählen Sie Alle Seiten, Nur Produktseiten, Nur Kategorieseiten oder Nur Checkout-Seiten.

Nur Checkout-Seiten entspricht cart, order, order-opc, orderopc und checkout. Andere Checkout-Module können andere Controllernamen verwenden. Die Ausweichwartezeit beginnt auf der Seite. Sie ist keine zusätzliche Verzögerung nach einer Interaktion.

Verhalten im Shop und Überprüfung

Ihr Theme muss displayHeader für das Stylesheet sowie unter PrestaShop 1.6 displayFooter oder ab 1.7 displayBeforeBodyClosingTag für das Widget ausgeben. Vor der Ausgabe prüft das Modul den Aktivierungsschalter, einen gültigen Teams Free-Einladungslink sowie die Mobilgeräte- und Seitenregeln.

Nach der ersten Interaktion oder der Ausweichwartezeit erscheint eine feste Schaltfläche in der gewählten Ecke. Ihr Link öffnet sich mit noopener noreferrer in einem neuen Tab und verwendet dieses Ziel:

https://teams.live.com/l/invite/AbC123_-?v=1

Testen Sie bei eingeschränkten Seitentypen eine zulässige und eine ausgeschlossene Seite. Testen Sie die mobile Sichtbarkeit auf einem echten Gerät. Prüfen Sie bei mehreren Sprachen den übersetzten Schaltflächentext und Tooltip.

Konfigurationsbeispiele und Theme-Anpassungen

Setzen Sie für eine Textschaltfläche auf Produktseiten Button-Stil auf Leiste mit Text, Button-Text auf Ask us on Teams, Auf Seiten anzeigen auf Nur Produktseiten und Animation auf none. Sie können Unten links wählen, wenn ein anderes Widget die rechte Ecke belegt.

Wenn Sie das Widget über ein anderes festes Bedienelement verschieben müssen, ergänzen Sie eine Regel im Stylesheet Ihres Themes:

#mprskype-widget.mprskype-bottom-right {
  bottom: 90px;
  right: 24px;
}

#mprskype-widget.mprskype-bar a span {
  font-size: 15px;
}

Verwenden Sie für eine Vorlagenüberschreibung im Theme:

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

Die Vorlage erhält $mprskype mit position, style, cta_text, color, size, margin, show_tooltip, tooltip, animation und delay sowie link und die Ersatzbeschriftung label für die Barrierefreiheit. Behalten Sie Änderungen in Ihrem Theme, damit ein Modulupdate sie nicht überschreibt.

Fehlerbehebung

  • Wenn keine Schaltfläche erscheint, prüfen Sie den Aktivierungsschalter, den gespeicherten Teams-Einladungslink sowie die Seiten- und Mobilgeräteregel. Lösen Sie eine Interaktion aus oder warten Sie auf die Ausweichwartezeit.
  • Wenn eine Änderung abgelehnt wird, kopieren Sie den vollständigen Teams Free-Einladungslink im oben angegebenen Format.
  • Wenn das Widget unformatiert ist, prüfen Sie, ob Ihr Theme displayHeader aufruft und das Stylesheet des Moduls lädt.
  • Wenn die Vorlage nie erscheint, prüfen Sie displayFooter unter PrestaShop 1.6 oder displayBeforeBodyClosingTag ab 1.7 und die Hook-Registrierung des Moduls im Backoffice.
  • Wenn die Schaltfläche ein anderes Bedienelement überlappt, ändern Sie Position oder Abstand vom Rand (px).
  • Wenn die Schaltfläche erscheint, das Ziel aber nicht funktioniert, testen Sie den gespeicherten Einladungslink und melden Sie sich bei Aufforderung bei Teams an.

Fügen Sie nach einem Update einen Teams Free-Einladungslink ein und prüfen Sie den Button-Text und den Tooltip. Zuvor gespeicherte Kontaktdaten können nicht in einen Teams-Einladungslink umgewandelt werden.

Verwenden Sie die Modulseite "Integrity" für Einrichtungs- und Hook-Diagnosen. Lizenz, Support und Aktualisieren sind Wartungsseiten und keine Einstellungen für die Shopdarstellung.

Deaktivieren oder deinstallieren

Deaktivieren Sie Teams Chat aktivieren und speichern Sie, um Ihre Konfiguration beizubehalten. Das Hauptformular erfordert beim Speichern weiterhin einen gültigen Teams Free-Einladungslink. Sie können das Modul auch über die Modulliste deaktivieren.

Verwenden Sie "Uninstall" im Modulmanager, um die Modulkonfiguration und ihre Admin-Menüeinträge zu entfernen. Ihr externes Messaging-Konto wird nicht gelöscht.

Fragen

5

Auf welchen Seiten kann die Teams-Schaltfläche erscheinen?

Wählen Sie im Backoffice einen Anzeigemodus: alle Seiten, nur Produktseiten, nur Kategorieseiten oder nur Checkout-Seiten. Die Checkout-Option umfasst den Warenkorb sowie die unterstützten Bestell- und Checkout-Controller.

Kann ich die Teams-Schaltfläche auf Mobilgeräten ein- oder ausblenden?

Ja. Mit dem Schalter für die mobile Sichtbarkeit erlauben oder unterbinden Sie die Anzeige für Besucher, die PrestaShop als mobile Nutzer erkennt. Wenn die Schaltfläche angezeigt wird, öffnet Antippen denselben gespeicherten Teams Free-Einladungslink in einem neuen Tab.

Wie richte ich meinen Teams Free-Einladungslink ein?

Wählen Sie in Microsoft Teams Free "Invite to Teams" und kopieren Sie Ihren Einladungslink. Fügen Sie den vollständigen Link mit https://teams.live.com/l/invite/ in die Verbindungseinstellungen des Moduls ein und speichern Sie. Das Modul prüft das Linkformat und bietet einen Konfigurationshinweis sowie einen Testlink. Öffnen Sie diesen, um das Ziel selbst zu prüfen.

Was benötigen Kunden für die Teams-Kontaktschaltfläche?

Die Schaltfläche öffnet Ihren Teams Free-Einladungslink in einem neuen Tab. Kunden werden gegebenenfalls zur Anmeldung aufgefordert. Laut Microsoft benötigen sie für die Anmeldung bei Teams Free ein Microsoft-Konto.

Verwaltet das Modul Datenschutz oder Einwilligungen?

Das Modul ergänzt eine Kontaktschaltfläche, die beim Anklicken Ihren Teams Free-Einladungslink öffnet. Es enthält weder ein Einwilligungsbanner noch Einstellungen zur Einwilligungsverwaltung. Den über den Link erreichten Dienst betreibt Microsoft.

Bekannte Probleme

5

Einrichtungswarnung bleibt nach gültigem Speichern bestehen

GelöstAktualisiert:
Behoben in: 1.1.18
Der Einrichtungsbanner konnte nach erfolgreichem Speichern der Einstellungen weiterhin die vorherige Warnung anzeigen.

Chat-Link wird für Screenreader falsch benannt

GelöstAktualisiert:
Behoben in: 1.1.18
Der Chat-Link stellte Screenreadern seinen sichtbaren Text nicht immer in der aktuellen Shop-Sprache bereit.

Modulbeschriftungen bleiben unübersetzt

GelöstAktualisiert:
Behoben in: 1.1.18
Einige Modulbeschriftungen erschienen trotz vorhandener Übersetzung weiterhin auf Englisch.

Modul-Backoffice lässt sich nicht öffnen

GelöstAktualisiert:
Behoben in: 1.1.14
Das Öffnen der Modulverwaltungsseiten konnte mit einem Fehler abbrechen, statt die Seite anzuzeigen.

Chat-Dateien scheitern bei Dateizusammenfassung

GelöstAktualisiert:
Behoben in: 1.1.14
Chat-Dateien konnten nicht korrekt geladen werden, wenn PrestaShop Shop-Dateien zusammenfasste und zwischenspeicherte.

Funktionsanfragen

3

Implementiert

Chat-Konfiguration prüfen

Implementiert
Prüfen Sie, ob die Chat-Integration über die erforderlichen Einstellungen verfügt.

Modulupdates mit einem Klick

Implementiert
Installieren Sie verfügbare Modulupdates im Backoffice.

Chattexte je Sprache

Implementiert
Legen Sie die für Besucher sichtbaren Chattexte für jede Shopsprache separat fest.

Änderungsprotokoll

v1.1.132026-05-27

  • Addedcomplete FR/DE/ES/IT/PL translations
  • FixedMigrate chat config from ps_configuration to ConfigTable
Ältere Versionen

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations

v1.2.02026-02-02

  • AddedPS 9 / Hummingbird theme compatibility
  • Addedscreen-sharing link generation option for technical support use cases
  • Improvedbutton label customisation — separate labels for chat and call actions
  • FixedSkype URI scheme not opening app on Android 13+

v1.1.02025-07-24

  • Addedcall/chat/video action selector in back office
  • Addedmobile-only button visibility toggle

v1.0.02025-06-04

  • Initialrelease: Skype chat/call/video button for PrestaShop
  • InitialFloating button with configurable Skype username
  • InitialBack-office position and colour configuration
  • InitialCompatible with PS 1.7.x and PS 8.x

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