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

iwebinside

WI Contact Form 7 for Elementor

The WI Contact Form 7 for Elementor plugin allows you to easily add the Contact Form 7 widget element to pages being created with the Elementor page b …

Aslam Hasib

Zenaul Islam

Tarek Aziz

HasThemes

HT Plugins

Sharif Uddin

HT Contact Form – Drag & Drop Form Builder for WordPress

The easiest drag & drop form builder for WordPress. Create contact forms, surveys, and lead capture forms in minutes with 38+ fields and 21+ integ …

horbenko

Elysio Form – Widget & Styles Contact Form 7 for Elementor

Adds Elysio Form that are specifically designed to be used in conjunction with the Elementor Page Builder and Contact Form 7. Live preview

voidthemes

voidcoders

Shawon C.

Soyket

<p>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 !!</p>
<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 !<br />
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>
<p>For more details :<a href="https://voidcoders.com/product/contact-form7-widget-for-elementor-free/" rel="nofollow ugc">VOID CF7 Elementor Widget</a>.</p>
<p>For our other elementor & WP works visit : <a href="https://voidcoders.com" rel="nofollow ugc">VOID CODERS</a>.</p>
<p>For updates follow us on : <a href="https://www.facebook.com/voidcoders" rel="nofollow ugc">Facebook</a>.</p>
<p>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>.</p>
<h3>Need to design Contact form 7 Emails with Elementor? </h3>
<p>👉<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>.</p>
<p>Version 2.0 Preview ( New Style controls with hover, focus, gradient etc )</p>
<span class="embed-youtube" style="text-align:center; display: block;"><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></span>
<p>Edit/Add contact from inside Elementor</p>
<span class="embed-youtube" style="text-align:center; display: block;"><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></span>
<p>Another Preview<br />
<span class="embed-youtube" style="text-align:center; display: block;"><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></span></p>
<p>What Does This plugin give you?</p>
<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>
<p>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.</p>
<h3>Update Instructions</h3>
<p>Update the plugin either via wp dashboard or via FTP. After update make sure you clear your browser cache.</p>


Alternatives to Void Contact Form 7 Widget For Elementor Page Builder

Top alternatives