Set Up BotSailor Whitelabel: WhatsApp Embedded Signup Guide | BotSailor image
543
blog

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', 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."

 

 

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.

 

App creation is done! Now Embedded Signup configure step :

 

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

 

 

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

 

 

Now Click on 'Request advance access'

 

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.

 

 

 

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

 

 

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".

 

 

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

 

 

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.

 

 

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

 

 

Webhook Fields:

 

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

 

 

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.

 

 

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

 

 

Choose the apps to grant full control and assign assets.

 

 

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

 

 

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

 

 

 

 

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

 

 

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.

 

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. 

 

 

 

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

 

 

image

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.

blog

How to set up the WhatsApp Cloud API with BotSailor

BotSailor is a complete WhatsApp marketing automation; it has chatbot, live chat, broadcasting, Shopify & WooCommerc...

READ MORE
blog

Send WooCommerce Order Notifications to WhatsApp by BotSailor Webhook Workflow

You can send Woocommerce Order Notifications to customers via WhatsApp by BotSailor in a very easy and straightforward w...

READ MORE
blog

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