NBForms

Quick Start

Collect your first form submission in under 60 seconds.

1. Create an account

Go to nbforms.com/app and sign up. No credit card required.

2. Create a form

Click New form from the dashboard, give it a name (e.g. "Contact"), and save.

3. Copy your token

Open the form → Setup tab. You will see your form token (tk_…). Copy it.

4. Add the snippet to your page

Paste the snippet into your HTML. Replace YOUR_FORM_TOKEN with the value you just copied.

<form action="https://api.nbforms.com" method="POST">
  <input type="hidden" name="_token" value="YOUR_FORM_TOKEN" />
  <label>Name</label>
  <input type="text" name="name" required />
  <label>Email</label>
  <input type="email" name="email" required />
  <label>Message</label>
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>

The form must use method="POST". Any action URL is acceptable as long as it points to https://api.nbforms.com.

5. Submit a test

Load your page in a browser and submit the form. Within a few seconds, the submission will appear in the dashboard under Submissions.

6. Turn on email notifications (optional)

Go to the form → Settings → Notifications and add the email address(es) you want to receive alerts on.

Using the Setup tab code builder

You do not have to write the snippet by hand. The Setup tab has a visual builder:

  1. Click field chips (Name, Email, Phone, Message, etc.) to add them.
  2. Drag to reorder.
  3. Toggle each field between Required and Optional.
  4. Pick a theme (Default, Minimal, Rounded, Dark), accent colour, border radius, and font.
  5. Click Copy to grab the ready-to-paste snippet.

The builder also generates framework-specific code for React, Next.js, Vue, Nuxt, Astro, Svelte, Angular, PHP, Laravel, HTMX, Alpine.js, jQuery, and plain HTML — switch tabs at the bottom of the Setup page.

What's next?

  • Form settings — notifications, CC, redirects, CAPTCHA, custom success messages
  • Hosted page — publish your form at yourname.nbforms.com without a website
  • Integrations — send submissions to Slack, Telegram, Google Sheets, and more
  • Team collaboration — invite colleagues to your workspace

Introduction

What NBForms is, how it works, and where to go next.

Form Setup

Understand the Setup tab — form token, HTML builder, styles, and framework snippets.

On this page

1. Create an account2. Create a form3. Copy your token4. Add the snippet to your page5. Submit a test6. Turn on email notifications (optional)Using the Setup tab code builderWhat's next?