You can use two options to connect your WhatsApp account to your LiveChat:
Configuring WA connection via WhatsApp Cloud API
Step 1. Configure a WhatsApp integration in Meta for the Developers Portal
Step 2. Install and configure OAPPS for the WhatsApp app in LiveChat
Step 3. Configure webhooks in the Meta Developer portal
Additional Steps, required for production
Final Step Switch app mode to Live
Step 1. Configure a WhatsApp integration in Meta for the Developers Portal
- Make sure you have an active Meta Business account
- Register as Meta Developer at developers.facebook.com
- Enable 2FA for your Facebook account that you use to authenticate in Meta.
-
Create a Meta app:
- Go to developers.facebook.com > My Apps> Create App. Select the "Business" type.
- Enter your app name, e.g. "WhatsApp for LiveChat"
- Link your app to your existing Meta Business Manager account
-
Configure the Meta app (Meta guide)
- Click WhatsApp Setup to add this product to your app
- You will be redirected to the Quick Start page.
- Click Start Using API. You will be redirected to the Getting Started Page.
- Click WhatsApp Setup to add this product to your app
- Copy Temporary Access token. It can be used for testing, but later should be replaced with a permanent token.
- Copy test Phone Number ID. You can use a production number if it's already registered in your Meta account.
Step 2. Install and configure OAPPS for the WhatsApp app in LiveChat
- Install OAPPS for the Whatsapp app from LiveChat Marketplace
- Open app settings
-
Click "Add Account"
- Paste Phone Number ID
- Paste Temporary Access Token (or Permanent token)
- Copy Callback URL
- Copy Verify Token
- Enter your e-mail for notifications. We send notifications to this account if anything happens to this integration.
-
Name this WhatsApp connection
- Click Connect Account
Step 3. Configure webhooks in the Meta Developer portal
- Open the WhatsApp configuration page [App -> WhatsApp ->Configuration]
- Click Edit
- Paste Callback URL from Step 2
- Paste Verify Token from Step 2
- Click Verify And Save
- Click Manage
-
Click Subscribe to "messages" webhook field and click Done
- Now you can test receiving WhatsApp messages. Sending messages back to WhatsApp may not work before you switch the app to Live Mode
Additional Steps, required for production
-
Add your own phone number instead of the test number. Use Whatsapp manager to connect a new number. Any number, that may receive SMS code or Direct Call with an activation code can be added. If you already have WA connected to this number, please use Migration Guide.
- You can select your new number it in the Meta app Getting started page to receive PhoneNumber ID.
- Paste it to your LiveChat app configuration
- Generate permanent access token (Meta Guide)
- Open Business Manager
- Navigate to Users->System user
- Click Add to create a system user
- Assign Manage your WA app asset
- Click Generate Token. Save it and paste it to the LiveChat OAPPS app configuration
- Set up a payment method in Meta Business Manager in case you expect to have more than 1000 conversations. Learn More about pricing here
-
Set a profile for your WhatsApp number. WhatsApp Manager -> Phone Numbers -> Settings ->Profile. There you can set information, visible to customers
- Profile photo
- Business Category
- Description
- Submit a request for Official Verification mark
- Contact information
Final Step. Switch app mode to Live
- Go to Meta App Settings -> Basic
- Add links to your company's Privacy Policy and Terms of Service
- Switch App Mode to Live
Alternative connection via QR Code (for legacy customers only)
You can find guideline here:
How to set up LiveChat integration with WhatsApp Business app via QR Code?
There will be a previous version connection via QR Code. You can open your WhatsApp
Comments
0 comments
Please sign in to leave a comment.