The WhatsAPP Button block will allow your customers to send them a message to enquire about their product or services, or ask for support. Clicking on the button will open WhatsApp and pre-fill the phone number and initial message.
Requirements
The WhatsApp Button block is available to all Jetpack sites.
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:
![](http://jetpackme.files.wordpress.com/2020/07/screen-shot-2020-07-24-at-4.08.16-pm.png?w=355)
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:
![](http://jetpackme.files.wordpress.com/2020/07/screen-shot-2020-07-24-at-4.28.01-pm.png?w=185)
The middle block is where you click to add your phone number.
Block Settings
Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
![](http://jetpackme.files.wordpress.com/2019/01/cog-icon.png)
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.
![](http://jetpackme.files.wordpress.com/2020/07/screen-shot-2020-07-24-at-4.34.06-pm.png?w=282)
Color Settings
In this section, you can choose the background color of the button so that it better matches the color scheme of your site.
![](http://jetpackme.files.wordpress.com/2020/07/screen-shot-2020-07-27-at-3.43.33-pm.png?w=280)
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.
![](http://jetpackme.files.wordpress.com/2019/01/additional-css.png)
Troubleshooting
If you’re having any trouble with the WhatsApp Button block, please contact support for help.
Privacy Information
This feature 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.