messenger
5676
Set Up BotSailor Whitelabel: WhatsApp Embedded Signup Guide

Configuring the Embedded Sign-Up for WhatsApp Connection is super easy for our White Label Reseller customers and their users. This guide is designed specifically to help you streamline the process, ensuring your end-users can effortlessly connect their WhatsApp accounts through your white label solution. Follow these steps, and use the accompanying video and screenshots to make the setup process seamless and efficient.


Here is the video guideline:

 
### Create an App
 
1. **Visit Facebook Developer Site**:
   - Go to https://developers.facebook.com
 
2. **Create App**:
   - Click "My Apps" > "Create App".
   - Select "Business" as the app type.
   - Fill out the form with the necessary information and create the app.
 
 
### Configure App for Embedded Signup
 
1. **Add Product**: 
   - Go to 'Add Product' and set up 'Facebook Login for Business'.
 
2. **Get Advanced Access**:
   - Click 'Get Advanced Access' for `public_profile` and `email`.
   - Complete the questions and submit.
 
3. **Privacy Policy URL**:
   - You may need the privacy policy URL.You will get it from System Settings -> WhatsApp.
 
4. **Enable Embedded Signup**:
   - Select 'Embedded Signup' and save changes.
 
5. **Configuration**:
   - Go to 'Configurations' under 'Facebook Login for Business'.
   - Click 'Create Configuration' and name it.
   - Select 'WhatsApp Embedded Signup' and proceed.
   - Select 'WhatsApp Accounts'.
 
6. **Permissions**:
   - Choose 'Catalog Management', 'WhatsApp Business Management', 'WhatsApp Business Messaging'.
   - Save and copy the Configuration ID.
 
### Configure Webhooks
 
1. **Webhooks Setup**:
   - In the WhatsApp section of your app, click 'Configure Webhooks'.
   - Get the Callback URL and Verify Token from System Settings -> WhatsApp.
   - Enter these in the Facebook Developer console.
 
2. **Webhook Fields**:
   - Click 'Manage Webhook Fields', choose 'messages', 'smb_app_state_sync ','smb_message_echoes ','history' and save.
 
### Generate Access Token
 
1. **Access Token**:
   - Visit https://business.facebook.com
   - Go to 'System Users' and create a system user.
   - Click on the system username, then 'Assets'.
   - Add your Facebook app, give full control, and save.
   - Select 'Generate Token', choose your app, and proceed.
   - Select the permissions: `Business_management`, `Catalog_management`, `WhatsApp_business_management`, `WhatsApp_business_messaging`.
   - Generate and copy the token.
 
### Connect API with BotSailor
 
1. **Login**:
   - Log in to the system.
   - Go to Settings -> WhatsApp.
 
2. **App Details**:
   - Enter the app name.
   - Enter the App ID and Secret from your Facebook app's basic settings.
   - Enter the Configuration ID and Token.
   - Save your changes.
 
 
Embed Sign Up App needs to be reviewed and verified by Meta. Please follow the below blog to learn how to Submit to verfiy the App.
 
How to Submit the app for verification
 
 
 
For Detailed instructions please follow the steps below:

 

Create an App
 

To create an app, go to the Facebook Developer page, click on the "My Apps" tab, then click "Create App." Select "Other" and click "Next." On the next screen, select "Business" as the type and click "Next."

 

Image

 

And a form will appear, and you have to fill out the form by providing the basic information. 

In the App Name field, put an app name for your app. In the App Contact Email field, provide an Email address. 

In the Business Account field, select a business account. Click on the field, and a list of predefined Business accounts will appear. From the list, you can select a business account. However, the field is optional. Later, when we add WhatsApp to this app, Meta will ask to add a business account. If you don't have one, you can create it later and add it there.

Now click on the Create App button.

 

Image

App creation is done! Now Embedded Signup configure step :

 

Go to "Add Products" and set up "Facebook Login for Business".

 

