How do I add a WhatsApp chat button to my website?

Use this free tool to customise your button's colour, position, tooltip, and default message. Click Generate Code, then copy the HTML snippet and paste it before the closing body tag of your website. The button will appear as a floating icon in the corner of every page.

Does the WhatsApp button work on mobile devices?

Yes. The button is fully responsive and works on all devices. On mobile, tapping the button opens the WhatsApp app. On desktop, it opens WhatsApp Web or the desktop app.

Can I customise the button colour and position?

Yes. You can choose any colour using the colour picker, select bottom-left or bottom-right placement, customise the tooltip text, and set a default pre-filled message. The live preview shows your changes in real time.

Free WhatsApp Chat Button Generator

Phone Number (with country code)

Default Message

Tooltip Text

Position

Button Color

Preview

How to Add a WhatsApp Chat Button to Your Website

A WhatsApp chat button is a floating widget that sits in the corner of your website, inviting visitors to start a conversation with your business on WhatsApp. It is one of the most effective ways to convert website visitors into leads and customers.

Configure Your Button

Enter your WhatsApp number, set a default message, choose button colour and position.

Preview & Generate

See a live preview of your button, then click Generate Code to get the embed snippet.

Paste on Your Website

Copy the HTML code and paste it before the closing </body> tag on any page.

Why Every Website Needs a WhatsApp Button

Higher conversion rates - Visitors are 3x more likely to enquire via WhatsApp than through a contact form
Instant communication - Respond to leads in real time instead of waiting for email replies
Mobile-first experience - Over 60% of web traffic is mobile, and WhatsApp is already on their phone
Builds trust - A visible WhatsApp button signals that your business is accessible and responsive
Works everywhere - Compatible with WordPress, Shopify, Wix, Squarespace, custom HTML, and any website builder

Platforms That Support This Widget

The generated code works on any website platform. Simply paste it into your site's HTML - whether you use WordPress (add to theme footer or via a custom HTML widget), Shopify (paste in theme.liquid), Wix (add via embed code block), Squarespace (inject via code injection), or any custom-built website.

Go Beyond a Button with Whautomate

A WhatsApp button gets the conversation started, but Whautomate takes it further with AI chatbots that respond instantly, a team inbox for multi-agent support, automated follow-ups, broadcast campaigns, and a built-in CRM. You can also add Instagram, Messenger, Telegram, and native Live Chat to the same inbox - giving your visitors every way to reach you.

Frequently Asked Questions

Use this free tool to customise your button's colour, position, tooltip, and default message. Click Generate Code, copy the HTML snippet, and paste it before the closing </body> tag of your website. The button will appear as a floating icon in the corner of every page.

No. The generated code is pure HTML and CSS with no external JavaScript dependencies, making it extremely lightweight. It adds less than 2KB to your page and has zero impact on load time or Core Web Vitals scores.

Yes. The button is fully responsive and works on all devices. On mobile phones, tapping the button opens the WhatsApp app directly. On desktop computers, it opens WhatsApp Web or the desktop application.

Yes. Use the colour picker to choose any colour that matches your brand. You can also customise the tooltip text, position (bottom-left or bottom-right), and the default pre-filled message. The live preview shows your changes before you generate the code.

Yes. The code works with any website platform. For WordPress, paste it in your theme's footer.php or use a custom HTML widget. For Shopify, add it to your theme.liquid file. It also works with Wix, Squarespace, Webflow, and any custom HTML website.

WhatsApp Chat Button Generator