Once you’ve added the Form section to your widget, it has only a Submit button. To add an element to the form, click the “Add Content” button.

No Code Form Builder - Google Chrome 2025-09-19 13erereb.png

Select fields from the list of available elements and add them by clicking on them.

image.png

To move fields, point the mouse at the dotted icon, left-click, and drag the field up or down without releasing the button. To delete the field, click on the delete icon.

No Code Form Builder - Google Chrome 2025-09-19 13lvk;ev.png

Our Step by step feature ****allows you to have only one form field shown on a widget at a time. The user will have to fill it out and press the Next button to move to the following field. This option is perfect if you have several required fields but don’t want to overload the widget design.

No Code Form Builder - Google Chrome 2025-09-19 13fljl.png

In the Advanced Settings, you can configure permissions, adjust spacing between form fields, and set some other settings.

If you plan to collect emails or send marketing messages, you can enable the showing of permission for email/phone and edit text formatting and content if necessary.

No Code Form Builder - Google Chrome 2025-09-19 13;vjvl.png

No Code Form Builder - Google Chrome 2025-09-19 13bbbgf.png

Read more about form fields customization here: How to customize form fields?