Bit Social logo white version
Bit Social Early Bird LTD: is Live Now
Advanced Social Media Schedule & Auto Poster solution
This offer won't come again, we promise.
Bit Social logo white version
00

days day

00

hours hour

00

minutes minute

00

seconds second

This offer won't come again, we promise.
Bit Integrtaions new logo
Fluent Forms alternatives
Estimated reading: 12 minutes 95 views

WhatsApp Integration: The Perfect Messaging Platform

WhatsApp Integration: Use WhatsApp Messenger to stay in touch with friends and family. WhatsApp is free and offers simple, secure, reliable messaging and calling, available on

Bit Integrations is a WordPress plugin that allows you to automate and integrate your WordPress form builders and other plugins with WhatsApp. This can save you time and effort, and improve your lead generation and customer management processes. Bit Integrations supports a wide range of WordPress plugins, such as Bit Form, Contact Form 7, Gravity Forms, WPForms, WS Forms, Ninja Forms, Fluent Forms, Formidable Forms, Everest Forms, Elementor Form, Beaver Builder, Divi, Brizy, BuddyBoss, WooCommerce, WordPress User Registration, LearnDash LMS, LifterLMS, Memberpress, GiveWP, Easy Digital Downloads, AffiliateWP and many more so you can use it to automate and integrate your WordPress plugins with WhatsApp.

WhatsApp Integration Tutorials

Authorization of WhatsApp Integration

First, you have to select WhatsApp from the actions page. To do this open your Bit Integrations dashboard then click on the Create Integration button now the Trigger page will open select any trigger from the list such as Bit Form, Contact Form 7, Gravity Forms, WPForms, WS Forms, Ninja Forms, Fluent Forms, Formidable Forms, Everest Forms, Elementor Form. Then proceed to next and the action page will open. Now Search and select WhatsApp from the action page.

WhatsApp Integration with Bit Integrations - Search and Select WhatsApp

Integration Name/Title: Here give the meaningful integration title as per your requirement.

WhatsApp Integration with Bit Integrations - Set Integration Name

Create a Business app​

You’ll need to create a Business app from Facebook Developer Console to access Facebook services, including WhatsApp.

WhatsApp Integration with Bit Integrations - Create App
WhatsApp Integration with Bit Integrations - click create app

If you already have a business portfolio, select it. If not, choose “I don’t want to connect a business portfolio yet.”.

info-icon-bit-apps  INFO

To create a permanent access token, you must create a Business Portfolio. WhatsApp will provide a temporary access key that is valid for 24 hours.

WhatsApp Integration with Bit Integrations - Choose Business Portfolio
  • Go to Facebook Business Profile: Start by visiting your Facebook Business Profile.
  • Click on Your Profile Icon: At the top-left corner, click on your profile icon.
  • Create a Business Portfolio: Select “Create a Business Portfolio.
WhatsApp Integration with Bit Integrations - Go to Business Profile and click on Create Portfolio
  • Enter Portfolio Details: Provide a name for your Business Portfolio, then enter your first name, last name, and business email.
  • Create the Portfolio: Click on “Create” to finalize the portfolio setup.
WhatsApp Integration with Bit Integrations - Go to Business Profile and click on Create Portfolio - Add Information and click create
  • Select Assets to Claim (Optional): Choose what you want to add to your business portfolio, or skip this step if you prefer
  • Add People (Optional): You can add people to the portfolio now, or skip this step if you prefer.
  • Confirm Your Setup: Click on “Confirm.”
WhatsApp Integration with Bit Integrations - Add people to this business portfolio
WhatsApp Integration with Bit Integrations - Confrim
  • Access Your New Portfolio: From the top-left corner, select your newly created business portfolio and then go to “Go to Settings.”
WhatsApp Integration with Bit Integrations - Click Settings

Next, select “Other” as the purpose for your app and click “Next.”

WhatsApp Integration with Bit Integrations - Choose Other and Click Next

Then you have to select the App type Business And click Next to proceed.

WhatsApp Integration with Bit Integrations - Choose Business and click Next

You have to provide basic information to create an App.

  • Add an app name: Please provide the proper App name of your preference.
  • App contact email: By default it will take your login email address. This email is used to communicate with you about potential policy violations and recover an app if it has been deleted.
  • Business portfolio (Optional): If you have a Business account, then you can select or leave it blank.
WhatsApp Integration with Bit Integrations - App Information

After completing these steps you have to add product which is WhatsApp in your app. To Add WhatsApp Click on Set up button.

WhatsApp Integration with Bit Integrations - Click WhatsApp Setup
WhatsApp Integration with Bit Integrations - Choose Portfolio and click Continue

Add a Phone Number​

To start sending messages to any WhatsApp business number, you need to add a phone number. WhatsApp will provide a test number for testing purposes, but you must add your own number, which hasn’t been used to create a WhatsApp business account before. If your number has been previously used for a WhatsApp personal account, you’ll need to delete that account first.

