How to Create Forms in Bubble.io
- George Apostolov
How to Create Forms in Bubble.io: step-by-step guide
Go to the 'Design' tab.
Choose the page where you want the form to appear.
Drag and drop 'Text Inputs' for each form field.
Add a 'Button' at the bottom labeled.
Add your button to the form.
Go to the 'Data' tab.
Under 'Data Types', add a new type and click 'Create'.
Click 'Create a new field'.
Add the field name and field type. Once done, click 'Create'.
Click on the 'Workflow' button.
Click on the add icon.
Add an action, click 'Data'.
Click 'Create a new thing...'.
Finalize your form and click 'Deploy'.
Quick answer: To build forms in Bubble, navigate to the Design tab to add text inputs and a button. Next, go to the Data tab to create a new type and fields. Finally, use the Workflow tab to add a data creation action, finalize the form, and deploy it.
About this Bubble tutorial
Build and deploy custom web forms in Bubble by adding input fields, setting up your data types, and configuring workflows in a few simple steps. This guide shows how to create Forms in Bubble.io in 14 steps, starting with "Go to the 'Design' tab" and finishing with "Finalize your form and click 'Deploy'". The interactive demo above is a click-through copy of the real Bubble interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to create Forms in Bubble.io?
14 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Bubble data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Bubble. Related guides: How to Create Reusable Elements in Bubble.io, How to Implement Responsive Design in Bubble.io and How to Implement Search Functionality in Bubble.io. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
