If you want visitors to get in touch or leave their details via your website, you can create and build forms directly in Onepage.
You have several options for this: you can use a template, build your form entirely yourself in the editor, or have the AI create it for you with Vibe Coding.
Create a form from a template
One easy option is to create a form from a template. You can either insert a template into an existing page or create a separate form page from a template.
Insert a form template into an existing page
In the editor, add a new section via the blue + icon between two sections and switch to the "Forms & Funnels" area. There you will find various form templates that you can add to your page and then customize individually.
The templates include both single-step and multi-step forms (funnels).
Single-step form: All fields are filled in on one page and then submitted together.
Multi-step form (funnel): The entries are spread across several steps. This is suitable, for example, if you want to ask a few questions first and only request contact details at a later step.
The forms can then be edited individually. You can, for example, add more fields, change existing fields and adjust the individual steps of a multi-step form.
📌 Please note: The number next to a template shows you how many steps the form consists of in total. The finish step is counted as well. A template with the number 2, for example, consists of one form step + finish step (single-step). With a template showing the number 4, there are three form steps + finish step (multi-step).
Create a new form page from a template
If you don't want to integrate your form into an existing page but create a separate form page instead, you can select a form template directly.
To do so, click the blue "Create" button in your project overview.
Open the "Forms & Funnels" tab. Then choose a suitable template and give your new page a name.
The form is then created as a separate page and can be customized in the editor exactly as you like.
Detailed guide: Create a multi-step form (funnel)
Build forms yourself in the editor
You can also build a form completely yourself without using a template.
To do so, add a new section in the editor via the + icon between two sections and select an empty section under "Blueprints". Then click the + and switch to the "Form Elements" area in the elements.
There you can add the form fields you want step by step and put your form together individually. You can, for example, add further steps, adjust the background and design the form entirely according to your requirements.
Create forms with AI
You can have forms and funnels created with Vibe Coding as well. You are not limited to the existing templates here, but can have forms created entirely according to your ideas, including ones for which there is no ready-made template.
You can describe to the AI, for example, which fields your form should contain, how many steps it should have, or which content and interactions you want. Individual designs, animations or special effects can also be implemented this way.
To do so, add a new section via the blue + icon between two sections and select "Vibe section - Create with AI" . The AI chat then opens.
The more specifically you describe your ideas to the AI, the better it can implement your form. You can specify, for example:
which information you want to request from your visitors
which fields should be mandatory
how many steps your form should have
which questions should appear in which step
how the form should be designed
which animations or effects should be used
which action should be carried out after submission
You can then keep adjusting your form at any time. If a field is missing or you need an additional step, for example, you can simply describe the change in the AI chat.
Detailed guide: Forms & Funnels via vibe coding
Connect forms to the CRM
For the data collected via your form to actually arrive in your Onepage CRM, the form has to be connected to the CRM.
With a form created from a template, you will find the action "Send leads to CRM" in the finish step. It should stay enabled so that the submitted data is saved in the CRM.
If you have a form created with Vibe Coding, you can state in the prompt that the form should be connected to the CRM.
You will then find the CRM in your project overview.
💡Do you have any feedback about this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 🙂