How to configure WhatsApp Cloud in Chatwoot?
Configure your Facebook Developer App
Set up Developer Assets and Platform Access step in Whatsapp Cloud API Guide to create your Facebook Developer app with
Whatsapp Product enabled.
Once you finish this step, you can now configure your required phone numbers in the
Phone Number Id and
Whatsapp Bussiness Account ID as shown in the below screenshot. Chatwoot will require these values for creating the Whatsapp Inbox.
Configure a system user for your Facebook Bussiness Manager
Create a system user in your business manager with access to the Whatsapp App. Generate an access token for the user, which will be required for setting up an inbox in Chatwoot.
When generating the access token, make sure
whatsapp_business_messaging permissions are selected.
- Step 1 of 3: Create a system user.
Create a system user in the System Users tab of Business Manager.
- Step 2 of 3: Add the system user.
Under the WhatsApp Accounts tab, select Add People and select the system user to grant access to the WhatsApp Business account.
- Step 3 of 3: Generate the access token and request permissions.
Refer this video for detailed steps.
Configuring Whatsapp Inbox in Chatwoot
Finish the following steps to configure Whatsapp Cloud API Channel in Chatwoot.
- Open your Chatwoot dashboard. Go to Settings → Inboxes → Add Inbox.
- Choose "WhatsApp" amongst the options of channels.
- Choose "WhatsApp Cloud" as the API provider. Fill in the appropriate details
|Name||Choose a name for your Inbox. Ex: Your Business Name|
|Phone Number||Fill in the phone number you have configured in Facebook Developer App|
|Phone Number ID||The phone number ID for the number as obtained in prerequisites|
|Bussiness Account ID||The Business Account ID for the number as obtained in prerequisites|
|API Key||The Business Account User API key for the number as obtained in prerequisites|
|Webhook Verify Token||This token is required while configuring Webhook in Facebook Developer App. Fill in a secure alphanumeric string that you wish|
- Finish the steps to obtain your Whatsapp
Webhook Callback URL
Configure Webhook in Facebook Developer App
Head back to the
Configuration subsection and set up the
- The value for the url should be the same URL you obtained at the end of your Chatwoot inbox creation and will look like
- The value for the
verify tokenshould be the same value you configured for the
Webhook Verify Tokenduring inbox creation
You should also subscribe to message fields events under Webhooks Fields on your Facebook Developer app. Once you finish all the steps, the section should look like the below screenshot.
How to configure multiple numbers under a single Facebook app?
Facebook App allows configuring only a single Webhook endpoint. So create Inboxes in Chatwoot for all the numbers as required. You will need to configure the Webhook url provided for only one of these inboxes in the Facebook app for all the other inboxes to work.