Using FormBeep with Webflow#

There are two ways to connect FormBeep with Webflow. Choose based on your plan:

Method 1: Webhook (All Plans)#

This method works on all Webflow plans including free. No code required.

Step 1: Copy Your Webhook URL#

1. Go to your FormBeep Dashboard → Webhooks
2. Click + Create webhook, choose Webflow as the platform, and save
3. Copy the webhook URL from the list

Step 2: Add the Webhook in Webflow#

1. Open your site in the Webflow Designer
2. Click on your form element to select it
3. Open the Settings panel on the right
4. Scroll down to Form Settings → under the Action section, click the + button next to Webhooks
5. Paste your FormBeep webhook URL — you can ignore the “Webhook Secret” field
6. Publish your site

Step 3: Test#

1. Visit your published site — webhooks do not fire in Webflow’s preview mode
2. Submit a test form
3. Check WhatsApp for the notification

Method 2: Embed Script (Paid Plans Only)#

Webflow’s custom code feature requires a paid plan. This method intercepts the form directly in the browser.

Step 1: Add Allowed Domain#

Add your Webflow site’s domain in the FormBeep Dashboard → Domains:

• ✔ yoursite.webflow.io (free Webflow subdomain)
• ✔ example.com (custom domain on paid plan)

Step 2: Add the FormBeep Script#

1. Go to Site Settings → Custom Code
2. Scroll to Footer Code (Before </body> tag)
3. Paste:

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

Replace YOUR_API_KEY with your actual key from the FormBeep Dashboard.

4. Click Save Changes and Publish

Step 3: Test#

1. Visit your published site
2. Submit a test form
3. Check WhatsApp for the notification

Troubleshooting#

Not receiving notifications?

• Webhooks and embed script both only fire on the published site, not in Webflow’s preview mode
• For the webhook method: confirm the URL is pasted correctly with no extra spaces
• For the embed method: make sure the domain in your browser matches exactly what you added in Allowed Domains (no https://, no trailing slash)
• Verify your WhatsApp number is set up in the FormBeep Dashboard

Need help? Reach out at hello@formbeep.com or message @rishikeshs on Discord.