WP Tool
Free tool

WhatsApp Chat Widget Generator

Add a floating WhatsApp chat button to your website. Customize it below and paste the snippet before your closing </body> tag.

Choose your country, then enter your mobile number without the country code.

Pre-filled in the chat when a visitor taps the button.

#25D366

Enter a valid mobile number to generate the chat button code.

Live preview

The button floats in the bottom-right corner of every page.

How it works

Add WhatsApp chat to your site in minutes

No plugins and no developer needed. Just copy, paste and publish.

  1. Step 01

    Add your number

    Enter the WhatsApp number your visitors should reach, with the country code.

  2. Step 02

    Customize the button

    Set the welcome message, pick a button color that matches your brand and choose the bottom-left or bottom-right corner.

  3. Step 03

    Copy the snippet

    Copy the generated HTML. It is a single link with inline styles and no external scripts.

  4. Step 04

    Paste and publish

    Paste the snippet before your closing </body> tag, or into a custom HTML block in your site builder, then publish.

Why add it

A simple button that starts real conversations

Give visitors the fastest way to reach you, on the app they already use every day.

Lightweight by design

Plain HTML and inline CSS. No external scripts or trackers, so the button will not slow your pages down.

Works with any website

Use it on WordPress, Shopify, Wix, Webflow or a custom site. Anywhere you can add HTML, you can add the button.

Mobile friendly

The button stays fixed in the corner on every screen size and opens the WhatsApp app on phones.

Catch buyers before they leave

Visitors with a question about sizing, delivery or pricing can ask right away instead of abandoning the page.

Faster support

Move support conversations to the app customers already use, and answer from wherever you are.

Conversations with context

The welcome message is pre-filled, so every chat starts with a clear opening line.

Frequently asked questions

Everything you need to know before you get started

Clear answers to the most common questions about WP Tool, the WhatsApp Business API, billing and support.

Where do I paste the widget code?
Paste it just before the closing </body> tag of your site template so it appears on every page. In site builders, use a custom HTML or code embed block, or the footer code setting.
Is the chat widget really free?
Yes. The generator and the snippet are free to use with no signup, no usage limits and no branding added.
Will it slow down my website?
No. The widget is a single link with inline styles and a small inline icon. It loads no external scripts, fonts or images.
Can I change the color or position later?
Yes. Come back, adjust the settings and replace the old snippet with the new one. You can also edit the background value in the code directly.
Does it work on mobile?
Yes. On phones the button opens the WhatsApp app. On desktop it opens WhatsApp Web or the desktop app.
Can several team members answer chats from this button?
The button opens a chat with a single number. To let your whole team reply from that number, connect it to a shared team inbox on the WhatsApp Business API.
More free tools

Keep building your WhatsApp presence

Share the same chat beyond your website.

Get started

Reply to every website chat as a team

Bring website chats into a shared inbox, add chatbots for common questions and follow up with approved templates.

Start 14-day free trial Book a live demo