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
General Settings
Select Form
Choose an form created with form 7 plugin.
Show Form Title
Show/Hide the form title.
Show Form Description
Show/Hide the form description.
Textarea Style
Enable/disable the text area styling.
Placeholder Style
Enable/disable the placeholder styling.
Date Style
Enable/disable the date styling.
Radio Button Style
Enable/disable the radio button styling.
Checkbox Style
Enable/disable the check box styling.
Dropdown Style
Enable/disable the dropdown styling.
Button Style
Enable/disable the button styling.
Field Validation Error Style
Enable/disable the field validation error styling.
Acceptance Style
Enable/disable the acceptance styling.
Alert Style
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.
Label Styling
In this section, style the label display, gap, typography, alignment, color, and text shadow.
Input Styling
Style the input height, width, spacing, padding, typography, alignment, background, text color, border, and border radius.
Textarea Styling
Set the text area width and height.
Placeholder Styling
You can set the placeholder typography, color, and text shadow.
Button Styling
Style the button typography, alignment, width, padding, gap, text color, background and border.
Usage Examples
Here are some live use cases for the Contact Form 7 Widget.