Please follow the below steps to set up a phone number

  • In your Meta Business app, go to the left menu and click on WhatsApp.
  • Next, click on API Setup.
  • Under Send and receive messages, find the Form section and click on your test number.
  • Click on Add Number.
  • Now, you need to create a WhatsApp Business profile to add your phone number. Then click Next.
  • Enter a phone number to use with WhatsApp. You will need to register a number that’s not already associated with a WhatsApp account. If you want to use a number that’s already associated with a WhatsApp account, Learn how to use a number that’s already on WhatsApp.
  • Click Next to verify your number via text or phone call. It will take few minutes to verify the number.
WhatsApp Integration with Bit Integrations - Add a New Phone Number
WhatsApp Integration with Bit Integrations - Add a New Phone Number - add Information
WhatsApp Integration with Bit Integrations - Add a New Phone Number - type your number

Phone number ID, WhatsApp Business Account ID & Access Token​

Phone number ID & WhatsApp Business Account ID: On your Meta Business app, in the left menu, click WhatsApp > API Setup. Now copy the Phone number ID & WhatsApp Business Account ID and paste it into integration setting.

WhatsApp Integration with Bit Integrations - Get Phone Number ID and Business ID
WhatsApp Integration with Bit Integrations - paste Phone Number ID and Business ID In Bit Integrations

Access Token: To get Access Token open your App that you have just created on your Facebook Developer Console. But this is a Temporary Access Token; it will be expired every 24 hours and if the Access Token will expire then the integration will not work. So please follow the steps below to create a Permanent Access Token.

WhatsApp Integration with Bit Integrations - Temporary Access Token

Create Permanent Access Token​

Access Token: To get Permanent Access Token open your App that you have just created on your Facebook Developer Console. And click on mark area.

note-icon-bit-apps  Note

The mark area name will be different for you.

WhatsApp Integration with Bit Integrations - Generate Permanent Access Token

Then Navigate to System Users under Users and click on Add button. Then click I Accept and then Done.

WhatsApp Integration with Bit Integrations - Click System Users
WhatsApp Integration with Bit Integrations - add System Users

System Username & Role: Please give the proper Username of your preference. And User Role must be given to Admin. Then click on Create System User. Then click I Accept and then Done

WhatsApp Integration with Bit Integrations - Create system User

After successfully Creating System User then click Assign Asset and Navigate to Apps and check the App you created for WhatsApp integration and allow Full control. Click the “Save Changes” button to save the process.

WhatsApp Integration with Bit Integrations - Assign Assets
WhatsApp Integration with Bit Integrations - Assign Assets - Bit_Integrations

Finally, Click on the Generate New Token button to generate a permanent Access Token. Now select App from drop-down option. And give the permission from Available permissions “whatsapp_business_messaging and “whatsapp_business_management. Then click generate Token button.

WhatsApp Integration with Bit Integrations - Generate Tokens
WhatsApp Integration with Bit Integrations - Select App
WhatsApp Integration with Bit Integrations - Token Expiration
WhatsApp Integration with Bit Integrations - Permission

After Completing these step A Permanent Access Token will be generated, you have to copy the token and paste it into integration setting. And click on Authorize button.

WhatsApp Integration with Bit Integrations - Token Generated
WhatsApp Integration with Bit Integrations - Permanent Access Token Generated

Once you have successfully entered your Phone number ID, WhatsApp Business Account ID & Access Token, click “Authorize” to proceed. Once you have successfully authorized your account then click on “Next“.

WhatsApp Integration with Bit Integrations - Authorization is Success

Integration Settings​

Template Message

Message Type: Now select the Message Type from drop-down menu.

WhatsApp Integration with Bit Integrations - Template Message

Select Template: You need to create message templates within the WhatsApp > API Setup platform. These templates are pre-made message structures that must be created and approved by Facebook. Once approved, you can use them to send messages.

WhatsApp Integration with Bit Integrations - Select Template

In the WhatsApp integration settings, you will see a “Map Fields” option. This is where you will need to map the fields from your form to the corresponding fields in WhatsApp. The “Recipient’s Phone” field is the default field in WhatsApp, so you will need to map your form’s “Recipient’s Phone” field to this field in WhatsApp.

WhatsApp Integration with Bit Integrations - Template Message - Field Mapping

Text Message (PRO)

Message Type: Now select the Message Type from drop-down menu.

WhatsApp Integration with Bit Integrations - Text Message

In the integration settings, you will see a “Map Fields” option. This is where you will need to map the fields from your form to the corresponding fields in WhatsApp. The “Recipient’s Phone” field is the default field in WhatsApp, so you will need to map your form’s “Recipient’s Phone” field to this field in WhatsApp.

WhatsApp Integration with Bit Integrations - Text Message - Field Mapping

Message: You can type your message here and also include form fields and other options.

WhatsApp Integration with Bit Integrations - Text Message - Type a new message
WhatsApp Integration with Bit Integrations - Text Message - Type a new message - Form Fields

