Frameworks

Bootstrap

Point a Bootstrap 5 contact form at FormsReach with form-control classes and your API key - no backend required.

What you will achieve

A working contact form on a Bootstrap 5 page using classic HTML form POST - no npm, no SDK.

Prerequisites

Steps

1. Create a form and copy the API key

Sign in at app.formsreach.com, create a form, and copy the API key.

2. Paste the Bootstrap form

<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_ACCESS_KEY" />

  <div class="mb-3">
    <label for="name" class="form-label">Name</label>
    <input type="text" class="form-control" id="name" name="name" required />
  </div>

  <div class="mb-3">
    <label for="email" class="form-label">Email</label>
    <input type="email" class="form-control" id="email" name="email" required />
  </div>

  <div class="mb-3">
    <label for="message" class="form-label">Message</label>
    <textarea class="form-control" id="message" name="message" rows="4" required></textarea>
  </div>

  <button type="submit" class="btn btn-primary">Submit Form</button>
</form>

Replace YOUR_ACCESS_KEY with your real key. Do not add a Bootstrap <link> if the page already has Bootstrap 5 CSS.

3. Submit a test

Open the page, fill the fields, and submit.

Verify

  • A new row appears under the form’s Submissions in the dashboard
  • Field values match what you typed

Common failures

Symptom Check
Nothing in dashboard Wrong key or wrong form in the app
Missing API key error Hidden input name="api_key" missing
Looks unstyled Bootstrap 5 CSS is not loaded; the form still submits
Domain denied Add your host to the domain allowlist
Missing fields Each input needs a name attribute

Next

Previous
Next