BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Fluent Forms Styler Widget for Elementor Free

Style your Fluent Forms forms from the Elementor panel.

Overview

What Fluent Forms Styler does

Fluent Forms Styler places one of your Fluent Forms forms on the page and lets you style its labels, fields, checkboxes, button and messages with Elementor controls. It starts from a clean, modern look, so a form matches your design without writing CSS.

Demo

Live demo

A live demo needs a Fluent Forms form.

Features

What it can do

  • Pick any of your Fluent Forms forms from a dropdown.

  • Starts from a clean look with rounded fields and a bold button, or keeps the form plugin style.

  • Style labels, required marks and field descriptions.

  • Style fields: text, placeholder, background, border, focus color, radius, padding and spacing.

  • Checkbox and radio tick color and box size.

  • Submit button with normal and hover colors, and left, center, right or full width position per device.

  • Field error and success message colors.

Use cases

When to use it

Contact page

Make the main contact form match the fonts and colors of the site.

Lead forms

Use a full width button and bold colors for sign up or quote forms.

Dark sections

Change field, text and placeholder colors so the form reads well on a dark background.

Setup

How to set it up

What you need: The Fluent Forms plugin, active, with at least one form.

  1. Install and activate Fluent Forms and create a form there.

  2. Drag the Fluent Forms Styler widget onto the page.

  3. In Form, choose your form under Form.

  4. Keep Starting Style on Clean, or choose Form plugin style.

  5. Set Button Position and Hide Field Labels if you want them.

  6. Open the Style tab and style the Fields, Submit Button and Messages.

  7. Send a test entry on the live page to check the error and success messages.

FAQ

Questions and answers

Do I need Fluent Forms?

Yes. The widget styles forms made with Fluent Forms, so the plugin must be installed and active.

Can I keep the original form look?

Yes. Set Starting Style to Form plugin style. Every Style tab option still works.

Can I show the form title?

Fluent Forms does not print a form title, so add an Elementor Heading above the widget.

Free forever

Fluent Forms Styler is free

It is one of 48 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.