note-icon-bit-apps  Note

To ensure successful message delivery using the WhatsApp Business API:

  • The conversation must be initiated by the user.
  • To begin, send a message from your WhatsApp number to the recipient’s number.
  • Once the user has started the conversation, you can continue to communicate with the recipient normally.

Contact Message (PRO)

Message Type: Now select the Message Type from drop-down menu.

WhatsApp Integration with Bit Integrations - Contact Message

In the WhatsApp integration settings, you will see a “Map Fields” option. This is where you will need to map the fields from your form to the corresponding fields in WhatsApp. The “Recipient’s Phone” field is the default field in WhatsApp, so you will need to map your form’s “Recipient’s Phone” field to this field in WhatsApp.

WhatsApp Integration with Bit Integrations - Contact Message - Field Mapping

You also need to map the contact fields. The First Name field is mandatory, so you must map it with the corresponding form field. You can also add more fields by clicking the plus (+) icon.

WhatsApp Integration with Bit Integrations - Contact Message - Contact Field Map
  • First Name – Required Field
  • Last Name
  • Middle Name
  • Suffix
  • Prefix
  • Birthday (YEAR_MONTH_DAY)
  • Company
  • Department
  • Business title
  • Email (Home)
  • Email (Work)
  • Phone Number (Cell)
  • Phone Number (Main)
  • Phone Number (IPhone)
  • Phone Number (Home)
  • Phone Number (Work)
  • Street (Home)
  • City (Home)
  • State (Home)
  • Zip (Home)
  • Country (Home)
  • Country Code (Home)
  • Street (Work)
  • City (Work)
  • State (Work)
  • Zip (Work)
  • Country (Work)

note-icon-bit-apps  Note

To ensure successful message delivery using the WhatsApp Business API:

  • The conversation must be initiated by the user.
  • To begin, send a message from your WhatsApp number to the recipient’s number.
  • Once the user has started the conversation, you can continue to communicate with the recipient normally.

Media Message (PRO)

Message Type: Now select the Message Type from drop-down menu.

WhatsApp Integration with Bit Integrations - Media Message

Select upload fields: Here, you need to map your form’s upload field.

WhatsApp Integration with Bit Integrations - Media Message - Map Upload Fields

Select Type of media: Here, you need to select the file format type.

WhatsApp Integration with Bit Integrations - Media Message - Media Type

In the WhatsApp integration settings, you will see a “Map Fields” option. This is where you will need to map the fields from your form to the corresponding fields in WhatsApp. The “Recipient’s Phone” field is the default field in WhatsApp, so you will need to map your form’s “Recipient’s Phone” field to this field in WhatsApp.

WhatsApp Integration with Bit Integrations - Media Message - Fileld Mapping

You can also map Media Fields.

WhatsApp Integration with Bit Integrations - Media Message - Media Field Map

note-icon-bit-apps  Note

To ensure successful message delivery using the WhatsApp Business API:

  • The conversation must be initiated by the user.
  • To begin, send a message from your WhatsApp number to the recipient’s number.
  • Once the user has started the conversation, you can continue to communicate with the recipient normally.
Caption
  • Do not use with audio or sticker media.
  • Media asset caption.
  • Captions are currently not supported for document media.
FileName
  • Use only with document media.
  • Describes the FileName for the specific document.
  • The extension of the filename will specify what format the document is displayed as in WhatsApp.

Conditional Logics

In the WhatsApp integration settings, you can add conditions to the integration process. When these conditions are met, the data will be sent to your WhatsApp. For more details, refer to our documentation on conditional logic. After setting up your conditional logic, click Next to proceed

Bit-Integrations-Conditional-Logics

WhatsApp Integration Save

Once you have configured the desired settings for the integration, click the Save & Finish button to save the integration.

WhatsApp Integration with Bit Integrations - Finish and Save

WhatsApp Integration Log

Every integration has a timeline that you can use to check the success or error status of the integration.

WhatsApp Integration with Bit Integrations - Timeline
WhatsApp Integration with Bit Integrations - Integration Log

Use Case

Bit Form with WhatsApp

Bit Form Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Elementor Form with WhatsApp

Elementor Form Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Gravity Forms with WhatsApp

Gravity Forms Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

WPForms with WhatsApp

WPForms Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Contact Form 7 with WhatsApp

Contact Form 7 Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Ninja Forms with WhatsApp

Ninja Forms Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Forminator Forms with WhatsApp

Forminator Forms Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Formidable Forms with WhatsApp

Formidable Forms Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Fluent Forms with WhatsApp

Fluent Forms Integration with WhatsApp using Bit Integrations. When you submit a form, you’ll receive a message with a template if you’ve provided a WhatsApp number in the form.

Share this Doc

WhatsApp Integrations

Or copy link

CONTENTS
Subscribe for New Integrations Alert!
bit-integrations-new-logo
© 2024 ABC. All rights reserved by Bit Apps.
Follow us
© 2024 ABC. All rights reserved by Bit Apps.