Platforms / Webflow

Contact form for Webflow — no backend required

Webflow native forms lock you into their stack and limits. Agencies often need HMAC webhooks, Slack, and a lead pipeline.

Setup

Create a FormHeron form and copy the public key.
In Webflow, prefer a custom code embed for the form markup (some Webflow form blocks rewrite method/action).
Set action to https://formheron.com/f/YOUR_KEY and method POST.
Add the honeypot field in the embed.
Publish and test a live submission.

Working example

webflow-embed.html

<form action="https://formheron.com/f/YOUR_KEY" method="POST">
  <label>
    Email
    <input type="email" name="email" required />
  </label>
  <label>
    Message
    <textarea name="message" required></textarea>
  </label>
  <!-- honeypot: off-screen, not type=hidden -->
  <input type="text" name="_hp" tabindex="-1" autocomplete="off"
         aria-hidden="true" style="position:absolute;left:-9999px" />
  <button type="submit">Send</button>
</form>

Common problems

Webflow strips method=POST

Some form blocks normalize attributes. Use a custom code embed when the native block will not keep your action URL.

Success state animations

Native Webflow success states will not run after a cross-origin POST. Use FormHeron redirect_url to a thank-you page on your domain.

Client billing

Each client can own a FormHeron project with their notification email and DPA story.

FAQ

Can Webflow forms post to FormHeron?

Yes — set the form action to your FormHeron endpoint, ideally via custom code embed.

Do I still pay for Webflow form limits?

Submissions go to FormHeron, not Webflow’s form hosting quota.

Can I get Slack alerts?

On Indie and Pro, connect a Slack incoming webhook on the project.

Start free Docs