Intégration Teams Chat : installation et aide
Démarrage rapide
- Dans Modules > "Module Manager", choisissez "Upload a module" et installez le ZIP
mprskypechatintegration. - Cliquez sur "Configure".
- Dans Connexion Teams, collez votre Lien d’invitation Teams Free, copié via Inviter dans Teams dans Microsoft Teams Free.
- Laissez Activer Teams Chat sur Oui et choisissez le coin dans Apparence du bouton > Position.
- Dans Comportement d’affichage, laissez Afficher sur les pages sur Toutes les pages et Délai de secours (secondes) sur
0pour le premier test. - Cliquez sur Enregistrer. Ouvrez une page autorisée de la boutique avec JavaScript activé.
- Faites défiler la page, cliquez dessus ou attendez 10 secondes. Vérifiez que le bouton apparaît, puis ouvrez le lien d’invitation Teams Free enregistré. Les clients peuvent devoir se connecter à Teams.
Nécessite PrestaShop 1.6 ou une version ultérieure et PHP 7.1 ou une version ultérieure.
Manuel de configuration
Installation et première configuration
Sur les anciennes versions de PrestaShop, utilisez la page d'installation des modules équivalente. Ouvrez ce module via "Configure" chaque fois que vous souhaitez revenir à ses réglages.
Disponibilité du service
Skype a été arrêté le 5 mai 2025. Cette version remplace l’ancien widget Skype par Intégration Teams Chat, avec un lien d’invitation Microsoft Teams Free. L’identifiant du module reste mprskypechatintegration. Consultez l'annonce de Microsoft sur l'arrêt de Skype.
Connexion Teams
| Réglage | Valeur par défaut | Action à effectuer |
|---|---|---|
| Activer Teams Chat | Oui | Désactivez cette option pour arrêter l'affichage en boutique tout en conservant la configuration enregistrée. |
| Lien d’invitation Teams Free | Vide | Collez le lien complet https://teams.live.com/l/invite/ copié depuis Teams Free. Les autres formats de contact ne sont pas acceptés. |
Cette version ne propose ni champ "Pre-filled Message" ni traitement des messages dans son hook de boutique.
La page de configuration propose un lien de test après l’enregistrement d’un lien d’invitation. Chaque enregistrement du formulaire principal vérifie son format, même si la valeur est inchangée. Une modification refusée conserve la configuration précédente.
La section de configuration actuelle s’appelle Connexion Teams. Le formulaire principal, l’avis de disponibilité et la boutique utilisent le même contrôle de format : https://teams.live.com/l/invite/<code>, éventuellement suivi de ?v=<value>. Le code et la valeur facultative ne peuvent contenir que des lettres, des chiffres, des tirets et des traits de soulignement.
Comportement d’affichage
| Réglage | Valeur par défaut | Action à effectuer |
|---|---|---|
| Afficher sur mobile | Oui | Autorisez le bouton pour les visiteurs détectés sur mobile par PrestaShop. Désactivez cette option pour le masquer sur ces appareils. |
| Délai de secours (secondes) | 0 |
Chargez au premier défilement, clic, toucher ou appui sur une touche. Une valeur positive définit l'attente passive maximale en secondes. 0 utilise un délai de secours de 10 secondes. |
| Afficher sur les pages | all |
Choisissez Toutes les pages, Pages produit uniquement, Pages de catégorie uniquement ou Pages de commande uniquement. |
Pages de commande uniquement correspond à cart, order, order-opc, orderopc et checkout. D'autres modules de commande peuvent utiliser des noms de contrôleurs différents. L'attente de secours commence sur la page. Ce n'est pas un délai supplémentaire après une interaction.
Comportement en boutique et vérification
Votre thème doit rendre displayHeader pour la feuille de style et displayFooter sous PrestaShop 1.6, ou displayBeforeBodyClosingTag à partir de 1.7, pour le widget. Avant de renvoyer le contenu, le module vérifie l’activation, la validité du lien d’invitation Teams Free et les règles mobile et de page.
Après la première interaction ou le délai de secours, un bouton fixe apparaît dans le coin choisi. Son lien s'ouvre dans un nouvel onglet avec noopener noreferrer et utilise cette destination :
https://teams.live.com/l/invite/AbC123_-?v=1
Si vous limitez les types de pages, testez une page autorisée et une page exclue. Testez la visibilité mobile sur un appareil réel. Si vous utilisez plusieurs langues, vérifiez le texte traduit du bouton et de l'infobulle.
Exemples de configuration et adaptations du thème
Pour un bouton avec texte sur les pages produit, réglez Style du bouton sur Barre avec texte, Texte du bouton sur Ask us on Teams, Afficher sur les pages sur Pages produit uniquement et Animation sur none. Vous pouvez choisir En bas à gauche lorsqu'un autre widget occupe le coin droit.
Si vous devez déplacer le widget au-dessus d'une autre commande fixe, ajoutez une règle à la feuille de style de votre thème :
#mprskype-widget.mprskype-bottom-right {
bottom: 90px;
right: 24px;
}
#mprskype-widget.mprskype-bar a span {
font-size: 15px;
}
Pour remplacer le modèle dans le thème, utilisez :
themes/your-theme/modules/mprskypechatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl
Le modèle reçoit $mprskype avec position, style, cta_text, color, size, margin, show_tooltip, tooltip, animation et delay, ainsi que link et le libellé accessible de secours label. Conservez les modifications dans votre thème pour qu’une mise à jour du module ne les écrase pas.
Dépannage
- Si aucun bouton n’apparaît, vérifiez l’activation, le lien d’invitation Teams enregistré et les règles de page et mobile. Déclenchez une interaction ou attendez le délai de secours.
- Si une modification est refusée, copiez le lien d’invitation Teams Free complet au format indiqué ci-dessus.
- Si le widget n'est pas mis en forme, vérifiez que votre thème appelle
displayHeaderet charge la feuille de style du module. - Si le modèle n’apparaît jamais, vérifiez
displayFootersous PrestaShop 1.6 oudisplayBeforeBodyClosingTagà partir de 1.7, ainsi que l’enregistrement des hooks du module dans le back-office. - Si le bouton chevauche une autre commande, modifiez Position ou Marge depuis le bord (px).
- Si le bouton apparaît mais que la destination échoue, testez le lien d’invitation enregistré et connectez-vous à Teams si cela vous est demandé.
Après une mise à jour, collez un lien d’invitation Teams Free et vérifiez le texte du bouton et de l’infobulle. Les coordonnées enregistrées auparavant ne peuvent pas être converties en lien d’invitation Teams.
Utilisez la page "Integrity" du module pour les diagnostics de configuration et de hooks. Licence, Assistance et Mettre à jour sont des pages de maintenance et non des réglages d'apparence de la boutique.
Désactivation ou désinstallation
Désactivez Activer Teams Chat et enregistrez pour conserver votre configuration. Le formulaire principal exige toujours un lien d’invitation Teams Free valide à l’enregistrement. Vous pouvez aussi désactiver le module depuis la liste des modules.
Utilisez "Uninstall" dans le gestionnaire de modules pour supprimer la configuration du module et ses entrées de menu d'administration. Votre compte de messagerie externe n'est pas supprimé.
Questions
5
Sur quelles pages le bouton Teams peut-il apparaître ?
Choisissez un mode d’affichage dans le back-office : toutes les pages, les pages produit uniquement, les catégories uniquement ou les pages de commande uniquement. Ce dernier mode couvre le panier et les contrôleurs de commande pris en charge.
Puis-je afficher ou masquer le bouton Teams sur mobile ?
Oui. Le réglage de visibilité mobile permet d’afficher ou de masquer le bouton pour les visiteurs que PrestaShop détecte comme utilisateurs mobiles. Lorsqu’il est affiché, toucher le bouton ouvre le même lien d’invitation Teams Free enregistré dans un nouvel onglet.
Comment configurer mon lien d’invitation Teams Free ?
Dans Microsoft Teams Free, choisissez "Invite to Teams" et copiez votre lien d’invitation. Collez le lien complet https://teams.live.com/l/invite/ dans les réglages de connexion du module et enregistrez. Le module vérifie le format et propose un état de configuration ainsi qu’un lien de test. Ouvrez ce dernier pour vérifier vous-même la destination.
De quoi les clients ont-ils besoin pour utiliser le bouton Teams ?
Le bouton ouvre votre lien d’invitation Teams Free dans un nouvel onglet. Les clients peuvent être invités à se connecter. Microsoft précise qu’un compte Microsoft est nécessaire pour se connecter à Teams Free.
Le module gère-t-il la confidentialité ou le consentement ?
Le module ajoute un bouton de contact qui ouvre votre lien d’invitation Teams Free au clic. Il ne propose ni bannière ni réglages de gestion du consentement. Microsoft exploite le service accessible par ce lien.
Problèmes connus
5
L'avertissement persiste après l'enregistrement de réglages valides
Lien de chat mal nommé pour les lecteurs d’écran
Des libellés du module restent non traduits
Le back-office du module ne s'ouvre pas
Ressources de chat en échec avec la combinaison des ressources
Demandes de fonctionnalités
3
Implémenté
Vérification des paramètres du chat
Mises à jour du module en un clic
Textes du chat par langue
Journal des modifications
v1.1.132026-05-27
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedMigrate chat config from ps_configuration to ConfigTable
Versions précédentes
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
Testez le module complet avant d'acheter
Achetez la licence plus tard et gardez vos réglages.
- Votre démo de 30 jours Testez-le sur votre propre boutique pendant 30 jours à partir de la première installation.
- Boutique de démo prête Découvrez une boutique de démo prête dans votre navigateur.
- Sans inscription Ni compte, ni e-mail, ni domaine de boutique requis.
En téléchargeant, vous acceptez les conditions de la démo et la politique de confidentialité.
En ouvrant cette démo, vous acceptez les conditions de la démo et la politique de confidentialité.