How do I connect Framer forms to WhatsApp?

In Framer, set your form's Send To destination to a Webhook and paste your BeepMate API URL including your key and ID.

Can Framer form submissions go to a WhatsApp group?

Yes, use your WhatsApp Group ID instead of your phone number in the BeepMate API URL.

Do I need coding skills to connect Framer to WhatsApp?

No, the integration only requires adding a webhook URL to your Framer form settings. No coding required.

Framer Forms to WhatsApp

Automatically send Framer form submissions to WhatsApp, instead of or alongside email.
BeepMate connects your Framer site's forms directly to WhatsApp through BeepMate API. Whenever a visitor submits a form on your website, you'll receive an instant WhatsApp message with the form submission.

Main Features:

Integrated seamlessly with Framer, just set your Framer form Webhook and you're done
Simple configuration with your BeepMate API key

Note: an API key is required to use this feature. To get an API key type the API command in the BeepMate WhatsApp bot.

Insert form to Framer

In Framer editor, click Insert → Forms and add Form Builder component.

Design the Framer Form

Design your form as you wish, add Labels and Form Fields etc.

Configure the Framer Form

Select the Form Component (not just one of the fields) and scroll to the Form section in the right properties pane.

Add a Webhook as Form Destination

In the Form section, click Send To ➡ Add ➡ Webhook.

Create Webhook link

For the next step you'll need the BeepMate API link:

https://beepmate.io/framer?key=YOUR_KEY&id=YOUR_ID

Replace

YOUR_KEY

and

YOUR_ID

with the correct details from the API command in the BeepMate bot.

Configure Framer webhook

In the popup Webhook setting window, add the BeepMate API link.

If you wish to add a Fallback email address you can also add your own email.

That's it!

Click Publish button and that's it! All Framer form submissions will automatically be delivered to your WhatsApp.

Note: To get notifications to a WhatsApp group instead to your own personal WhatsApp use the BeepMate's Group ID. To find out the WhatsApp Group ID type the API command in the BeepMate bot.