If you want to add a button on your website that automatically opens WhatsApp and redirects to your business number to initiate a chat, you can simply use Heltar’s Free WhatsApp Button Generator Tool. Just add your phone number and an optional custom message to initiate conversation. Click on Generate Code. You will get the HTML and CSS code that you need to paste on your website and a WhatsApp Button will be added on your website. For a detailed guide along with steps to create your own button from scratch read this blog.

How to Use Heltar’s Free WhatsApp Button Generator?

  1. Open Heltar’s Free WhatsApp Button Generator Tool.

  2. Enter your WhatsApp Number.

  3. You can also Enter a message for clients to start a conversation.

  4. Click on Generate Code.

  5. Click on Copy Code.

  6. Paste this code in the HTML file of your website.

The code includes inline CSS and will add a button on your website with the WhatsApp icon. You can customize the code to change colors or location if needed.

How to Create Your Own Custom WhatsApp Button for a Website?

1. Copy the following URL format:
https://wa.me/<your-number>
Replace <your-number> with your full phone number, including the country code (but without + or -). 

Example: https://wa.me/1234567890

2. Add this link to a button or text on your website.

<a href="https://wa.me/1234567890" target="_blank">Chat with us on WhatsApp</a>

3. You can also use the WhatsApp logo as an icon and link it to your chat.


<a href="https://wa.me/1234567890" target="_blank">
    <img src="whatsapp-icon.png" alt="WhatsApp" width="50px">
</a>

Make sure to replace whatsapp-icon.png with the actual path to the WhatsApp icon.

You can add inline CSS or a CSS file as per your requirement to change how the button looks on your website.

Alternative: Adding a WhatsApp QR Code

For an alternative way to allow visitors to contact you, you can include a WhatsApp QR code on your website:

  1. Go to Heltar's Free WhatsApp QR Code Generator.

  2. Enter your WhatsApp Business Number.

  3. You can also Enter a message for clients to start a conversation.

  4. Generate the QR code and download it.

  5. Add the QR code to your website using an <img> tag:

<img src="whatsapp-qr-code.png" alt="Scan to chat on WhatsApp" width="150px">

Whether you use a simple link, an icon, a floating button, or a personalized generator, you can improve communication with your website visitors by linking your WhatsApp number. For more insights on WhatsApp Marketing or WhatsApp Business API check out heltar.com/blogs.