What is Feedback Form Builder?

Design feedback forms with multiple field types: text inputs, ratings, dropdowns, checkboxes, and scale sliders. Drag to reorder fields, edit labels inline, then export as HTML or download a JSON schema.

The builder ships with eleven input field types: single-line text, multi-line textarea, email, number, date picker, yes / no toggle, 1-5 star rating, dropdown select, checkbox group, numeric scale slider, and a dedicated NPS (0-10) scale with labeled endpoints. On top of those you get section heading blocks to group questions and a Form Description for an intro paragraph. Duplicate any field in one click, mark fields as required, and add show-if conditional rules so a field only appears when an earlier dropdown or yes / no answer matches. The right pane shows a live, interactive preview you can actually fill in to test the exact experience (nothing is saved), and the export drops out as standalone HTML (with a tiny script that handles the conditional logic) or a JSON schema that hooks into form libraries like react-hook-form or Tally.

How to use

1. Click Add Field to insert form elements — choose from text, textarea, email, number, date, yes / no, rating stars, dropdown select, checkbox group, scale slider, or a dedicated NPS 0-10 scale.
2. Reorder fields by dragging, duplicate a field to reuse its settings, edit labels and placeholders inline, and mark fields as required or optional.
3. Fill in the live preview on the right to test the real form experience, then export as HTML code or download a JSON schema for integration.

When to use

• Building a post-purchase NPS survey for an e-commerce site without paying for Typeform.
• Sketching out a hiring feedback form before handing it to your dev team.
• Quick event feedback forms for workshops, training, or community meetups.

Result

A product manager builds a 5-question NPS survey with a 0-10 scale, two open-text fields, and a dropdown for user role — then exports the HTML to embed in their app.

FAQ

Where does the data go when someone submits the form?

Nowhere by default — this builder only generates HTML and a JSON schema. To collect responses you wire the exported form's action attribute to your own endpoint, a service like Formspree, or paste the JSON schema into your form library of choice.

Can I rearrange the order of the fields after creating them?

Yes. Each field has a handle on the left edge — drag it up or down to reorder. The preview pane updates instantly and the exported HTML reflects the new order.

What's the difference between Rating, Scale, and a Dropdown of numbers?

Rating uses 1-5 stars and is good for product reviews. Scale is a slider with custom min and max. For classic customer-loyalty surveys, pick the dedicated NPS field — a fixed 0-10 row with editable endpoint labels (Not likely / Extremely likely). A numeric dropdown forces a discrete choice with no visual cue, which feels colder than the others.

How do I add options to a dropdown or checkbox group?

Click the field, then use the + button next to Options to add as many as you need. Each option is editable inline, and the X button removes it. The same approach works for radio-style choice fields.

Will the exported HTML work in WordPress, Shopify, or any CMS?

Yes. The HTML is plain semantic markup with no JavaScript framework dependencies. Paste it into a Custom HTML block in WordPress, a Liquid template in Shopify, or any rich-text editor that supports raw HTML.

Related Tools