← All guides

Webflow

Adding a Form to Webflow

Webflow has its own form component, but using an Embed element with plain HTML gives you full control over the submission endpoint and keeps your data in Formward rather than in Webflow's own storage.

  1. 01Create your form in Formward

    Sign up at formward.eu, create a new form, and copy the endpoint URL (https://formward.eu/f/your-form-id).

  2. 02Add an Embed element

    In the Webflow Designer, open the Add panel (+ icon), find Embed under Components, and drag it onto the canvas. Double-click it to open the code editor and paste the HTML below.

    <form action="https://formward.eu/f/your-form-id" method="POST" style="display:flex;flex-direction:column;gap:14px">
      <input
        type="text"
        name="name"
        placeholder="Your name"
        required
        style="padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit"
      />
      <input
        type="email"
        name="email"
        placeholder="Email address"
        required
        style="padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit"
      />
      <textarea
        name="message"
        placeholder="Your message"
        rows="5"
        required
        style="padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical"
      ></textarea>
      <!-- honeypot: keep hidden -->
      <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
      <button
        type="submit"
        style="padding:12px 28px;align-self:flex-start;background:#000;color:#fff;border:none;border-radius:6px;font-size:1rem;font-family:inherit;cursor:pointer"
      >Send message</button>
    </form>
  3. 03Publish and test

    Click Save in the code editor, then Publish your site. Open the published page (not the Designer preview), fill in the form, and submit. Webflow renders Embed elements only on the published domain, not in the canvas preview.

    Open the Formward dashboard and confirm the submission appeared. Add a hidden _next field if you want to redirect to a custom thank-you page on your own domain after submission.

Ready to collect your first submission?

Create your form
Adding a Form to Webflow | Formward