The WhatsApp Button block will allow your customers to send you a message to inquire about your product or services or to ask for support.
Clicking the button will open WhatsApp and pre-fill the phone number and initial message.
Requirements
The WhatsApp Button block is a part of the Jetpack Blocks suite. See our Jetpack Blocks article to learn about the available blocks and how to activate them.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you will need to switch back to the Block Editor either by:
- Deactivating the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enabling both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin. Set Allow users to switch editors to Yes.
See Using Blocks and the Classic Editor for more details.
It may happen that an editor that comes with a custom theme or plugin prevents you from using the Block Editor. In that case, please contact the respective plugin or theme author for further assistance.
Adding the WhatsApp Button block
You can add the WhatsApp Button block by searching and/or selecting it from the Jetpack section of the block selector:
See Jetpack Blocks for detailed instructions on adding blocks.
After you add the block, you’ll need to enter the phone number you use with your WhatsApp account. If you need to sign up for a WhatsApp account, you can do so here.
Block Toolbar
Click on the block to display the block toolbar. The WhatsApp Button block offers the following options in its toolbar:
The middle block is where you click to add your phone number.
Block Settings
Every block has specific options in the editor sidebar and options found in the block toolbar.
If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
WhatsApp Button Settings
In the right sidebar are the button settings, where you can add your phone number, the default message that will be sent to you (visitors can customize this), and the option to open a new tab if the visitor does not have WhatsApp installed on their device.
Color Settings
In this section, you can choose the button’s background color so that it better matches your site’s color scheme.
Advanced
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.
Still need help?
Please contact support directly. We’re happy to advise.
Privacy Information
The WhatsApp Button block is activated by default. While there are no controls for it within the primary Jetpack settings area, it can be deactivated any time by following this guide.
| Data Used | |
|---|---|
| Site Owners / Users
We send an API request (HTTP) from your site directly to WhatsApp. |
Site Visitors
None |
| Activity Tracked | |
| Site Owners / Users
We track when you insert the WhatsApp button in the editor. For details of what WhatsApp tracks, refer to their Privacy Policy. |
Site Visitors
We don’t track any activity. For details of what WhatsApp tracks, refer to their Privacy Policy. |
| Data Synced (Read More) | |
| Site Owners / Users
The WhatsApp phone number and default first message are stored in the post content, and loaded for editing and display using an API and PHP. |
Site Visitors
None. |
Jetpack 