Conformer - Contact Form 7 styling for Elementor

Contact Form 7 forms can be difficult to match to a site's design when styling requires code. Conformer brings form selection and appearance controls into Elementor, where you can choose a previously created form and add it to a page with a drag-and-drop widget. This suits designers and site owners who want to work on form layout and styling in the page builder.

Use controls for field colors, backgrounds, typography, and spacing, including hover and focus states. You can also add a title and description to give a form context, or start with one of the 5 pre-designed templates and adjust its appearance. The plugin is intended for WordPress sites using Elementor and Contact Form 7.

Features

• Elementor form widget: Select a previously created Contact Form 7 form and place it on a page using Conformer's drag-and-drop widget in Elementor.
• Field appearance controls: Adjust colors, backgrounds, typography, and spacing for form fields to bring their appearance in line with the surrounding page.
• Interactive field states: Set field styles for normal, hover, and focus states, giving visitors visual feedback as they interact with the form.
• Pre-designed templates: Choose from 5 pre-designed form templates as a starting point, then personalize the form's styling in Elementor.
• Titles and descriptions: Add a custom title and descriptive text to a form to explain its purpose and provide visitors with context.
• Responsive form styling: Create responsive contact forms with styling controls for use across devices, while working within Elementor's visual editor.

Best for

• WordPress sites using Contact Form 7
• Elementor page designers
• Freelancers styling client contact forms