WPForms form editor panel
Posted: Tue Jan 07, 2025 6:40 am
We will select the Opt-in Form template. Just hover over the template and click the "Use Template" button.
Select form template
This will launch the WPForms form builder by malaysia phone number dragging and dropping it onto the screen.
You'll notice that the template you choose automatically includes name and email fields, as well as a submit button.
WPForms Drag and Drop Form Builder
Each field can be edited by clicking on it and making changes in the left column.
You can also drag and drop fields to change their order.
After completing field customization, you can view the form in one row.
To do this, go to the "General" settings tab of the form builder and click the "Advanced" drop-down menu.
Enter the advanced settings of the form
Then, enter "inline-fields" (without quotes) in the "Form CSS Class" box.
This will apply the CSS class to the form. Since WPForms includes styles of the "inline-fields" class, it will automatically change the entire layout of the form and display it in a single line.
Add inline CSS classes
Next, you can make the form smaller by hiding field labels.
To do this, just click on the form field to open its settings in the left column.
Once you have done this, select the Advanced menu option and click on the Hide Tags switch to activate it.
Select form template
This will launch the WPForms form builder by malaysia phone number dragging and dropping it onto the screen.
You'll notice that the template you choose automatically includes name and email fields, as well as a submit button.
WPForms Drag and Drop Form Builder
Each field can be edited by clicking on it and making changes in the left column.
You can also drag and drop fields to change their order.
After completing field customization, you can view the form in one row.
To do this, go to the "General" settings tab of the form builder and click the "Advanced" drop-down menu.
Enter the advanced settings of the form
Then, enter "inline-fields" (without quotes) in the "Form CSS Class" box.
This will apply the CSS class to the form. Since WPForms includes styles of the "inline-fields" class, it will automatically change the entire layout of the form and display it in a single line.
Add inline CSS classes
Next, you can make the form smaller by hiding field labels.
To do this, just click on the form field to open its settings in the left column.
Once you have done this, select the Advanced menu option and click on the Hide Tags switch to activate it.