← All widgetsWidget 126 · emcp_custom_126

Form Styler

Elementor widget5 layouts13 content options43 style options7 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: form, contact, cf7, wpforms, gravity, fluent, forminator, styler.

Setup guide

  1. Open a page in Elementor, search the panel for Form Styler and drag it into a container.
  2. Content › Form: Form Plugin, Contact Form 7 Form, WPForms Form, Gravity Form, Fluent Form, Forminator Form, Layout, Heading and 5 more.
  3. Pick a Layout: Default (stacked), Boxed card, Minimal underline, Inline (fields in a row), Rounded pill fields. Each one is shown below.
  4. Style tab sections: Container, Heading & Description, Labels, Fields, Submit Button, Messages. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Contact Form 7 Form renders content from another plugin (saved templates or an installed form plugin). Pick the provider first, then the item.
WPForms Form renders content from another plugin (saved templates or an installed form plugin). Pick the provider first, then the item.
Gravity Form renders content from another plugin (saved templates or an installed form plugin). Pick the provider first, then the item.
Fluent Form renders content from another plugin (saved templates or an installed form plugin). Pick the provider first, then the item.
Forminator Form renders content from another plugin (saved templates or an installed form plugin). Pick the provider first, then the item.
Conditional options: Contact Form 7 Form appears when Form Plugin is cf7; WPForms Form appears when Form Plugin is wpforms; Gravity Form appears when Form Plugin is gf; Fluent Form appears when Form Plugin is ff; Forminator Form appears when Form Plugin is forminator.
Layout

Default (stacked)

Layout = default

Get in touch

We reply within one business day.

    Layout

    Boxed card

    Layout = boxed

    Get in touch

    We reply within one business day.

      Layout

      Minimal underline

      Layout = minimal

      Get in touch

      We reply within one business day.

        Layout

        Inline (fields in a row)

        Layout = inline

        Get in touch

        We reply within one business day.

          Layout

          Rounded pill fields

          Layout = pill

          Get in touch

          We reply within one business day.

            Options reference

            Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

            Content tab

            Form

            OptionTypeChoices / rangeDefaultNotes
            Form Plugin
            provider            		DropdownContact Form 7, WPForms, Gravity Forms, Fluent Forms, Forminatorcf7
            Contact Form 7 Form
            form_cf7            		ShortcodeProvider pickerShown when provider = cf7
            WPForms Form
            form_wpforms            		ShortcodeProvider pickerShown when provider = wpforms
            Gravity Form
            form_gf            		ShortcodeProvider pickerShown when provider = gf
            Fluent Form
            form_ff            		ShortcodeProvider pickerShown when provider = ff
            Forminator Form
            form_forminator            		ShortcodeProvider pickerShown when provider = forminator
            Layout
            layout            		DropdownDefault (stacked), Boxed card, Minimal underline, Inline (fields in a row), Rounded pill fieldsdefault
            Heading
            title            		Text
            Description
            desc            		Textarea
            Heading Alignment
            align            		Button groupLeft, Center, Rightleft
            Hide Field Labels
            hide_labels            		Toggleon / off
            Full-width Submit Button
            btn_full            		Toggleon / off
            Button Alignment
            btn_align            		Button groupLeft, Center, Rightleft

            Style tab

            Container

            OptionTypeChoices / rangeDefaultNotes
            Background
            wrap_bg            		Background
            Padding
            wrap_pad            		Dimensions
            Border
            wrap_border            		Border
            Border Radius
            wrap_radius            		Dimensions
            Box Shadow
            wrap_shadow            		Box shadow
            Max Width
            wrap_maxw            		Slidermin 200, max 1400, px/%

            Heading & Description

            OptionTypeChoices / rangeDefaultNotes
            Heading Typography
            title_typo            		Typography
            Heading Color
            title_color            		Color
            Description Typography
            desc_typo            		Typography
            Description Color
            desc_color            		Color
            Space Below
            head_mb            		Slidermin 0, max 100, px24

            Labels

            OptionTypeChoices / rangeDefaultNotes
            Typography
            label_typo            		Typography
            Color
            label_color            		Color
            Space Below Label
            label_gap            		Slidermin 0, max 30, px6
            Required Mark Color
            req_color            		Color#d92d20

            Fields

            OptionTypeChoices / rangeDefaultNotes
            Typography
            field_typo            		Typography
            Text Color
            field_color            		Color
            Placeholder Color
            ph_color            		Color
            Background
            field_bg            		Color
            Focus Background
            field_bg_f            		Color
            Border
            field_border            		Border
            Focus Border Color
            field_border_f            		Color#6a11cb
            Border Radius
            field_radius            		Slidermin 0, max 60, px8
            Padding
            field_pad            		Dimensions
            Input Height
            field_h            		Slidermin 30, max 90, px
            Textarea Height
            ta_h            		Slidermin 60, max 500, px
            Space Between Fields
            field_gap            		Slidermin 0, max 60, px16
            Box Shadow
            field_shadow            		Box shadow

            Submit Button

            OptionTypeChoices / rangeDefaultNotes
            Typography
            btn_typo            		Typography
            Text Color
            btn_color            		Color#ffffff
            Background
            btn_bg            		Color#6a11cb
            Hover Text Color
            btn_color_h            		Color
            Hover Background
            btn_bg_h            		Color#4a0d8f
            Border
            btn_border            		Border
            Border Radius
            btn_radius            		Slidermin 0, max 60, px8
            Padding
            btn_pad            		Dimensions
            Box Shadow
            btn_shadow            		Box shadow
            Space Above
            btn_mt            		Slidermin 0, max 60, px8

            Messages

            OptionTypeChoices / rangeDefaultNotes
            Typography
            msg_typo            		Typography
            Error Color
            err_color            		Color#b42318
            Invalid Field Border
            err_border            		Color#f04438
            Success Color
            ok_color            		Color#067647
            Success Background
            ok_bg            		Color#ecfdf3

            Add it with the MCP tools

            Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_126" and a settings object using the keys above. Run get-custom-widget with id 126 for the full JSON spec.