Bootstrap contact form without a backend

Why Bootstrap still needs a form backend

Bootstrap styles the form. It does not receive POST data. Point action at the FormsReach submit endpoint and keep a hidden api_key. You do not add PHP, a Node server, or a serverless function for this path.

<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>

Platform notes

• Prefer HTTPS so browsers do not warn on form submit.
• Each control needs a name attribute (name, email, message). Extra fields are accepted.
• Do not strip the hidden api_key input in a visual editor.
• React-Bootstrap and Vue plus Bootstrap belong on the React or Vue pages.

Troubleshooting

• Looks unstyled: Bootstrap 5 CSS is not on the page. The form still submits.
• Nothing arrives: Confirm api_key is present and correct. Check the form’s Submissions row and the email spam folder if email is on.
• Domain denied: Add your host to the domain allowlist.