React.js
[Desktop]
Le plugin tawk.to pour React.js simplifie l’intégration et facilite la personnalisation du comportement du widget dans votre application en utilisant React Hooks.
Toutes nos méthodes API sont disponibles pour ce plugin. Consultez la liste dans notre référence API.
1. Utilisez l’une des commandes ci-dessous pour installer la dépendance à l’aide du gestionnaire de paquets Node ou Yarn.
2. Importez tawk-messenger-react dans le fichier App.js de votre dossier src/. Ensuite, attribuez les valeurs pour votre ID du widget et votre Identificateur de la propriété.
Lorsque vous utilisez l’API, vous devrez employer useRef pour accéder aux fonctions de l’objet à partir du composant tawk-messenger-react.
Si vous avez plusieurs propriétés, assurez-vous de consulter la bonne. Passez la souris sur le nom de la propriété actuelle dans le menu supérieur du Tableau de bord pour voir toutes vos propriétés et en sélectionner une autre.
Ensuite, si votre propriété contient plusieurs widgets, sélectionnez un widget dans le menu déroulant supérieur.
Sous Lien de discussion directe, l’ID du widget est le dernier segment du chemin et suit l’Identificateur de la propriété.
Consultez la liste des API dans notre référence API.
Pour accéder aux fonctions exposées, vous devrez utiliser useRef de React. Créez une variable constante qui contiendra useRef() et passez-la dans le composant TawkMessengerReact comme prop.
Pour utiliser les callbacks de l’API, passez une fonction en tant que prop dans le callback que vous souhaitez utiliser.
Pour accéder aux fonctions exposées, vous devrez utiliser useRef de React. Créez une variable constante qui contiendra useRef() et passez-la dans le composant TawkMessengerReact comme prop.
Besoin d’aide pour intégrer tawk.to dans React.js ? Contactez notre équipe de support ou planifiez un appel.
Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :
- Cliquez sur l’icône verte du chat en direct
- Planifiez un appel avec nous
- Visitez notre communauté