Void Contact Form 7 Widget For Elementor Page Builder Plugin
This WordPress Plugin Adds Contact Form 7 widget element to Elementor page builder for easy drag & drop the created contact forms with CF7 (contac …
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 !!
Check out our new feature to edit and create contact form from elementor editor. You don’t need to leave elementor editor to modify or create contact form 7. boom!
Now only Drag and drop the widget inside elementor builder & choose your contact form.
Multiple style options, hover, focus and even custom css option if you are into it.
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 !
Version 2.0 Preview ( New Style controls with hover, focus, gradient etc )
Edit/Add contact from inside Elementor
Another Preview
What Does This plugin give you?
For editing or creating contact form 7, You don’t have to leave elementor editor. New popup modal will be open on elementor editor. Edit or create forms on the fly!
Easy use of contact forms created with Contact form 7 pluing inside elementor live editor
Add CSS directly from elementor live preview to your contact form 7 for different field type!!
Add any WordPress page as thank you page with this directly from elementor edit screen when you add the VOID Contact Fom 7 Widget!
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 along with Contact form 7 plugin.
Update Instructions
Update the plugin either via wp dashboard or via FTP. After update make sure you clear your browser cache.
Installation
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.
Activate the plugin through the ‘Plugins’ screen in WordPress
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.
Screenshots
/assets/screenshot-4.png
/assets/screenshot-5.png
/assets/screenshot-1.jpg
/assets/screenshot-2.jpg
FAQ
Where can to find the new element added
Our Contact Form7 Widget For Elementor Page Builder adds a new widget category in the elementor live page builder named : VOID ELEMENTS. There you will see the widget called -Void Contact form 7- which you can drag and drop and config settings
Changelog
2.4.2
Fix: Sanitized cf7 form id for security.
2.4.1
Fix: changed redirect input type from text to URL to amend security concern
2.4
Fix: Compatibility with latest wp version
Fix: Broken access control issue (minor)
2.3
Fix: Elementor latest version compatibility
2.2
Fix: Elementor latest version compatibility
Fix: Removed user opt in system to remove any vulnerability related to the system
2.1.1
Fix: Elementor latest version compatibility
2.1
Tweak: Updated to new wp version support
Tweak: Change of notification.
2.0
New: Added many style option in Style tab
1.1.9
Fix: Tweak for banner
Fix: Compatiblity with latest Elementor & Elementor pro
1.1.8
Fix: Fatal error if folder renmaned / site migration is done
Fix: Compatiblity with latest WordPress version
Fix: Compatiblity with latest Elementor & Elementor pro
1.1.7
Fix: Elementor compatiability added.
New: Added opt-in system for sending updates if needed
1.1.6
Fix: Elementor compatiability added.
1.1.5
Fix: Elementor editor js issue during cf7 create and update on elementor editor.
1.1.4
Fix: Notice dismissible issue fix.
1.1.3
Fix: Compatiable with elementor 3.x.
Fix: Fix some js error with new version of wp and elementor.
1.1.2
Fix: Editor panel data loose issue solved after comeback another control sections/ widgets.
1.1.1
Fix: Js erros on frontend
1.1.0
New: Add and Edit contact form without leaving elementor dashboard.
1.0.9
Feature added – External thank you page
1.0.6
Css added Number control
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