Mainflow integrates smoothly with Oxygen Builder, allowing you to design custom forms without coding. You can modify colors, shapes, sizes, backgrounds, margins, padding, and more, making form creation easy and visually appealing.
This guide will show you how to customize and publish forms using the Mainflow Oxygen Widget.
Add Mainflow Form with Oxygen Builder Widget #
First, install and activate the Oxygen Builder tool from your dashboard. Then, create a new page in Oxygen and give it a name. Click on Edit with Oxygen to enter the Oxygen editor.
To add elements, click the Plus (+) icon in the top left corner. Then, search for mainflow forms in the search bar and select it.

If you have pre-built forms, you’ll see them in the dropdown menu, and you can Select a Form here. Otherwise, create a form using mainflow.

Customize the Form Layout #
In the Primary section, you can modify your form as you want.
Form container: Adjust background, border, margins, padding, and radius.
- Border Color: Set the Border color as you form it.
- Border Width: you can set up a border here.
- Border Style: Border style options are “none,” “solid,” “dashed,” or “dotted.” You can choose any of them.
- Border Radius: You can also edit the individual radius for each corner.

Input & Textarea: Change label text color, field background, borders, and design.
File Upload Field: Style the upload button with custom colors and shapes.
Multi-step forms: Add a Section Break and Progress Bar to guide users through multi-step forms.

Box Shadow: This option adds a shadow to the form, which provides a depth effect.

Submit Button: Style your Forms submit button here. You can customize your submit buttons to color, width, margin, padding, etc.

In the Advanced section, apply animations, text-shadow, transition effects, and opacity to your form and submit button.
You can also add transformations and filters for a more engaging user experience.

Now Click Apply Params and then hit Save to apply all your changes.

Publish your form using the generated shortcode or share it via a direct URL or social media platforms.
Using the Mainflow Oxygen Widget, you can customize your forms to the next level. This allows you to design professional forms without coding and increase your user conversion rates. If you need any assistance, feel free to contact us.