Ajouter un widget tawk.to à Magento 2

Les instructions ci-dessous s’appliquent uniquement aux ordinateurs de bureau et aux ordinateurs portables.

Dans ce guide, nous allons vous montrer comment ajouter le widget tawk.to à votre boutique Magento 2.


Remarque : Magento ne prend plus en charge Magento Commerce 1 et Magento Open Source 1. Nous vous recommandons de passer à Magento 2.


Si vous avez installé une version précédente de cette extension à partir de ce dépôt archivé, nous vous recommandons de supprimer d’abord les anciens fichiers de l’extension. Voir Suppression de l’ancienne extension ci-dessous.


Si vous installez cette extension pour la première fois, consultez Installation de la dernière extension tawk.to.

Suppression de l’ancienne extension

Installation standard/artefact


Si vous avez installé une version précédente de cette extension via une installation standard/artefact, suivez ces étapes pour supprimer les anciens fichiers de l’extension :


1.Exécutez la commande suivante pour supprimer l’extension :

php composer.phar remove tawk/widget


2. Exécutez les commandes suivantes pour supprimer les anciens dépôts de votre Composer :

php composer.phar config --unset repositories.tawk-url-utils

php composer.phar config --unset repositories.tawk


3. Exécutez la commande suivante pour vider le cache de votre Composer : php composer.phar clearcache

Installation manuelle


Si vous avez installé manuellement une version précédente de cette extension, exécutez les commandes suivantes pour supprimer le lien du dépôt pour tawk/url-utils :

php composer.phar config --unset repositories.tawk-url-utils

php composer.phar clearcache


Voyons maintenant les étapes d’installation.

Installation de la dernière extension tawk.to

Tout d’abord, installez Composer


Si vous n’avez pas encore installé Composer, exécutez la commande suivante dans le répertoire racine de votre site <magento-installation-root-folder> :

curl -sS https://getcomposer.org/installer | php
curl -sS https://getcomposer.org/installer | php


Si vous avez déjà installé Composer globalement, vous pouvez remplacer php composer.phar par composer.


Ensuite, il existe 2 façons d’installer le widget :

  • L’installation standard (recommandée)

  • Installation manuelle

Installation standard


Exécutez la commande suivante pour effectuer une installation standard :

php composer.phar require tawk/tawk-magento-2
php composer.phar require tawk/tawk-magento-2


Ensuite, passez la section suivante et allez à Activer l’extension ci-dessous.

Installation manuelle


Suivez ces étapes pour effectuer une installation manuelle :


1. Téléchargez le fichier zip du package d’installation depuis cette page.


2. Extrayez le fichier zip et copiez le contenu dans le dossier suivant de votre site (créez un nouveau dossier si nécessaire) :

<magento-installation-root-folder>/app/code/Tawk/Widget


3. Exécutez la commande suivante pour installer la dépendance tawk/url-utils :

php composer.phar require tawk/url-utils


Ensuite, activons l’extension.

Activation de l’extension


Une fois l’extension installée, exécutez les commandes suivantes depuis le répertoire racine de votre site :

php bin/magento module:enable Tawk_Widget

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy

php bin/magento cache:clean

Configuration de l’extension

Suivez ces étapes pour configurer l’extension :


1. Dans votre Tableau de bord (Dashboard) Magento, allez dans Système > widget tawk.to > Sélectionnez votre widget.

2. Sous Sélectionner un magasin, choisissez le magasin que vous souhaitez configurer. Si vous avez plusieurs magasins, vous pouvez définir des configurations différentes pour chacun.

3. Saisissez vos identifiants tawk.to et cliquez sur Connexion. Sélectionnez l’Identificateur de la propriété et le widget. Si vous avez plusieurs propriétés et widgets, assurez-vous de choisir les bons. Puis, cliquez sur Utiliser le widget sélectionné.

4. Définissez les options de Visibilité. Ces paramètres déterminent si votre widget apparaît partout sur votre site ou uniquement sur certaines pages.

Si vous sélectionnez Toujours afficher le widget, votre widget apparaîtra partout sur votre site. Vous pouvez définir des exceptions pour les pages où vous ne souhaitez pas que le widget apparaisse.


