iwebinside

<p>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 builder. It provides easy drag & drop functionality allowing users to place, design and create beautiful contact forms using Contact Form 7 (CF7). In addition this plugin is fully translated to Hebrew.</p>
<p>To use this plugin you MUST have <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a> installed.<br />
To use this plugin you MUST have <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact form 7</a> installed and you need to setup the basic form information with this plugin first.</p>
<p>Simple steps to beautiful forms:</p>
<ul>
<li>
<p>Step One – Drag and drop the widget inside your Elementor design canvas and select the CF7 form you want to use.</p>
</li>
<li>
<p>Step Two – Create the design style you wish for each element of your form. This includes ‘Form Title’, ‘Label Style’, ‘Field Style’ and ‘Button Style’. All of these elements can be controlled and designed exactly as you wish directly from the Elementor control panel.</p>
</li>
<li>
<p>Simply use the ‘Save to Elementor Library’ option to save your form design and place around other pages/areas of your site.</p>
</li>
</ul>
<p>For more details :<a href="https://www.webinside.co.il/blog/contact-form-7-elementor-widget/" rel="nofollow ugc">WI Contact Form 7 for Elementor</a>.<br />
For updates follow us on : <a href="https://www.facebook.com/iwebinside" rel="nofollow ugc">Facebook</a>.</p>
<p>Note: This plugin is an add-on for the Elementor Page Builder (https://wordpress.org/plugins/elementor/) and will only work with the Elementor Page Builder installed. Please make sure you are using the most updated version of Elementor.</p>
<h3>Planned Updates</h3>
<ul>
<li>Ability to customize the design of individual form fields </li>
<li>Ability to choose whether a form is displayed horizontally or vertically</li>
<li>Ability to customize recipient/s per individual form (without needing to create a new form in CF7)</li>
<li>Ability to choose hover animation to submit button</li>
</ul>


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 …

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>


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 …

WI Contact Form 7 for Elementor vs Void Contact Form 7 Widget For Elementor Page Builder