Setting up the WhatsApp Embedded flow
To onboard your customers onto WhatsApp, you will need to integrate the WhatsApp embedded flow into your own platform. This enables your customers to share permissions for you and Bird to manage their WhatsApp business account and send messages on their behalf. Customers share permissions by logging in through the embedded signup flow.
Setting up the embedded flow
See the following guide from Meta on how to complete this. When embedding the signup flow, there are two important extra data fields (as shown in the extras.setup
object below) that must be set correctly:
Solution_Id: This should be set to the
solutionId
obtained after you connected to Bird as a solutions provider. This ensures that your end customer is onboarded for both your business and allows Bird to send messages on behalf of this customerPreverified_Id: If you’ve obtained a number from Bird for your customer, it will already be pre-verified (authenticated) for WhatsApp. Including the
preverified_id
when launching the signup flow enables the customer to onboard without needing to receive an OTP code for the number. See the instructions below on how to obtain the pre-verified Id.
You should also implement session logging to get the phone_number_id and waba_id after the user completes the embedded signup.
Apply for advanced access to Meta public_profile
For the embedded signup to work, you must apply for advanced access to the public_profile permission on your Meta app. In the Meta for developers app dashboard, navigate to your App Review > Permissions and features are ensure you have advanced access as shown
Getting pre-verified number ID (optional)
If you have purchased a number for your customer through Bird CRM, this should be automatically pre-verified for use on WhatsApp. This typically takes around 5 minutes from completing the number purchase. To list the numbers in your workspace you can list them as follows
To get the pre-verified number ID check the number.whatsApp object as follows. You should make use of the whatsAppId.
In addition before starting the embedded flow ensure that:
status: verified
stage: final
verificationExpiresAt is after now
Embedded signup completion
Once your customer has completed the embedded signup, you should collect the phone_number_id and waba_id from the sessionInfo object
In addition you should get an authResponse object which will contain a token which will be exchanged for a long lived access token
Exchange debug token for long lived token
Once the embedded signup has been completed and you have the phone_number_id, waba_id, and code you should submit this to an api endpoint e.g. <somedomain>/installwhatsapp. In addition if you are using a number bought via Bird then you should also include the unique id of the number
From this API you can then exchange the code you have a long lived access token. You should use the Meta App_ID and App_Secret from the app you created earlier.
You should securely associate the long lived token and WABA ID with the customer account in your platform.
Last updated