WordPress Forms: Custom HTML Block Setup

Add a contact form to WordPress with a Custom HTML block and a Formboost endpoint — no Contact Form 7 or WPForms, no plugin, spam screening built in.

Most WordPress contact form plugins (Contact Form 7, WPForms, Gravity Forms) store submissions in WordPress's database and require plugins to manage. Formboost gives you a lightweight alternative: a plain HTML form that posts submissions to Formboost directly — no plugin required.

Prerequisites

A Formboost account (sign up free)
A WordPress site (any version with the Gutenberg editor)

Step 1: Create a Formboost Endpoint

https://formboost.app/f/YOUR_ENDPOINT_ID

Step 2: Add the Form

Option A — Gutenberg Custom HTML Block (No Theme Edits)

Edit the page or post where you want the form
Click Add Block (+) and search for Custom HTML
Paste the following HTML:

<form action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST" style="display:flex;flex-direction:column;gap:12px;max-width:520px;">
  <input
    type="text"
    name="name"
    placeholder="Your name"
    required
    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
  />
  <input
    type="email"
    name="email"
    placeholder="Email address"
    required
    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
  />
  <textarea
    name="message"
    placeholder="Your message"
    rows="5"
    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
  ></textarea>
  <button
    type="submit"
    style="padding:12px 24px;background:#0073aa;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;"
  >
    Send Message
  </button>
</form>

Replace YOUR_ENDPOINT_ID with your actual endpoint ID.

Option B — Theme Template

Add the form directly to a template file (e.g., page-contact.php):

<form action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST">
  <p>
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required />
  </p>
  <p>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required />
  </p>
  <p>
    <label for="message">Message</label>
    <textarea id="message" name="message" rows="6"></textarea>
  </p>
  <p>
    <button type="submit">Send</button>
  </p>
</form>

Step 3: Custom Redirect (Optional)

Add a hidden field inside the form to redirect to your own thank-you page:

<input type="hidden" name="_redirect" value="https://yoursite.com/thank-you" />

Step 4: Test It

Visit your page and submit the form. The submission will appear in your Formboost dashboard within seconds, and you'll receive an email notification.