fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

google-maps-widget
age-verification-widget-for-elementor
digital-business-card-templates-for-elementor

Contact Form 7

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Contact Form 7”
  3. Hover over the widget in the search results and click install
  4. Add your “Contact Form 7″ widget to any Elementor Page

General Settings

1

Select Form

Choose an form created with form 7 plugin.

2

Show Form Title

Show/Hide the form title.

3

Show Form Description

Show/Hide the form description.

4

Textarea Style

Enable/disable the text area styling.

5

Placeholder Style

Enable/disable the placeholder styling.

6

Date Style

Enable/disable the date styling.

7

Radio Button Style

Enable/disable the radio button styling.

8

Checkbox Style

Enable/disable the check box styling.

9

Dropdown Style

Enable/disable the dropdown styling.

10

Button Style

Enable/disable the button styling.

11

Field Validation Error Style

Enable/disable the field validation error styling.

12

Acceptance Style

Enable/disable the acceptance styling.

13

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.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!