How to Add a WhatsApp Button to Any Website (2026 No-Code Guide)

Quick Answer: To add a WhatsApp button to any website, paste this into your HTML: <a href="https://wa.me/YOURNUMBER">Chat on WhatsApp</a> — replace YOURNUMBER with your international format number (no +, no spaces). Works on WordPress, Shopify, Wix, Webflow, Squarespace, and plain HTML. No API required, no Meta approval needed, free forever.

Adding a WhatsApp button means creating a link that opens a WhatsApp conversation with your number. When a visitor clicks, their WhatsApp app opens on mobile or WhatsApp Web opens on desktop — pre-loaded with your number and ready to message.

Two approaches exist: a basic wa.me link (2 minutes, free, any platform) and a full floating widget (routing, team management, AI lead scoring). This guide covers both.

Key Takeaways

  • ✓ A raw wa.me link adds a WhatsApp button to any website in 2 minutes with zero JavaScript
  • ✓ No WhatsApp Business API, no Meta approval, and no monthly fees for a basic button
  • ✓ Toran adds a floating widget with 2-agent routing free — one script tag, any platform
  • ✓ Platform guides for WordPress, Shopify, Wix, Webflow, Squarespace, and Framer below
  • ✓ For solo businesses a static link is enough; for 2+ agents use a widget with routing

How to Add a WhatsApp Button to Any Website (Universal Method)

The simplest WhatsApp button uses a wa.me link — a WhatsApp-hosted redirect that works on every device, browser, and website platform with no API or account approval.

Step 1: Format your number

Use international format without spaces, dashes, or the + sign:

  • US: +1 (212) 555-1234 → 12125551234
  • UK: +44 7911 123456 → 447911123456
  • Israel: +972 50 123 4567 → 972501234567

Step 2: Build your WhatsApp link

https://wa.me/YOURNUMBER

To pre-fill a message the visitor can edit before sending:

https://wa.me/YOURNUMBER?text=Hi%2C%20I%27d%20like%20to%20learn%20more

URL-encode the message text: spaces become %20, commas become %2C. The WhatsApp link generator handles encoding automatically.

Step 3: Wrap it in a styled button

html
<a href="https://wa.me/YOURNUMBER"
   target="_blank"
   rel="noopener noreferrer"
   style="display:inline-block;background:#25D366;color:#ffffff;
          padding:12px 24px;border-radius:50px;text-decoration:none;
          font-weight:600;font-size:16px;">
  Chat on WhatsApp
</a>

Step 4: Paste it into your platform

WordPress — Add an HTML block in the Gutenberg editor and paste the code. Or use Appearance > Widgets > Custom HTML to add it sitewide.

Shopify — In Theme Editor, add a Custom Liquid block to any section. Or paste before </body> in theme.liquid.

Wix — Use Add > Embed Code > HTML iframe and paste the button code.

Webflow — Add an Embed element from the Add panel, paste the HTML, and publish.

Squarespace — Add a Code Block (Insert Point > Embed or Code) and paste in Design view.

Plain HTML — Paste anywhere between <body> and </body>.

Step 5: Test it

On mobile, tapping the button should open the WhatsApp app. On desktop, it opens WhatsApp Web. Verify the pre-filled message (if any) appears correctly.

How to Add a Floating WhatsApp Widget (With Team Routing)

A floating widget stays visible on every page without editing individual templates. It also supports multiple agents, team routing, AI lead scoring, and analytics — features a static link cannot deliver.

Toran adds a floating WhatsApp button to any website with one script tag. The free plan supports 2 agents with round-robin routing and 30 AI-scored sessions per month. No credit card required.

Add Toran to any website

Paste this snippet before the </body> tag on every page:

html
<script async src="https://widget.toranhq.com/widget.js"
  data-company-id="YOUR_COMPANY_ID">
</script>

Get your Company ID from the Toran dashboard after creating a free account. Full setup takes under 2 minutes.

Raw wa.me link vs Toran widget:

  • Floating button on all pages — link: static embed only, Toran: automatic on every page
  • Multiple agents with routing — link: one number only, Toran: round-robin free
  • AI lead scoring before first contact — link: not available, Toran: 30 sessions/mo free
  • Per-agent availability schedule — link: not available, Toran: included
  • Analytics and click tracking — link: not available, Toran: included
  • Monthly cost — both free for up to 2 agents

For a solo business, the raw link is sufficient. For a team of 2 or more where multiple people share WhatsApp inquiries, a widget with routing prevents messages from getting missed or double-handled.

Platform-Specific Guides

These guides cover the exact steps with platform-specific configuration options:

Why Add WhatsApp to Your Website?

WhatsApp has over 2 billion active users as of 2025 (Meta Q4 2025 earnings). For businesses in markets where WhatsApp is the primary messaging app — Latin America, Middle East, South Asia, Southeast Asia, and increasingly Europe — a WhatsApp button often converts better than a contact form or live chat widget.

Conversations persist. When a visitor submits a form, you get an email. When they click a WhatsApp button, they start a conversation that lives in their WhatsApp app indefinitely. They can follow up tomorrow. You can follow up without needing their email address.

Response time matters. Harvard Business Review (Oldroyd et al., 2011) found that contacting a web lead within 5 minutes was roughly 21× more likely to qualify the lead than waiting 30 minutes — and effectively impossible after a day. WhatsApp conversations happen in real time — no email notification delay, no support ticket queue.

Trust is higher. Visitors who tap a WhatsApp button expect a real human. That expectation sets the right tone for a sales conversation from the first message.

For service businesses — real estate agents, clinics, agencies, restaurants — WhatsApp is where buying decisions happen. A button one tap away removes the friction between "I'm interested" and "I'm talking to someone."

Do I Need the WhatsApp Business API?

No. The wa.me link and Toran's widget both work without the WhatsApp Business API.

The WhatsApp Business API is a Meta product for enterprise teams sending outbound messages at scale: broadcast campaigns, order confirmations, appointment reminders. It requires Meta approval (1–4 weeks), a Business Solution Provider subscription ($49–99/month through platforms like WATI or Respond.io), and per-conversation fees of $0.05–0.08 each.

A button on your website does the opposite: the visitor initiates contact. Because the visitor starts the conversation, no API is involved. You receive the message in your WhatsApp app or WhatsApp Business app — exactly like a message from a friend.

Add Your WhatsApp Button Today

The wa.me snippet above works on any website in 2 minutes. For teams that need routing, scheduling, and AI lead scoring, Toran is free for 2 agents — no API approval, no credit card.

Compare all options: Best WhatsApp Chat Widgets in 2026 covers every major tool with pricing, features, and honest recommendations.

Need a pre-filled link? Use the WhatsApp link generator — create a custom wa.me URL with a message in 30 seconds.

Already comparing tools? See Chaty, Joinchat, and Click to Chat vs Toran's free WhatsApp widget.

Sources:

  • WhatsApp active users: Meta Q4 2025 earnings report — 2 billion+ daily active users
  • Oldroyd, J. B., McElheran, K., & Elfenbein, D. (2011). "The Short Life of Online Sales Leads," Harvard Business Review (March 2011 issue), based on Oldroyd's 2007 InsideSales/Kellogg dataset: https://hbr.org/2011/03/the-short-life-of-online-sales-leads — 21× lead-qualification odds for under-5-minute response vs. 30-minute response.
  • Meta WhatsApp Business API pricing: Meta Business Help Center (2026) — $49–99/mo BSP base + $0.05–0.08 per conversation