> ## Documentation Index
> Fetch the complete documentation index at: https://help.hiredata.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add a WhatsApp Chat Button to Your Website

> Embed a WhatsApp chat button on your website so candidates and clients can start a conversation with one click and reach your team directly on WhatsApp.

*You can easily allow visitors to contact your team via WhatsApp by embedding a **Click to Chat** button on your website. This method works across devices and doesn’t require any special integrations.*

## Step 1: Get Your WhatsApp Business Number

Make sure you have a WhatsApp Business number [connected to your brand in HireData](/apps/messaging/whatsapp/connect-with-whatsapp-embedded-sign-up). This is the number your website visitors will message.

**Example format:**

31612345678

*(No +, no spaces, no dashes)*

## Step 2: Generate Your WhatsApp Link

Use this format:

```
<https://wa.me/><number>?text=<url-encoded-message>
```

Replace:

* \<number> with your full phone number (international format)
* \<url-encoded-message> with a pre-filled message

Example:

```
<https://wa.me/31612345678?text=Hi%20there%2C%20I'm%20interested%20in%20your%20vacancies>!
```

💡 Tip: You can create different messages for different pages (e.g. job detail pages, services, or FAQs).

## Step 3: Add the Button to Your Website

You can embed the link as a text link, image button, or styled button. Here’s a simple example using text:

```
<a href="<https://wa.me/31612345678?text=Hi%20there%2C%20I'm%20interested%20in%20your%20vacancies!"> target="_blank"> Chat with us on WhatsApp </a>
```

Or use an image:

```
<a href="<https://wa.me/31612345678?text=Hi%20there%2C%20I'm%20interested%20in%20your%20vacancies!"> target="_blank"> <img src="<https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg>" alt="WhatsApp" width="40"> </a>
```

You can also style this as a floating button using custom CSS if you have access to your site’s theme.

## 💡 Tips for Customisation

* Add different links per page with tailored messages (e.g., “I’m interested in Job ID 5421”)
* Track traffic by adding UTM parameters (e.g. ?utm\_source=website)
* Position the button for visibility (e.g., bottom-right corner, fixed position)


## Related topics

- [How WhatsApp Templates Work](/apps/messaging/whatsapp/how-whatsapp-templates-work.md)
- [Add a Valid Payment Method for WhatsApp](/apps/messaging/whatsapp/add-a-valid-payment-method-for-whatsapp.md)
- [Connect with WhatsApp: Embedded sign-up](/apps/messaging/whatsapp/connect-with-whatsapp-embedded-sign-up.md)
- [How to Use Forms in WhatsApp Conversations](/apps/messaging/whatsapp/how-to-use-forms-in-whatsapp-conversations.md)
- [WhatsApp Active Chats Counter in Carerix RMA](/apps/carerix/whatsapp-active-chats-counter-in-carerix-rma.md)