Webflow + FormBeep

Webflow Form to WhatsApp Notifications

Get instant WhatsApp alerts for every Webflow form submission.

2 min setup — works on all Webflow plans, no code required

Sign up on FormBeep Copy your code Paste it in Webflow

Need more detail? Read the full guide →

Instant WhatsApp alerts

Get notified the second someone submits your Webflow form.

🔒
Privacy-first

Form data is deleted the moment you view it. Nothing stored permanently.

🚫
Works on all Webflow plans

The webhook method works even on Webflow's free plan.

📱
Your personal WhatsApp

No WhatsApp Business account needed. Notifications go straight to your regular number.

Webhook (all plans, no code)

1

Sign up and verify your WhatsApp

Create a free account at app.formbeep.com. Click Verify WhatsApp, scan the QR code, and send the verification message.

Free plan includes 15 notifications/month. No credit card required.
2

Get your webhook URL from FormBeep

Go to Dashboard → Webhooks → + Create webhook. Select Webflow as the platform, give it a name, and click Create. Copy the webhook URL.

3

Add the webhook in Webflow

In the Webflow Designer, click your form element → Settings gear → Send to → ➕ → Webhook. Paste your FormBeep webhook URL and ignore the secret message field.

4

Publish and test

Publish your site, then submit a test form. You should get a WhatsApp notification within seconds.

Webhooks do not fire in Webflow's preview mode. Test on your live published site.

Embed script (paid Webflow plans)

1

Sign up and add your domain

Create a free account at app.formbeep.com, verify your WhatsApp, then go to Domains and add your published Webflow domain (e.g. yoursite.webflow.io or your custom domain).

The domain must match exactly — including or excluding www.
2

Copy your embed snippet

From the FormBeep dashboard, copy your unique snippet:

HTML
<script src="https://api.formbeep.com/v1/s/formbeep.js"
        data-api-key="YOUR_API_KEY"></script>
3

Paste into Webflow Project Settings

In Webflow, go to Project Settings → Custom Code → Footer Code. Paste the snippet and click Save Changes.

Use Project Settings (not page-level custom code) so FormBeep loads on every page with a form.
4

Publish and test

Click Publish in Webflow, then submit a test form on your live site. You should get a WhatsApp notification within seconds. Tap View Details to see the full submission.

What happens when someone submits your Webflow form

📋
Form submittedScript intercepts the Webflow form submit event
☁️
Edge APIFields validated and temporarily stored on Cloudflare's edge network
💬
WhatsApp sentYou get a message with the domain and a "View Details" button
🗑️
Data deletedTap "View Details" to see the submission, then it's permanently erased

FormBeep never touches your form's original submit action. Success messages, redirects, and any Zapier or Make integrations keep working as before.

Email notifications get buried

Spam filters catch them. You check your inbox 2 hours later and the lead has already moved on.

WhatsApp messages have a 98% open rate and are read within minutes. When someone fills out your Webflow form, you know instantly.

Webflow + FormBeep FAQ

Which method should I use?

Use the webhook method if you're on Webflow's free plan or want the simplest setup. Use the embed script if you prefer client-side integration or need more control over which forms trigger notifications.

Do I need a paid Webflow plan?

No. The webhook method works on all Webflow plans, including free. The embed script method requires a paid plan because it needs custom code access.

Does this work with Webflow's built-in form submissions?

Yes. FormBeep works alongside Webflow's native form handling. Your submissions still appear in Webflow's dashboard, and any existing integrations (Zapier, Make, etc.) keep working.

Will this break my form's success message or redirect?

No. FormBeep intercepts the form data but doesn't interfere with your form's behaviour. Success messages and redirects work exactly as before.

Can I send notifications to multiple WhatsApp numbers?

Yes, depending on your plan. Free supports 1 recipient. Starter supports 2, Pro supports 3, Business supports 10. You can manage recipients from your FormBeep dashboard.

Why isn't my webhook firing?

Webflow webhooks only fire on the live published site, not in preview mode. Make sure you've published your site and are testing on the live URL.

Can I use FormBeep on multiple Webflow sites?

Yes. Depending on your plan, you can connect 1 to 10 domains (unlimited on the Agency plan). Need more? Email hello@formbeep.com.

Ready to get WhatsApp alerts from your Webflow forms?

Free plan. No credit card. Setup in under 5 minutes.

Start free →

Questions? Email hello@formbeep.com

Also works with

WordPress Wix Squarespace Framer Shopify Carrd Next.js Hugo