Fluent Forms with Oxygen Builder Widget

Fluent Forms 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 Fluent Forms Oxygen Widget.

Add Fluent Form with Oxygen Builder widget

First, Install and activate the Oxygen Builder plugin from your WordPress 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 Fluent 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 Fluent Forms.

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 Fluent Forms Oxygen Widget, 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.

Was this article helpful to you?

How can we help?

Please submit a support ticket if you have any question or pre-sale questions. Our Customer support engineers will answer your query as soon as possible

Open a support ticket