How to get Webflow submissions to WhatsApp
Webflow forms can't message WhatsApp by themselves. Here are the ways to get each submission on your phone: Zapier, Make, webhooks or a script tag.
- Updated
Short answer
Webflow can only email you about a form submission, so you need something in between that hears about it and sends a WhatsApp message. You can build that with Zapier or Make and the WhatsApp Business Platform, with a Webflow webhook and your own code, or with a form notification service that you add to Webflow's footer code and connect to your normal WhatsApp by scanning a QR code.
Key takeaways
- Webflow stores each submission and sends a notification email, but it has no WhatsApp option of its own.
- Zapier and Make can pass Webflow submissions to WhatsApp, but sending through WhatsApp's official platform usually means a business account, a separate number and approved message templates.
- A Webflow webhook plus your own code gives full control, at the cost of building and maintaining it.
- A form notification service needs one script in Webflow's footer code and works with the WhatsApp you already use.
- Keep Webflow's own email notifications switched on as a backup, whichever route you choose.
What is a Webflow webhook?
A Webflow webhook is a setting that makes Webflow send the details of an event, such as a new form submission, to a web address you choose. Code or an automation tool at that address can then pass the submission on, for example to WhatsApp.
On this page
- Does Webflow send form submissions to WhatsApp?
- Which ways are there to get Webflow forms onto WhatsApp?
- How to send Webflow submissions to WhatsApp with Zapier or Make
- How to do it with a Webflow webhook and your own code
- How to set it up with a script tag
- Why aren't Webflow WhatsApp alerts arriving?
- FAQ
- Sources and method
Does Webflow send form submissions to WhatsApp?
No. When someone fills in a Webflow form, Webflow saves the submission to your site's form submissions and emails a notification to the addresses you've set in your site's form settings. There's no built-in option to send that notification anywhere else.
To get submissions onto WhatsApp, you need a tool that learns about each new submission and then sends a WhatsApp message. That tool can watch Webflow from the outside (Zapier, Make or a webhook) or sit on your site and catch the submission in the browser (a script tag).
If all you want is to notice enquiries sooner, the free option is to turn on push notifications for the inbox that gets Webflow's emails. It works, but those alerts sit among everything else in your inbox, which is why many people want enquiries in WhatsApp instead. We cover the wider reasons in how to get website enquiries on WhatsApp.
Which ways are there to get Webflow forms onto WhatsApp?
There are four practical routes, and they differ mostly in how much setting up they take and whether you need a WhatsApp Business account.
| Route | What you need | WhatsApp Business account? | Effort |
|---|---|---|---|
| Email push notifications | A mail app on your phone | No (it isn't WhatsApp) | Minutes |
| Zapier or Make | An automation account and a WhatsApp sending app | Usually yes, through Meta's platform or a provider such as Twilio [CHECK] | An hour or more, plus template approval |
| Webflow webhook and your own code | A developer, a server and the WhatsApp Cloud API | Yes | A day or more, plus upkeep |
| Form notification service | A script in Webflow's footer code | No, it depends on the service | About ten minutes |
Prices for Zapier, Make and WhatsApp's own platform change from time to time, so check their current pricing pages before you commit.
How to send Webflow submissions to WhatsApp with Zapier or Make
Use Webflow's form submission trigger in Zapier or Make, then add a WhatsApp action that sends the fields to your number. The outline is the same in both tools:
Create a new Zap or scenario and choose Webflow as the trigger, with the new form submission event.
Connect your Webflow account, pick the site and form, and send a test submission so the tool can see the fields.
Add a WhatsApp action. In most cases this connects to the WhatsApp Business Platform, either directly or through a provider such as Twilio.
Map the form fields (name, phone, message) into the message, and set your own mobile number as the recipient.
Switch it on and send a real test from your live site.
The Webflow side is simple. The WhatsApp side takes more work. Sending through Meta's official platform usually means setting up a Meta business account, using a phone number that isn't already on the ordinary WhatsApp app, and getting a message template approved before you can message someone who hasn't messaged you in the last 24 hours. Meta also charges per message on that platform at the time of writing. Our guide to the WhatsApp Business app and API explains the difference.
Also watch your automation plan's task limits. If the Zap or scenario stops because you've run out of tasks, the enquiries still reach Webflow, but nothing tells you on WhatsApp.
How to do it with a Webflow webhook and your own code
If you have a developer, Webflow can post each submission straight to your own server, which then calls the WhatsApp Cloud API. You add the webhook in your site settings under the integrations area and choose the form submission trigger.
Your code receives the submission as JSON, checks it really came from Webflow, picks out the fields and sends a template message through the Cloud API. You avoid an automation subscription and can format the message however you like. In return you look after hosting, error handling, retries and the same template and number rules as above.
Avoid replacing the form's action URL with your own endpoint unless you mean to. A custom action sends the data elsewhere and Webflow no longer stores the submission or emails you about it, so you lose your built-in backup.
How to set it up with a script tag
A form notification service adds one script to your site, catches each submission as the visitor sends it and passes it to WhatsApp for you. Formcrier is one of these, and its Webflow integration works like this:
-
Add your site
Sign up and enter your website's address. Submissions are only accepted from the domains you list, so add your webflow.io address too if you want to test there.
-
Paste the script into Webflow
Copy your script from Sites → Install. In Webflow, go to Site settings → Custom code → Footer code, paste it in, save and publish.
HTML<script src="https://cdn.formcrier.com/v1/formcrier.js" data-key="pk_live_…" async></script>
-
Switch on your forms
Open a page with a form. It appears under Sites → Forms, switched off. Switch on the ones you want alerts for.
-
Connect WhatsApp
Go to Alert destinations → Add destination → WhatsApp and scan the QR code. WhatsApp opens with a short message ready. Press send and the dashboard shows Connected.
-
Send a test enquiry
Fill in your form as a customer would. The alert should reach your phone within a few seconds.
You don't need a WhatsApp Business account: alerts come from Formcrier's number to the WhatsApp you already use. Webflow's custom code setting needs a paid Webflow site plan at the time of writing.
The script knows Webflow forms, so it waits for Webflow to confirm the submission worked before sending an alert. A form that fails its own checks doesn't alert you. If a form redirects to a thank-you page, the page may move on before Webflow confirms, so the submission is sent anyway and marked "success not confirmed" in your dashboard.
Nothing about your form changes. Webflow still saves the submission and sends its email, and if Formcrier can't be reached, the form carries on as normal. The Free plan includes 10 alerts a month to one destination, and paid plans start with a 14-day trial with no card. The full details are in the script docs and the guide to where alerts go.
Why aren't Webflow WhatsApp alerts arriving?
Most missing alerts come down to an unpublished change, a mismatched domain or a step that has quietly stopped. Work through these in order:
- The site wasn't published after adding the code
- Webflow only puts custom code live when you publish. Publish to every domain you use, including the custom domain.
- You're testing on a domain that isn't allowed
- With a script, the page's domain has to be on the allowed list. Add your webflow.io address or subdomain exactly as it appears in the browser.
- The form is still switched off
- New forms start switched off. Turn the form on, or switch on listening to all forms.
- The automation has stopped
- Check the Zap or scenario is on, hasn't hit its task limit and hasn't lost its Webflow or WhatsApp connection.
- WhatsApp rejected the message
- On Meta's platform, a message outside the 24-hour window needs an approved template. Check the template's status and the error in your automation's history.
- The spam filter held the test
- A form sent within seconds of the page loading, or full of links, can look like a bot. Check your spam folder or list before changing anything else.
For Formcrier, the Overview page shows whether the script has been seen and whether each alert was delivered, with the reason if it wasn't. If WhatsApp can't be reached, the alert is emailed to you instead unless you've switched email fallback off.
If spam is the bigger problem, our guide to stopping contact form spam covers Webflow's own options and others. And if a team chat suits you better than a phone, the same approach works for Webflow submissions to Telegram.
Frequently asked questions
Yes, as long as you use Zapier, Make, a webhook or a script tag and leave the form's action alone. Webflow keeps storing submissions and sending its notification email, which makes a useful backup.
Yes. In an automation you add a message step for each number, and in Formcrier you add each phone as its own destination. With Formcrier, each WhatsApp message counts as one alert, so an enquiry sent to two phones uses two.
The alert comes from the service's number, so you reply to the customer using the details they gave. In Formcrier, tap View submission to see every field, then call, email or message them from there.
Webflow's file upload field needs a paid plan at the time of writing. Formcrier sends attached files on Pro and Agency plans, up to 5 files of 10MB each, as download links on the submission's page.
Sources and method
I build websites for service businesses and built Formcrier after clients kept missing enquiries sent by email.