WordPress

Adding a Form to WordPress

WordPress block themes and classic themes both support raw HTML blocks, so you can add a Formward-powered form to any page without installing a plugin.

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. 02Insert a Custom HTML block

   Open the page or post in the WordPress block editor. Click the + button to add a block, search for Custom HTML, and select it. Paste the form markup below into the block.

   <form action="https://formward.eu/f/your-form-id" method="POST" style="display:flex;flex-direction:column;gap:14px;max-width:520px">
     <div>
       <label for="fw-name" style="display:block;margin-bottom:4px;font-weight:600">Name</label>
       <input id="fw-name" type="text" name="name" required
         style="width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box" />
     </div>
     <div>
       <label for="fw-email" style="display:block;margin-bottom:4px;font-weight:600">Email</label>
       <input id="fw-email" type="email" name="email" required
         style="width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box" />
     </div>
     <div>
       <label for="fw-message" style="display:block;margin-bottom:4px;font-weight:600">Message</label>
       <textarea id="fw-message" name="message" rows="5" required
         style="width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;resize:vertical"></textarea>
     </div>
     <!-- honeypot: keep hidden -->
     <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
     <button type="submit"
       style="align-self:flex-start;padding:10px 24px;background:#1e1e1e;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer">Send</button>
   </form>

3. 03Preview and publish

   Click Preview to see the rendered form on your site. The block editor shows a placeholder in the editor view; the real form renders in the preview and on the published page. Publish or update the page when you are happy with the result.

4. 04Test and view submissions

   Submit the form on the published page. The browser redirects to Formward's confirmation page by default. Log in to the Formward dashboard and check the Submissions tab to confirm the entry arrived.