The “Contact From 7 Widget” helps you to help you create stunning popups and increase your website’s engagement. Easily create custom popups on the fly right within the Elementor page builder. You can customize each element separately to fit the design of your website.
Let’s look at each of the options in the “Contact Form 7 Widget” below.
To use this widget requires downloading and activating the plugin Contact Form 7 from the WordPress Plugin Directory.
Install Contact Form 7 Widget for Elementor
This widget requires Unlimited Elements Free version to be installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Contact Form 7”
- Hover over the widget in the search results and click install
- Add your “Contact Form 7″ widget to any Elementor Page
Choose an form created with form 7 plugin.
Show Form Title
Show/Hide the form title.
Show Form Description
Show/Hide the form description.
Enable/disable the text area styling.
Enable/disable the placeholder styling.
Enable/disable the date styling.
Radio Button Style
Enable/disable the radio button styling.
Enable/disable the check box styling.
Enable/disable the dropdown styling.
Enable/disable the button styling.
Field Validation Error Style
Enable/disable the field validation error styling.
Enable/disable the acceptance styling.
Enable/disable the alert styling.
Contact Form 7 Widget Styling
A lot of styling options are given to give your website an exact look and feel you want. You can modify the text, fonts, and layout until it functions exactly as you desire.
Form Container Styling
Style the width, alignment, margin, padding, background, border and border radius of form container.
In this section, style the label display, gap, typography, alignment, color, and text shadow.
Style the input height, width, spacing, padding, typography, alignment, background, text color, border, and border radius.
Set the text area width and height.
You can set the placeholder typography, color, and text shadow.
Style the button typography, alignment, width, padding, gap, text color, background and border.
Here are some live use cases for the Contact Form 7 Widget.