Contact Form7 Widget For Elementor Page Builder

Description

This plugin adds new element / widget to Elementor Page Builder which helps you to easily drag and drop contact form 7 forms from a drop down list. No need of going in cf7 & copying the shortcode and addding to shortcode widget of elementor anymore !!

  • Now only Drag and drop the widget inside elementor builder & choose your contact form ! Done !
  • Want to define style for input, lable, send button, success ? No problem ! This plugin let’s you do those directly from elementor screen!
  • Want to add custom page to redirect to when the form is submitted ? That is also possible now !
    Yet this is just a simple plugin for simple users 🙂
  • What’s more interesting is that you can have multiple form of the same single contact form 7 form with different rules and design with this on same page !

For more details :VOID CF7 Elementor Widget.
For our other elementor & WP works visit : VOID CODERS.
For updates follow us on : Facebook.

Latest Version Preview

Older Version Preview

What Does This plugin give you?

  1. Easy use of contact forms created with Contact form 7 pluing inside elementor live editor
  2. Add Css directly from elementor live preview to your contact form 7 for different field type!!
  3. Add any wordpress page as thank you page with this directly from elementor edit screen when you add the VOID Contact Fom 7 Widget!
  4. Use Single contact form 7 with different Style & redirect rule(Thank you page on success) on the same page with this.

Note: This plugin is an addon of Elementor Page Builder (https://wordpress.org/plugins/elementor/) and will only work with Elementor Page Builder installed. And your elementor should be up to date to latest version

Screenshots

  • /assets/screenshot-1.jpg
  • /assets/screenshot-2.jpg
  • /assets/screenshot-3.jpg

Installation

  1. Upload the plugin folder after extracting it to the “/wp-content/plugins/(the folder of the extracted plugin)” directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Go to elementor page builder mode and then select our post grid widget and you will see many options when you drag and drop the widget to the live page. To see the real preview in live mode you must click apply button on top to update the layout and finally hit save in elementor and visit your page to see the changes.

FAQ

Installation Instructions
  1. Upload the plugin folder after extracting it to the “/wp-content/plugins/(the folder of the extracted plugin)” directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Go to elementor page builder mode and then select our post grid widget and you will see many options when you drag and drop the widget to the live page. To see the real preview in live mode you must click apply button on top to update the layout and finally hit save in elementor and visit your page to see the changes.
Where can to find the new element added

Our Contact Form7 Widget For Elementor Page Builder adds a new section in the elementor live page builder named : VOID ELEMENTS. There you will see the widget which you can drag and drop and config settings

Reviews

Coding knowledge required to use this

Couldn’t get this to work at all with Astra theme and Elementor Pro. Drug the widget onto my page and nothing displayed in the editor/preview pane or (after saving) on the page. Same results with premium, EA and void versions.

Amzing plugin.

Such an amazing plugin I’m speechless finally someone created a plugin that makes your contact forms super hyper customizable. 100% recommended. you have done a great job. keep up the great work guys.

Read all 23 reviews

Contributors & Developers

“Contact Form7 Widget For Elementor Page Builder” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.6

  • Css added Number control
  • External redirect url available now
  • Any post type url from the site for redirect url

1.0.5

  • Css added Hover button

1.0.4

  • Css added for select box

1.0.3

  • CSS Fix

1.0.2

  • Define Any page as thank you page
  • More Comporftable Select2 for selecting Contact From

1.0.1

  • Custom CSS Adding option

1.0.0

  • Initial Launch