WhatsApp Button

Free WhatsApp Button Generator

Generate a custom WhatsApp chat button for your website in seconds. Capture leads by letting visitors start a conversation with pre-filled messages — and optionally capture their name and number before they chat.

Check live preview of your WhatsApp button at bottom-right of this page.

Customize

Configure WhatsApp Chat Button

Set phone number, button style, position, and pre-filled message.

Include country code (e.g. 91 India, 1 US). Min 10 digits.

Hex color (e.g. #25D366).

In URL rules you can use {{page_url}} & {{page_title}}; they are replaced with the visitor's page URL and title.

Chat Widget

Personalize the widget header, branding, and on-screen message.

Direct image URL. Leave empty for icon only.

In URL rules you can use {{page_url}} & {{page_title}}.

URL Personalization

Show different pre-filled messages and greetings depending on the page URL. Add rules with a source URL (e.g. /pricing); when the visitor is on a page containing that URL, the rule's message is used.

Personalize the pre-filled message and on-screen greeting based on the visitor's page URL. Each rule needs a Source URL (e.g. /pricing or pricing).

Your WhatsApp button code

Paste this before </body> on your website.

Start chat

⚡ by isend.ai

How it works

Simple Steps to add WhatsApp Button to your Website

  1. 1
    Step 1: Enter your WhatsApp number (with your country dial code).

    Use the field above and include the full number, e.g. +91 98765 43210.

  2. 2
    Step 2: Customize the WhatsApp button appearance — text, colors, margins, border radius.

    Set CTA text, background color, and spacing to match your site.

  3. 3
    Step 3: Choose button placement (position).

    Select bottom-right or bottom-left. Check the live preview at bottom-right of this page.

    Check live preview
  4. 4
    Step 4: Set the pre-filled message — the message users see when they open WhatsApp.

    Use "Default Prefilled Message" to greet or qualify leads.

  5. 5
    Step 5: Upload branding and configure widget CTA — logo URL, brand color, font, and widget CTA text.

    Use the Chat Widget section above to personalize the experience.

  6. 6
    Final: Generate snippet and paste it into your website’s <head> or before </body>.

    Click "Generate Snippet" above and add the code to your site.

Benefits of sharing WhatsApp Button

  • Makes it easier for visitors to start a conversation quickly — one click opens WhatsApp.
  • Captures visitor interest and enables follow-ups and notifications via WhatsApp.
  • Increases engagement and reduces friction compared with email or SMS.
  • WhatsApp typically has higher open and response rates than traditional channels.

WhatsApp Button FAQ's

A WhatsApp button is a clickable element on your website that opens a chat with your WhatsApp number, often with a pre-filled message. It helps visitors contact you instantly.
It increases inquiries, reduces friction, and lets you capture and follow up with leads via WhatsApp, which often has higher open and reply rates.
Yes. You add a small snippet (script or link) to your site, so it works on WordPress, Shopify, custom HTML, and most platforms.
You can use a regular WhatsApp number. WhatsApp Business adds profile and catalog features; both work with the button.
Yes. Use the configuration above to set color, text, position, margins, and border radius to match your brand.
This generator is free. WhatsApp itself is free for personal and business use; carrier data charges may apply.
You see conversations in your WhatsApp app. For analytics, use URL parameters or a platform that logs clicks and conversations.

Get Started with our Platform

Automate messages, enable WhatsApp chat support, and scale conversations with your customers — all from one place.

Get Started Now