Image

 

Now take the advanced access to public_profile and email. Click on the Get Advance access.

 

Image

 

Now Click on 'Request advance access'

Image

 

As soon as we click on the request for advance access, it will ask to provide a valid Privacy policy URL. Click on the Basic Settings from there. And put the privacy policy URL there. You will get the privacy policy from the Botsailor Settings -> WhatsApp.

Image

 

Image

 

 

Now enable "Embedded Browser OAuth Login" & "Login with the JavaScript SDK" and then click on the "Save Changes" button.

 

Image

 

Then go to "Configurations" under "Facebook Login for Business",  and click on "Create Configuration" and name it. Select "WhatsApp Embedded Signup" and proceed, then select "WhatsApp Accounts".

 

Image

 

Choose Permissions "Catalog Management", "WhatsApp Business Management", "WhatsApp Business Messaging", then save and copy the Configuration ID.

 

Image

Image

 

Now time to configure webhook:

In the WhatsApp section of your app, click "Configure Webhooks", get the Callback URL and Verify Token from System Settings -> WhatsApp, then enter these in the Facebook Developer console.

 

Image

Image

 

You will get the Callback URL and Verify Token from System Settings -> WhatsApp

 

Image

Image

 

Webhook Fields:

Click on "Manage Webhook Fields", choose "messages", "smb_app_state_sync", "smb_message_echoes","history" and then click on the Save button.

Webhook

 

Generate Access Token

 

  1. Access Token: Visit https://business.facebook.com go to 'System Users' and create a system user, click on the system username, then 'Assets', add your Facebook app, give full control, and save, select 'Generate Token', choose your app, and proceed, select the permissions: Business_management, Catalog_management, WhatsApp_business_management, WhatsApp_business_messaging, generate and copy the token.

 

Image

 

Create users, assign assets, and grant full control to your WhatsApp app.

 

Image

 

Choose the apps to grant full control and assign assets.

 

Image

 

Select "Generate Token", choose your app, and proceed.

 

Image

Image

 

Select the permissions: "Business_management", "Catalog_management", "WhatsApp_business_management", "WhatsApp_business_messaging".

 

Image

 

 

Image

 

Then, click on the "Generate Token" and then copy the token to use into the Botsailor.

 

Image

 

Connect API with BotSailor

 

1. **Login**:
   - Log in to the system.
   - Go to Settings -> WhatsApp.

   - Enter the app name.
   - Enter the App ID and Secret from your Facebook app's basic settings.
   - Enter the Configuration ID and Token.
   - Save your changes.

Image

 

That's all. Now  your users can signup to WhatsApp business by using the embed sign up and the bot account will be added automatically. 

 

Image

 

 

Next the Embed sign up App needs to be reviewd and verified by Meta. To Learn how to Verifiy please follow the below blog. 

 

How to Submit the app for verification

 

 

author

BotSailor

9 Jul 2024
  • Categories :

  • WhatsApp

(0) Comments

Related Articles

Stay ahead of the curve with BotSailor`s latest articles. Dive into expert analyses, industry trends, and actionable tips to optimize your experience. Explore our articles now and unlock the full potential of your business.

Train AI Assistant for Chatbot With FAQ, URL & File

Train AI Assistant for Chatbot With FAQ, URL & File

Train AI Assistant for Chatbot With FAQ, URL & FileBotSailor's just launched its AI Assistant chatbot feature giving...

READ MORE
Launch Your SaaS with BotSailor White Label Chatbot Marketing

Launch Your SaaS with BotSailor White Label Chatbot Marketing

Unlock a Profitable Business with BotSailor's White Label Reseller Program Are you looking for an effortless way to ...

READ MORE
BotSailor’s Affiliate Program

BotSailor’s Affiliate Program

We're delighted to announce the opening of the BotSailor Affiliate Program today! We developed it as a way to thank the ...

READ MORE