> For the complete documentation index, see [llms.txt](https://ninjateam.gitbook.io/whatsapp-for-wordpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ninjateam.gitbook.io/whatsapp-for-wordpress/how-it-works/custom-button-shortcode.md).

# Custom WhatsApp Button

In any given pages or posts, you can add a WhatsApp button with custom image, style, and greetings.

![Custom WhatsApp buttons with different styles](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgdwfEjnqZgABDREwys%2F-Mge0LWdwBt9nSZevZ1e%2FWhatsApp%20button%20shortcode.png?alt=media\&token=d3266f57-72bf-4694-a0b0-3c7b69225598)

### Adding WhatsApp button with Gutenberg block

Let’s say you’re running a lead-collecting campaign in which people have to message you on WhatsApp to get the coupon codes.

In Gutenberg editor, search for the block called **WhatsApp button** and add it to the post. With this block, you will be able to:

* Choose a pre-built WhatsApp account, or add a new WhatsApp phone number
* Design the button with custom style and color scheme

![](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgipwfJFZrIGz27c_fe%2F-Mgiwrq3HpP3tkgwwUkd%2FWhatsApp-custom-button-settings-in-WordPress.png?alt=media\&token=49b58d00-06a2-49b7-922d-66e2bce67fbe)

Then, publish the page/post content and run your marketing campaign.

![](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgipwfJFZrIGz27c_fe%2F-MgiwxwFm0vkXYbYAnTc%2FWhatsApp-custom-button-in-wordpress-page-post-1.png?alt=media\&token=3a8b8612-c375-4fa8-9e53-9141698d3654)

### Adding WhatsApp button via shortcode

Each member account has its own shortcode that you can copy and paste anywhere on your site.

![](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgipwfJFZrIGz27c_fe%2F-Mgiz8YPDIEETqtHNlni%2Fimage.png?alt=media\&token=c09bb298-ca40-4985-916f-c5673d004fd0)

You can choose a specific member or field expert to display his/her WhatsApp contact. Then go to the page/post Classic editor or Gutenberg and paste the respective shortcode.

![](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MhLyulb8BhMhdJv7sre%2F-MhM6Ti4QgealQR_XmbY%2Fimage.png?alt=media\&token=a55c3456-2e67-468b-b923-01058e3dee86)

Publish the page/post and now you provide an easy and direct way of getting in touch with the right person for your customers and clients.

![](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MhLyulb8BhMhdJv7sre%2F-MhM5gz9RjlJSmyvuCU3%2Fimage.png?alt=media\&token=a5f1ea0d-d332-4462-9352-a29988479a7e)

{% hint style="success" %}
Quick tip: Automate WhatsApp marketing

Now that people are pinging you on the above WhatsApp phone number, you can set an **automated reply** to those messages using the [WhatsApp Business App](https://www.whatsapp.com/business/). 
{% endhint %}