Using FormBeep with Framer#

FormBeep works with both Framer’s built-in forms and custom HTML forms. Add FormBeep to receive WhatsApp notifications for every form submission on your Framer site.

Step 1: Create Your Account and Verify WhatsApp#

Go to app.formbeep.com and sign up. Google, GitHub, or email all work.

After signing up, verify your WhatsApp number. Click Verify WhatsApp, scan the QR code, and send the message it generates. No Meta Business account or API approvals needed.

The free plan gives you 15 notifications per month, no credit card required.

Step 2: Add Your Framer Domain#

Go to Domains in the FormBeep dashboard and click Add Domain.

Enter the domain your Framer site is published on:

yoursite.framer.website if you’re on Framer’s free subdomain
yourdomain.com if you’ve connected a custom domain

Match it exactly to what shows in the browser address bar. No https://, no trailing slash, no www unless your site actually uses it.

Step 3: Add the FormBeep Script#

Copy your embed snippet from the FormBeep dashboard (Overview page):

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

Open your Framer project and go to Site Settings → Custom Code. Click Add Script and fill in the details:

Name: FormBeep
Placement: End of <body>
Page: All Pages
Run: Every Page Visit
Code: paste your FormBeep snippet

Click Save.

This loads FormBeep across your entire site, so every form on every page will trigger WhatsApp notifications. If you only want notifications from a specific page, scope the script to that page instead of “All Pages.”

Step 4: Publish and Test#

Hit Publish in Framer. Go to your live site (not the editor preview) and submit a test form.

Within seconds, you should get a WhatsApp message. Tap View Details to see the full form data. Once you view it, the data is permanently deleted from FormBeep’s servers.

⚠️ FormBeep doesn’t run inside Framer’s editor or preview mode. You must publish your site and test on the live URL.

How It Works#

FormBeep runs alongside your form, not instead of it:

Your Framer form submits normally — success message shows, data goes to Framer’s dashboard, email notification fires
FormBeep reads a copy of the submission client-side and sends it to FormBeep’s API
You get a WhatsApp message with a “View Details” button
Tap View Details — FormBeep sends the full submission, then permanently erases it
Unviewed submissions auto-delete after 7 days

Troubleshooting#

No notifications after publishing? Check that the domain in FormBeep matches your published Framer URL exactly. If your site is at www.example.com, add www.example.com, not example.com.

Script doesn’t seem to be loading? Make sure you set Placement to “End of <body>” and Run to “Every Page Visit” in Framer’s custom code settings. If either is wrong, the script won’t fire correctly.

Getting duplicate notifications? Make sure you haven’t added the FormBeep script in both Site Settings and a page-level custom code block. One is enough.

Framer form success state broke? That’s not FormBeep. FormBeep doesn’t touch your form’s behavior or DOM. Check your Framer form component settings and variants.

Need help? If you encounter any issues or have questions about this guide, reach out at hello@formbeep.com or message @rishikeshs on Discord.