Teams Chat-Integration: Einrichtung und Hilfe
Schnellstart
- Wählen Sie unter Modul > "Module Manager" die Option "Upload a module" und installieren Sie die ZIP-Datei
mprskypechatintegration. - Klicken Sie auf "Configure".
- Fügen Sie unter Teams-Verbindung Ihren Teams Free-Einladungslink ein, den Sie in Microsoft Teams Free über Zu Teams einladen kopiert haben.
- Lassen Sie Teams Chat aktivieren auf Ja und wählen Sie die Ecke unter Button-Darstellung > Position.
- Lassen Sie unter Anzeigeverhalten für den ersten Test Auf Seiten anzeigen auf Alle Seiten und Fallback-Verzögerung (Sekunden) auf
0. - Klicken Sie auf Speichern. Öffnen Sie eine zulässige Shopseite mit aktiviertem JavaScript.
- 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.
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
displayHeaderaufruft und das Stylesheet des Moduls lädt. - Wenn die Vorlage nie erscheint, prüfen Sie
displayFooterunter PrestaShop 1.6 oderdisplayBeforeBodyClosingTagab 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
Chat-Link wird für Screenreader falsch benannt
Modulbeschriftungen bleiben unübersetzt
Modul-Backoffice lässt sich nicht öffnen
Chat-Dateien scheitern bei Dateizusammenfassung
Funktionsanfragen
3
Implementiert
Chat-Konfiguration prüfen
Modulupdates mit einem Klick
Chattexte je Sprache
Ä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.
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.