WhatsApp Button Generator

Add a WhatsApp chat widget to your website. Customize the look, preview it live, and copy the embed code.

Use your brand or company name here

This text tells visitors where they should write their message

Add an informative text here, like your business hours or how long you usually take to reply

This text will be displayed when the visitor opens the chat widget

International format with country code

Where on the screen the widget will appear

Generated Code

Copy & paste this code into your website's HTML to display the widget

<script
  async
  src="https://app.querygen.ai/widget-sdk/tldr-wa-widget.js"
  data-phone="1"
  data-message="Hey there! 👋
How can we help you?"
  data-accent-color="#25D366"
></script>

Below you can see how the WhatsApp Button would look on your website

Welcome!
We typically reply within 1 hour
Hey there! 👋 How can we help you?
15:55
Type your message...
Powered by Querygen.ai

Need a QR code instead?

Generate a scannable QR code that opens a WhatsApp chat with your number.

QR Code Generator

Need more powerful WhatsApp tools?

Querygen automatically captures and organizes leads from your WhatsApp conversations. Extract contact details, track follow-ups, and never miss a sales opportunity.

Try Querygen Free

Free 7-day trial.

How to add a WhatsApp button to your website

  1. 01

    Enter your WhatsApp number

    Add the number, with country code, that website visitors should reach.

  2. 02

    Customize the widget

    Set the title, subtitle, greeting message, input placeholder, accent color, and whether the button sits on the left or right. The live preview updates as you edit.

  3. 03

    Copy the embed code

    Copy the one-line script tag and paste it into your website's HTML.

Frequently asked questions

Is the WhatsApp button generator free?

Yes. It is free to use and needs no signup.

What happens when a visitor clicks the button?

A chat window opens with your greeting. When the visitor sends a message, a WhatsApp chat with your number opens with their message filled in.

Does it work on any website?

Yes. The widget is a single script tag, so it works on any site where you can add custom HTML.

Do I need a WhatsApp Business account?

No. The button opens a chat with the number you enter, which can be a regular WhatsApp or a WhatsApp Business number.

Can I reply to website chats automatically?

Yes, with Querygen. Autopilot answers incoming WhatsApp messages from your catalog and FAQs, captures the lead, and hands the conversation to your team when needed.