Purpose
The WhatsApp integration allows you to offer your chatbot on the WhatsApp app
Your users will be able to interact with your chatbot as they do with their friends 🙂
![whatsapp sc.png 3740](https://files.readme.io/0eda186-whatsapp_sc.png)
Step by step tutorial
- Login or create an account on the  Meta for developpers page Â
- Then, click on "Create App".
![whatsapp tuto step 1.png 4366](https://files.readme.io/d7d198b-whatsapp_tuto_step_1.png)
Choose the "Business" app type
Pick a name for your bot
![whatsapp tuto step 3.png 4334](https://files.readme.io/37f31a8-whatsapp_tuto_step_3.png)
Add the WhatsApp product
![whatsapp tuto step 4.png 4327](https://files.readme.io/f8d0801-whatsapp_tuto_step_4.png)
Pick Meta Business Account if you have one or you can create one
![whatsapp tuto step 5.png 4324](https://files.readme.io/17380e8-whatsapp_tuto_step_5.png)
Congrats your Meta has been created
A dedicated phone number has been created for the bot
Now you can define up to 5 testers for this app
![whatsapp tuto step 6.png 4338](https://files.readme.io/22b2319-whatsapp_tuto_step_6.png)
For each tester, define the country code and the phone number
![whatsapp tuto step 7.png 4334](https://files.readme.io/fd55fae-whatsapp_tuto_step_7.png)
You will receive a confirmation code by SMS to reuse here
![whatsapp tuto step 8.png 4334](https://files.readme.io/98e9a5e-whatsapp_tuto_step_8.png)
You can now test the WhatsApp push message by clicking on "Send message"
![whatsapp tuto step 9.png 4732](https://files.readme.io/3d1c876-whatsapp_tuto_step_9.png)
You should receive a Hello World message
You can add this number in your contacts so you can easily find it later to test your bot
![whatsapp tuto step 10.png 4400](https://files.readme.io/5c830b2-whatsapp_tuto_step_10.png)
Now let's plug your bot to the Meta app!
Go to the Builder and click on Integrations
![whatsapp tuto step 11.png 4390](https://files.readme.io/c74b0d4-whatsapp_tuto_step_11.png)
Choose WhatsApp
![whatsapp tuto step 12.png 4380](https://files.readme.io/5d7099b-whatsapp_tuto_step_12.png)
We have access to a window to define our integration, let's fill the form and make it work!
![whatsapp tuto step 13.png 4396](https://files.readme.io/2a4b136-whatsapp_tuto_step_13.png)
First copy / paste the Access Token as shown below
Your Access token is temporary
As mentioned in the Met platform, the given token has a relatively short lifespan of 23 hours, if you are testing the bot during multiple days, you will have to update this token in the bot platform and click "Redeploy"
![whatsapp tuto step 14.png 5859](https://files.readme.io/32b18a9-whatsapp_tuto_step_14.png)
The token verify is a text defined by you, in our case we have simply set it to bonjour
![whatsapp tuto step 155.png 4403](https://files.readme.io/cd9c769-whatsapp_tuto_step_155.png)
Once all field are filled, we can deploy the integration. Click on "Deploy my app"
![whatsapp tuto step 15.png 4370](https://files.readme.io/9b3a189-whatsapp_tuto_step_15.png)
Now, on the configuration section, click on Edit the Callback URL
![whatsapp tuto step 16.png 4373](https://files.readme.io/930ea46-whatsapp_tuto_step_16.png)
Copy / paste the token verify and the webhook from the integration and click on "verify and save"
![whatsapp tuto step 17.png 5861](https://files.readme.io/d73ffa0-whatsapp_tuto_step_17.png)
Lastly, click on "Manage" in the Webhook fields section
![whatsapp tuto step 18.png 4372](https://files.readme.io/65b7545-whatsapp_tuto_step_18.png)
Subscribe to the messages
![whatsapp tuto step 19.png 4342](https://files.readme.io/372a09d-whatsapp_tuto_step_19.png)
You should see a green confirmation, click on "Done"
![whatsapp tuto step 20.png 4332](https://files.readme.io/b567529-whatsapp_tuto_step_20.png)
here is how the webhook should look like now
![whatsapp tuto step 21.png 4328](https://files.readme.io/001cf18-whatsapp_tuto_step_21.png)
Congrats, you can now send messages and get replies from your bot directly on WhatsApp 🙂
![whatsapp tuto step 22.png 4400](https://files.readme.io/c0d9958-whatsapp_tuto_step_22.png)
Updated 8 months ago