Webflow Contact Form with Backend API

Add a fully functional contact form to your Webflow project without writing any backend code. With FormBold, it’s easy—just insert your unique API endpoint into your Webflow form’s action attribute, and you’re all set.

<form id="form" action="https://formbold.com/s/unique_form_id" method="post">
  <div>
    <input
      type="email"
      name="email"
      id="email"
      placeholder="Your Email"
      required
    />
  </div>

  <div>
    <input
      type="text"
      name="subject"
      id="subject"
      placeholder="Your subject"
      required
    />
  </div>

  <div>
    <textarea
      name="message"
      id="message"
      rows="6"
      placeholder="Your Message"
      required
    ></textarea>
  </div>

  <div>
    <button type="submit">Submit</button>
  </div>
</form>

See How It Works

Setting up your Webflow form with FormBold is simple and doesn’t require complex configurations.

Create an Account

Sign up for FormBold and generate your unique API endpoint URL.
Paste the Action URL

Use Webflow’s form builder and replace the action URL with your FormBold endpoint.
Start Receiving Submissions

Form submissions are sent to the dashboard, inbox, or any connected app (e.g., Slack, Notion).

Key Features of FormBold

FormBold empowers your Webflow forms with robust backend features, all without the need for custom code.

No Backend Required

Works flawlessly with Webflow—no server setup, scripts, or backend code necessary.
Instant Email Notifications

Receive real-time form submissions directly to your inbox or connected third-party apps.
Spam Protection Included

Server-side validation and optional Google reCAPTCHA help keep bots away.
File Upload Support

Allow users to attach files, and FormBold will generate secure CDN links for downloads.
Integrate with 5+ Apps

Connect your form to Slack, Notion, Google Sheets, and more—no code required.

Frequently Asked Questions

Here are answers to common questions about using FormBold with Webflow.

How do I add a contact form to my Webflow site?

Simply set the action attribute of your Webflow form to the FormBold API endpoint and choose the POST method. No backend code or JavaScript required.
Can I receive form submissions directly to my email?

Yes, FormBold delivers all form submissions instantly to your email or any connected apps.
Is this secure?

Yes. FormBold ensures all form submissions are end-to-end encrypted for maximum security.
Can users upload files through my Webflow form?

Yes, FormBold supports file uploads, and you’ll receive secure CDN links for each uploaded file.
Do I need any backend coding or custom setup?

No backend coding required. Just copy the API endpoint and drop it into your Webflow form.
Is it free to use?

Yes, FormBold offers a free tier, perfect for personal websites, small projects, and early-stage businesses.

Contact Form for Webflow Sites

Create Webflow Contact Form with FormBold