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;">
![]()
```
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.



