Abdullah Nahian

Ultimate CF7 Widget for Elementor allows you to integrate Contact Form 7 directly into Elementor and Gutenberg with advanced features. Manage form submissions, track analytics, generate reports, export to CSV/Excel/PDF, and style forms visually without shortcodes.
Pro-Level Features: 
* Drag & Drop CF7 widget for Elementor 
* Select any CF7 form from dropdown 
* Full style control for: 
 – Input fields & Textareas 
 – Select dropdowns 
 – Radio buttons & Checkboxes 
 – Labels & placeholders 
 – Error & success messages 
 – Buttons (color, typography, hover, border-radius, shadow) 
 – Form container (background, padding, margin, border, box-shadow) 
* AJAX submission support 
* Optional redirect URL after submission 
* Responsive controls for all devices 
* Prebuilt form templates (Contact, Subscription, Quote Request, Feedback) 
* Multi-step forms (Pro version) 
* Custom CSS class for advanced styling 
* Translation ready (WPML, Polylang compatible) 
* Lightweight & optimized for performance 
* Compatible with all Elementor themes 
* Developer-friendly hooks and filters
Why use this plugin? 
– No shortcode copying required 
– Full Elementor integration 
– Instant form styling without custom CSS 
– Professional look for every form type 
– Save time using prebuilt templates

Ultimate CF7 Integration with Analytics, Reports & Export

Drag & drop Contact Form 7 forms in Elementor with full styling, AJAX submission, redirects, and prebuilt templates.

voidcoders

voidthemes

Shawon Chowdhury

Soyket

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 !!
<ul>
<li>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! </li>
<li>Now only Drag and drop the widget inside elementor builder & choose your contact form.</li>
<li>Multiple style options, hover, focus and even custom css option if you are into it. </li>
<li>Want to define style for input, lable, send button, success ? No problem ! This plugin let’s you do those directly from elementor screen!</li>
<li>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 🙂 </li>
<li>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 ! </li>
</ul>
For more details :<a href="https://voidcoders.com/product/contact-form7-widget-for-elementor-free/" rel="nofollow ugc">VOID CF7 Elementor Widget</a>.
For our other elementor & WP works visit : <a href="https://voidcoders.com" rel="nofollow ugc">VOID CODERS</a>.
For updates follow us on : <a href="https://www.facebook.com/voidcoders" rel="nofollow ugc">Facebook</a>.
Missing a feature or Found a bug? : <a href="https://feedback.userreport.com/87deacdd-b91b-43cb-a92d-b53a10b7f6e2/#ideas/recent" rel="nofollow ugc">Feature Request / Bug Report</a>.
<h3>Need to design Contact form 7 Emails with Elementor? </h3>
👉<a href="https://elemailer.com?utm_source=void-cf7-repo&utm_medium=wordpressrepo&utm_id=cf7-org" rel="nofollow ugc">Check Elemailer – A drag & drop email builder for WordPress</a>.
Version 2.0 Preview ( New Style controls with hover, focus, gradient etc )
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_vMHL6doikw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Edit/Add contact from inside Elementor
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ZI0GMJoESaw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Another Preview 
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/MlzrZ0zXM24?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
What Does This plugin give you?
<ol>
<li>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!</li>
<li>Easy use of contact forms created with Contact form 7 pluing inside elementor live editor</li>
<li>Add CSS directly from elementor live preview to your contact form 7 for different field type!! </li>
<li>Add any WordPress page as thank you page with this directly from elementor edit screen when you add the VOID Contact Fom 7 Widget!</li>
<li>Use Single contact form 7 with different Style & redirect rule(Thank you page on success) on the same page with this.</li>
</ol>
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.
<h3>Update Instructions</h3>
Update the plugin either via wp dashboard or via FTP. After update make sure you clear your browser cache.

Void Contact Form 7 Widget For Elementor Page Builder

This WordPress Plugin Adds Contact Form 7 widget element to Elementor page builder for easy drag & drop the created contact forms with CF7 (contac …

Ultimate CF7 Integration with Analytics, Reports & Export vs Void Contact Form 7 Widget For Elementor Page Builder