Par exemple, si vous ne voulez pas que le widget apparaisse sur votre page Contact, copiez le chemin de votre page, comme ceci :

Et collez-le dans le champ Exception, comme ceci :

Désormais, votre widget apparaîtra partout sauf sur les pages indiquées dans le champ Exception.


Si vous sélectionnez Ne pas afficher le widget, votre widget n’apparaîtra nulle part. Si vous souhaitez qu’il apparaisse sur une page précise, saisissez le chemin de la page, comme ceci :

Désormais, votre widget n’apparaîtra que sur votre page Contact.


Vous pouvez entrer plusieurs pages dans le champ Exception, séparées par des virgules.


Si vous saisissez un chemin, il doit commencer par un slash “/” ou un caractère générique “”. Les caractères génériques peuvent être placés n’importe où dans un chemin ou une URL : au début, au milieu ou à la fin.


Si vous saisissez une URL, elle doit commencer par “http” ou “https”.


Survolez Exemples de modèles acceptés pour voir des exemples d’exceptions valides :

5. Définissez les options de Confidentialité. Si vous sélectionnez Activer la reconnaissance des visiteurs, lorsque les clients connectés commencent une discussion, leurs informations (comme le nom et l’adresse e-mail) seront automatiquement renseignées pour vos agents.

Et voilà ! Le widget devrait maintenant apparaître sur votre site. N’oubliez pas de tester votre widget et d’affiner votre stratégie de communication afin d’offrir à vos clients une excellente expérience de discussion en direct.

Ajout du widget via l’éditeur de contenu de Magento

Vous pouvez également ajouter le widget à votre site en utilisant l’éditeur de contenu de Magento. Cependant, les fonctionnalités du widget disponibles via cette méthode peuvent être limitées.


Suivez ces étapes pour installer le widget via l’éditeur de contenu Magento :


Tout d’abord, copiez le code du widget depuis votre Tableau de bord (Dashboard) tawk.to. Allez dans Administration > Canaux > Widget de discussion. Puis, cliquez sur Copier dans le presse-papiers sous Code du widget.

Ensuite, effectuez les étapes suivantes dans l’éditeur de contenu Magento :


1. Dans la page Admin Magento, allez dans Contenu > Blocs et cliquez sur Ajouter un nouveau bloc.

2. Assurez-vous que Activer le bloc est défini sur Oui. Entrez le Titre du bloc et l’Identifiant et sélectionnez la Vue du magasin (où vous souhaitez que le widget apparaisse). Puis, cliquez sur Modifier avec Page Builder.

3. Allez dans Éléments et sélectionnez Code HTML.

4. Cliquez sur l’icône des paramètres.

5. Collez le code du widget (depuis votre Tableau de bord tawk.to) dans le champ de texte. Puis, cliquez sur Enregistrer.

6. Cliquez sur Enregistrer pour sauvegarder le bloc.

7. Une fois le bloc enregistré, allez dans Contenu > Widgets. Cliquez sur Ajouter un widget.

8. Sélectionnez Bloc statique CMS sous Type et définissez votre Thème de conception. Puis, cliquez sur Continuer.

9. Saisissez le Titre du widget et sélectionnez une vue du magasin sous Attribuer aux vues de magasin.

10. Sous Mises à jour de la mise en page, sélectionnez les pages sur lesquelles vous souhaitez que le widget apparaisse et choisissez CMS Footer Links sous Conteneur. Puis, cliquez sur Ajouter des mises à jour de la mise en page.

11. Cliquez sur Options du widget, sélectionnez le bloc que vous venez de créer et cliquez sur Enregistrer. Votre widget devrait apparaître sur votre site.


Remarque : Si vous obtenez l’erreur “Content field contains restricted HTML elements”, exécutez la commande suivante pour supprimer la restriction :

Ajouter le widget de discussion en direct tawk.to à votre boutique est un excellent outil pour améliorer le support client, augmenter les ventes et enrichir l’expérience d’achat en ligne de vos clients.


Consultez ces articles pour tirer le meilleur parti de votre widget de discussion en direct :



Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :


Cet article a-t-il été utile ?

87 sur 129 ont aimé cet article