How to Add a WhatsApp Chat Widget to Your Draftly Website

Draftly Team
D
Draftly Team
March 15, 2026
4
Tutorials

Summary

WhatsApp is the primary communication channel for most Indian consumers. A well-placed widget can convert passive browsers into active conversations.

How to Add a WhatsApp Chat Widget to Your Draftly Website

How to Add a WhatsApp Chat Widget to Your Draftly Website

For Indian businesses, a WhatsApp widget often outperforms traditional live chat by 3-5x in engagement.

Method 1 — Draftly Built-In

  • In the editor, type 'Add a WhatsApp chat button'
  • Enter your WhatsApp business number
  • Set a pre-filled message (optional): 'Hi, I found your website and wanted to enquire about...'
  • Position: fixed bottom-right (standard and expected)

Method 2 — Custom HTML

For more control:
```html
style="position:fixed;bottom:20px;right:20px;z-index:999;">
Chat on WhatsApp

```

Method 3 — Tidio or Elfsight

For a more polished widget with opening hours display, pre-chat message preview, and offline behaviour, Elfsight's WhatsApp Chat widget works well via embed.

Pre-Filled Message Strategy

A pre-filled message dramatically increases message completion rate:

  • 'Hi, I saw your website and want to know more about [service]'

  • 'Hello, I'd like a quote for [product]'

  • Keep it under 100 characters


Business Hours Display

Show when you're available. 'Usually replies within 2 hours (Mon-Sat, 9am-7pm)' sets expectations and reduces frustration.

Related Articles

More in Tutorials →