Advanced Form Builder lets you create beautiful, responsive, highly customizable forms in Bubble using ready-made templates or your own custom JSON schema.
The element includes built-in form types for contact forms, surveys, applications, intake forms, registrations, feedback, checkout flows, quote requests, booking requests, support requests, and fully custom forms. Each form can be styled directly from Bubble’s property editor, while the form structure can be controlled through templates or editable JSON.

Users can create simple forms quickly by selecting a template, or create advanced forms by copying a JSON example from the demo page, editing it manually, or giving it to an AI tool to customize. The plugin supports multiple input types, file uploads, validation, wizard/multi-step forms, conditional fields, ratings, sliders, success messages, redirects, hidden metadata fields, and workflow events.

Demo Page: https://bubble.io/page?id=addressflow-demo-page&tab=Design&name=advanced_form_builder&ai_generated=true&type=page&elements=bTGTy0

Demo Editor: https://bubble.io/page?id=addressflow-demo-page&tab=Design&name=advanced_form_builder___report&ai_generated=true&type=page&elements=bTGTy0

TIP: Use "Advanced form builders active schema" to view any templates current JSON. You can use this to customize any template to your needs.

Using Custom JSON

Advanced Form Builder can create forms from custom JSON. This lets you create any form structure you want without adding fixed fields in the Bubble editor.

To use custom JSON:

Add the Advanced Form element to your page.

Set:
Schema source = Use custom JSON

Go to the demo page and copy one of the JSON examples, or copy the full JSON format guide with the accepted values.

Customize the JSON manually or paste it into an AI tool and ask it to create the form you want.

Paste the final JSON into:
Custom schema JSON

Preview the page.

If the JSON is valid, the form will render automatically.

If the JSON is invalid, the plugin will show the invalid JSON message.

Custom JSON is useful when you want to:

Add more fields
Change field order
Create multiple sections
Build wizard forms
Add conditional fields
Add hidden metadata
Customize rating ranges
Create forms with AI
Using AI To Customize A Form

All supported JSON fields, accepted values, and example templates are available on the demo page. If you want to make your own form, the easiest method is:

Open the demo page.

Copy the JSON format guide and accepted values.

Copy a template that is close to the form you want.

Paste both into an AI tool.

Ask the AI to generate a new Advanced Form Builder JSON schema for your specific use case.

Paste the final JSON into the plugin’s Custom schema JSON field.

Example AI prompt:

Customize this Advanced Form Builder JSON schema for my Bubble app.

Rules:

Return valid JSON only.
Do not add comments.
Keep the same structure: layout, columns, gap, sections, fields.
Use lowercase_with_underscores for field keys.
Use only supported field types and accepted values from the guide.
Required values must be true or false.
Options must be arrays of text.
Return only the final JSON.
Goal:
[Describe the form you want]

Accepted values / JSON guide:
[Paste the accepted values from the demo page]

JSON template:
[Paste template JSON here]

After the AI returns the updated JSON, paste it into:
Custom schema JSON

Then set:
Schema source = Use custom JSON