How to Add a WhatsApp Widget to Your Website in 5 Minutes (Free)

2026-05-07 · whatsapp,widget,website,wordpress,shopify

A floating WhatsApp button on your website can increase customer inquiries by 30–40%. This guide shows you exactly how to add one to any website platform — no plugins, no monthly fees, no coding experience needed.

⚡ Skip straight to it: Use the WAUtility Widget Builder — design your widget visually and get the HTML code in 2 minutes.

Why You Need a WhatsApp Widget

📈 +40% inquiries

Visitors who might leave instead tap to chat

⚡ Instant response

Real-time conversation, no email waiting

📱 Mobile-first

Opens native app — zero friction on mobile

💰 Completely free

No subscription, no premium plan

Step 1: Build Your Widget

Go to the WAUtility Widget Generator and configure: your number, shape (circle/square/rectangle/bar), color, position, tooltip message, pulse animation, and optionally upload your own logo.

Every user gets unique code — no two widgets are the same. When satisfied with the live preview, click "Copy HTML Code".

Step 2: Add to Your Website

🔧 WordPress

Appearance → Theme Editor → footer.php → paste just before </body>
OR: use free "Insert Headers and Footers" plugin → paste in Footer Scripts

🔧 Shopify

Online Store → Themes → Edit Code → Layout → theme.liquid → paste before </body>

🔧 Wix

Settings → Custom Code → Add Code → Paste in Body → Apply to All Pages

🔧 Plain HTML

Open your HTML file → find </body> → paste the code just before it

Best Practices

Position bottom-right. This is where 80% of users look for chat buttons.
Use a tooltip message. Widgets with a tooltip get 2x more clicks than without.
Add a pre-filled message to make it effortless for visitors to start chatting.
Use your brand color for a more professional look.
Show your photo or logo as the widget icon — personal photos increase trust.
Respond quickly. Set up WhatsApp notifications on your phone.

🧩 Build Your Widget Free — 2 Minutes

Visual builder. Live preview. Unique code for your site. No sign-up.

Open Widget Builder →