retour aux tutoriels

How to create WhatsApp AI Bot

Learn how to integrate your ChatBotKit with WhatsApp in this detailed guide, covering setup, configuration, and advanced features for a seamless conversational experience.

In this comprehensive guide, we'll walk you through the detailed process of integrating your ChatBotKit with WhatsApp. By following these steps, you will enable your AI bot to interact with users directly on WhatsApp, providing a seamless and robust conversational experience for your users. This integration will not only enhance user engagement but also streamline communication, making it more efficient and effective.

We will cover everything from initial setup and configuration to advanced features and troubleshooting tips. By the end of this guide, you will have a fully functional ChatBotKit integrated with WhatsApp, ready to deliver a top-notch conversational experience.

Let's get started!

Guide d'installation étape par étape

Avant de poursuivre, vous devez disposer d'un compte Meta Business. En fonction du statut de votre compte professionnel, vous pouvez également avoir besoin de configurer les détails de paiement, d'obtenir un numéro de téléphone permanent ou un numéro de téléphone de test, qui sera nécessaire dans les étapes suivantes.

  1. Go to ChatBotKit and create a new WhatsApp Integration.

  2. Saisissez le nom de l'intégration et une description facultative, puis cliquez sur le bouton "Créer".

  3. Sauvegardez le "Callback Endpoint" et le "Verify Token" pour plus tard.

  4. Allez sur le portail Meta Developer et créez une nouvelle application.

  5. Sélectionnez "Autre" dans l'écran "Que voulez-vous que fasse votre application ?

  6. Sélectionnez l'application de type "Business" dans la liste des options disponibles.

  7. Nommez votre application, saisissez votre adresse électronique et sélectionnez votre compte professionnel. Cliquez sur le bouton "Créer une application".

  8. Click the "Setup" button for the WhatsApp Product.

  9. Cliquez sur le bloc"Webhooks" dans l'écran "Quickstart".

  10. Cliquez sur le bouton "Modifier" pour configurer un webhook.

  11. Copiez le "Callback Endpoint" et le "Verify Token" que nous avons enregistrés à l'étape 3 et cliquez sur le bouton "Verify and save".

  12. Cliquez sur le bouton "Gérer".

  13. Sélectionnez uniquement le champ "messages". Cliquez sur le bouton "Terminé".

  14. Go to "API Setup" and copy your "Phone number ID". You need to either buy or setup a test phone number if you do not have one already.

  15. Paste the "Phone Number ID" in ChatBotKit and click the "Save" button.

  16. Allez dans votre Meta Business pour créer un nouvel utilisateur si vous n'en avez pas déjà un.

  17. Sélectionnez "Utilisateurs du système" et cliquez sur le bouton "Ajouter".

  18. Assurez-vous que le "rôle de l'utilisateur du système" est défini sur "Admin".

  19. Cliquez sur le bouton "Add Assets".

  20. Sélectionnez le type "Apps". Sélectionnez votre application dans la liste "Actifs sélectionnés". Enfin, veillez à sélectionner l'option "Gérer l'application" sous "Contrôle total".

  21. Enfin, nous devons générer un jeton. Cliquez sur le bouton "Generate New Token".

  22. Sélectionnez votre application dans la liste déroulante. Veillez à sélectionner également les options "whatsapp_business_messaging" et "whatsapp_business_management" dans la liste des permissions. Enfin, cliquez sur le bouton "Generate Token".

  23. Copiez ensuite le "jeton d'accès".

  24. Collez le jeton dans votre intégration ChatBotKit et appuyez sur le bouton "Enregistrer".

Félicitations, vous avez terminé le guide d'installation en 20 étapes !

Chatter avec votre bot WhatsApp

To start chatting with your WhatsApp bot you need to connect to one of your dedicated or test phone numbers. You can find this information in the API setup settings.

⚠️ WhatsApp Test Phone Numbers

If you are using a test number, make sure that you add your own phone number in the number list otherwise you wont be able to communicate with the test number. To do so navigate to WhatsApp "API Setup" page. Click on the "To" field. Then click on the "Manage phone number list". Add your number. This is an important step if you are using test numbers.

Il suffit d'ajouter le numéro en tant que contact ou de le taper dans le champ de recherche du chat WhatsApp.