DEV Community

Cover image for How to Send HTML Form Submissions to WhatsApp (Without Building a Backend)
Joe Seabrook
Joe Seabrook

Posted on • Originally published at web2phone.co.uk

How to Send HTML Form Submissions to WhatsApp (Without Building a Backend)

Most contact forms don’t fail — they get missed

Most websites still send contact form submissions to email.

The problem is — email gets missed.

If you’re not checking your inbox constantly, new enquiries can sit there for hours. In a lot of cases, the first person to respond wins the lead, so that delay can cost you real opportunities.

So instead of sending submissions to email, I started looking at a better option:

👉 Send them to WhatsApp instead


Why WhatsApp works better than email

The difference is simple:

  • Email → checked occasionally
  • WhatsApp → checked instantly

That means:

  • faster response times
  • fewer missed enquiries
  • better conversion from your website

Option 1: Build it yourself

You can send form submissions to WhatsApp yourself.

But it usually involves:

  • a backend (Node, Python, etc.)
  • WhatsApp Business API integration
  • message formatting logic
  • handling failures and fallbacks

For most projects, this is more complexity than needed.


Option 2: Use a form backend

A simpler approach is to use a form backend that handles delivery for you.

Instead of building everything:

  1. Keep your existing HTML form
  2. Send submissions to a backend endpoint
  3. Receive them instantly on WhatsApp

Example HTML form

<form action="https://web2phone.co.uk/api/v1/submit/" method="POST">
  <input type="hidden" name="public_key" value="YOUR_PUBLIC_KEY">

  <input name="name" placeholder="Your name" required>
  <input type="email" name="email" placeholder="you@example.com" required>
  <textarea name="message" placeholder="How can we help?" required></textarea>

  <button type="submit">Send</button>
</form>
Enter fullscreen mode Exit fullscreen mode

Once submitted, the message is delivered directly to WhatsApp.


What the notification looks like

You receive something like:

New form submission

Name: John Smith
Email: john@example.com

Message:
Hi, I’d like to get a quote
Enter fullscreen mode Exit fullscreen mode

What about failures?

A reliable setup should include a fallback.

👉 If WhatsApp delivery fails, the message should be sent to email instead

That way, you never lose a submission.


When this approach makes sense

This setup works especially well if you:

  • rely on contact forms for leads
  • need fast response times
  • build static sites or simple projects
  • want to avoid building backend form handling

Final thoughts

Most contact forms aren’t broken.

They just rely on a delivery method (email) that isn’t always seen quickly enough.

Switching to WhatsApp notifications is a simple change that can make a big difference in how quickly you respond — and how many leads you convert.


If you want a simple way to try this

I built a small tool called Web2Phone that handles this:

  • sends form submissions to WhatsApp
  • optional email fallback
  • works with plain HTML forms

You can also read the full step-by-step guide here:

👉 https://web2phone.co.uk/blog/send-form-to-whatsapp/?utm_source=devto&utm_medium=post&utm_campaign=whatsapp_form


Curious how others are handling this — still using email or something faster?

Top comments (0)