Webflow Custom Form Backend

Webflow's form limitations

Webflow has built-in form handling, but it comes with limits that bite quickly:

• Submission caps — The free plan allows only 50 form submissions total. The Basic plan gives you 500. Hit the cap and forms silently stop working.
• No email notifications on Starter — The cheapest paid plan doesn't include email notifications for form submissions. You have to log into Webflow to check.
• No webhooks — You can't pipe submissions to Slack, Discord, or a CRM without a third-party integration like Zapier (which adds cost).
• No auto-responders — Webflow can't send a confirmation email to the person who submitted the form.
• Limited spam filtering — Webflow relies on reCAPTCHA, which adds friction for real users.

A custom form backend removes all of these limits. Optaristo gives you unlimited submissions, instant email notifications, honeypot spam filtering (no CAPTCHAs), webhooks, and auto-responders — all free during beta.

Set up Optaristo

1. Create a free account.
2. Create a form in the dashboard and name it "Webflow Contact".
3. Copy your access key.

Connect your Webflow form

In the Webflow Designer:

1. Select your Form Block element (or add one).
2. In the element settings panel (right sidebar), find the Form Settings section.
3. Change the Action field to: https://app.optaristo.com/api/submit
4. Set the Method to POST.

This tells Webflow to send form submissions to Optaristo instead of Webflow's own servers.

Add your access key and spam protection

You need two hidden fields inside your form: one for the access key and one for spam protection.

1. Inside the form, add a new Input element.
2. In the element settings, set the Type to Hidden.
3. Set the Name to access_key.
4. Click the Custom Attributes button and add: value = YOUR_ACCESS_KEY.
5. Add a second hidden input with the Name set to _gotcha (no value needed). This is the spam honeypot.

Make sure each visible input field has a meaningful Name attribute (e.g., "name", "email", "message") — these become the field labels in your email notifications and dashboard.

Test and publish

Publish your Webflow site, then visit the live page and submit a test message. Within seconds, you should receive an email with the submission details. Log into your Optaristo dashboard to see the submission stored there as well.

If the submission doesn't arrive, double-check that the action URL and access key are correct, and that the hidden input has a value attribute (not just a placeholder).

Alternative: use an Embed block

If you prefer full control over the HTML, use a Webflow Embed element and paste raw HTML:

<form action="https://app.optaristo.com/api/submit"
      method="POST">
  <input type="hidden" name="access_key"
         value="YOUR_ACCESS_KEY">
  <input type="hidden" name="_gotcha"
         style="display:none">

  <input type="text" name="name"
         placeholder="Name" required>
  <input type="email" name="email"
         placeholder="Email" required>
  <textarea name="message" rows="5"
            placeholder="Message" required></textarea>

  <button type="submit">Send Message</button>
</form>

The embed approach gives you full control over the HTML, so you can add custom styles inline or use Webflow's page-level custom code to style the form.

Frequently asked questions