Adding a Form to WordPress
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
Log in to your Formboost dashboard and create a new endpoint. Copy the endpoint URL:
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:
1<form action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST" style="display:flex;flex-direction:column;gap:12px;max-width:520px;">
2 <input
3 type="text"
4 name="name"
5 placeholder="Your name"
6 required
7 style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
8 />
9 <input
10 type="email"
11 name="email"
12 placeholder="Email address"
13 required
14 style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
15 />
16 <textarea
17 name="message"
18 placeholder="Your message"
19 rows="5"
20 style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
21 ></textarea>
22 <button
23 type="submit"
24 style="padding:12px 24px;background:#0073aa;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;"
25 >
26 Send Message
27 </button>
28</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):
1<form action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST">
2 <p>
3 <label for="name">Name</label>
4 <input type="text" id="name" name="name" required />
5 </p>
6 <p>
7 <label for="email">Email</label>
8 <input type="email" id="email" name="email" required />
9 </p>
10 <p>
11 <label for="message">Message</label>
12 <textarea id="message" name="message" rows="6"></textarea>
13 </p>
14 <p>
15 <button type="submit">Send</button>
16 </p>
17</form>Step 3: Custom Redirect (Optional)
Add a hidden field inside the form to redirect to your own thank-you page:
1<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.