Adding a WhatsApp Button to Your Site (and Why It Converts)

Draftly Team
D
Draftly Team
March 4, 2026
5
Tutorials

Summary

WhatsApp is the primary business communication channel across India, Southeast Asia, and MENA. Here's how to add a floating WhatsApp button that turns visitors into conversations.

Adding a WhatsApp Button to Your Site (and Why It Converts)

Adding a WhatsApp Button to Your Site (and Why It Converts)

In India, WhatsApp is not just a messaging app — it's the default way people do business. A visitor who has a question will not fill out a form and wait. They'll tap WhatsApp and expect a reply in minutes.

Adding a floating WhatsApp button to your site is one of the highest-ROI actions you can take, especially if your customers are in India, Southeast Asia, or MENA.

How Draftly's WhatsApp Button Works

When you connect your WhatsApp number in site settings, Draftly automatically injects a floating button on your published site. The button:

  • Appears 3 seconds after page load (not immediately — avoids being intrusive)
  • Links directly to a WhatsApp conversation with your number
  • Works on both mobile (opens WhatsApp app) and desktop (opens WhatsApp Web)
  • Fires a GA4 `whatsapp_click` event if Google Analytics is connected
  • Is counted as a lead in your Draftly leads dashboard

Setting It Up

  • Go to Dashboard → Settings → Contact & Leads
  • Enable WhatsApp Button
  • Enter your WhatsApp number in international format: `+91 98765 43210`
  • Save and republish
That's it. The button appears on your live site automatically.

Formatting Your Number Correctly

Use full international format with the `+` prefix and country code:

  • India: `+91 9876543210`
  • UAE: `+971 50 123 4567`
  • UK: `+44 7700 900123`
  • US: `+1 555 123 4567`
Do not include spaces, dashes, or brackets in the settings field — digits only after the `+` and country code.

Why WhatsApp Converts Better Than Forms

Contact forms have a high abandonment rate. People fill in their name, email, message, solve a CAPTCHA, and then wait 24–48 hours for a reply. WhatsApp removes every one of those friction points.

Studies across Indian e-commerce brands show WhatsApp CTAs convert 2–4x higher than traditional contact forms for warm leads.

Pro Tips

Set a pre-filled message: In your WhatsApp settings, you can add a default opening message like "Hi! I saw your site and wanted to ask about..." This reduces the blank-page anxiety for visitors starting a conversation.

Connect to GA4: If GA4 is connected, Draftly fires a `whatsapp_click` event for analytics — you can track which pages drive the most WhatsApp conversations.

Mobile placement: The button defaults to bottom-right, which doesn't conflict with browser navigation on mobile. Don't move it.

Related Articles

More in Tutorials →