Munir Kamal

<p>CF7 Blocks is the ultimate solution for integrating Contact Form 7 with the WordPress block editor. With CF7 Blocks, you can easily create and customize contact forms within the familiar block editor interface. No more fiddling with shortcodes or HTML – just drag and drop blocks to build your forms exactly how you want them.</p>
<p>CF7 Blocks comes with a variety of pre-designed form templates to choose from, making it even easier to get started. And with full integration with Contact Form 7, all your form submissions will be saved and managed in the same place as before.</p>
<p>Don’t waste any more time trying to fit your forms into the old editor – upgrade to CF7 Blocks and take advantage of the power and flexibility of the block editor today!</p>


Block Editor Kit for Contact Form 7 – CF7 Blocks


Awesome user experience. Great to such a thing for the CF7


Awesome user experience


Contact Form 7 is my favorite contact form plugin for WordPress, although it's not a secret that its interface is not the most comfortable to use, especially for novice users. This plugin is a great success to modernize its interface and bring CF7 closer to more users.


A long-awaited feature for CF7 has finally arrived


Great Plugin - This plugin will revolutionize the way how we create forms. This plugin has potential to compete with premium plugins. Just few more features/bug fixes are required and this plugin will be on top of the list of all content editors who love to use CF7.


Great Plugin - This will revolutionize the way how we create forms.

CF7 Blocks brings the power of the WordPress block editor to Contact Form 7, allowing you to easily create and customize forms within the familiar int …

Kaspars

Neil Murray

<p><strong>NEW:</strong> Subscribe to the <a href="https://formcontrols.com/pro" rel="nofollow ugc">🚀 PRO version</a> for advanced analytics and tracking features, and professional support by the plugin author.</p>
<p>This is an addon for the <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> plugin with the following features:</p>
<ul>
<li><a href="https://formcontrols.com/docs" rel="nofollow ugc">Track form submissions, errors and completions</a> with Google Analytics (GA4), Google Tag (gtag.js), Google Tag Manager (GTM), Matomo (formerly Piwik) and Facebook Pixel.</li>
<li>Redirect to URL on form submission.</li>
<li>Enable native WordPress shortcodes in form content.</li>
<li>Disable AJAX form submissions.</li>
<li>Disable default form CSS.</li>
<li>Disable automatic paragraph formatting.</li>
<li>Disable HTML5 input field types or enable the HTML5 input type fallback.</li>
<li>Specify the Google reCAPTCHA language.</li>
<li>Store form submissions in <a href="https://preseto.com/go/cf7-storage?utm_source=wporg" rel="nofollow ugc">Storage for Contact Form 7</a> or <a href="https://wordpress.org/plugins/tablepress/" rel="ugc">TablePress</a>.</li>
</ul>
<p>Please note that some settings work on the per-page level and will apply to all forms on the same page. For example, disabling AJAX form submissions for one form will disable AJAX submissions on all forms on the same page.</p>
<h4>Requirements</h4>
<ul>
<li><a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> version 4.3 or later for features related to submission tracking and redirects.</li>
</ul>
<h4>Usage</h4>
<p>The plugin adds a new “Controls” tab for each Contact Form 7 form in the WordPress administration area.</p>
<h4>Form Submission Storage</h4>
<p><em>Setup the official companion plugin <a href="https://preseto.com/go/cf7-storage?utm_source=wporg" rel="nofollow ugc">Storage for Contact Form 7 plugin</a> for capturing the form submissions safely in the WordPres database.</em></p>
<p>Alternatively, there is also a basic integration with the <a href="https://wordpress.org/plugins/tablepress/" rel="ugc">TablePress plugin</a>. Select the TablePress table where to store the form submissions. The plugin will add any missing columns for each form field, and append the form entries as rows to the table. Additionally, fields <code>cf7_time</code> (submission time as <a href="https://en.wikipedia.org/wiki/ISO_8601" rel="nofollow ugc">ISO 8601</a>) and <code>cf7_url</code> (URL where the form was submitted) are stored along with the form data.</p>
<h4>Analytics Tracking</h4>
<p>The plugin <em>automatically</em> triggers analytics events for the following services:</p>
<ul>
<li><a href="https://support.google.com/analytics/topic/14088998" rel="nofollow ugc">Google Analytics (GA4)</a> using <a href="https://support.google.com/tagmanager/answer/9442095" rel="nofollow ugc">Google Tag Manager</a> and <a href="https://developers.google.com/tag-platform/gtagjs" rel="nofollow ugc">Global Tag (gtag.js)</a> with <code>ga()</code>, <code>_gaq.push()</code> and <code>dataLayer.push()</code> implementations,</li>
<li><a href="https://matomo.org/" rel="nofollow ugc">Matomo</a> (formerly Piwik),</li>
<li><a href="https://developers.facebook.com/docs/facebook-pixel/implementation/conversion-tracking" rel="nofollow ugc">Facebook Pixel Conversion Tracking</a>.</li>
</ul>
<p>It passes the following data with the event:</p>
<ul>
<li>“Contact Form” as the event category,</li>
<li>“Submit”, “Sent”, “Error” or “Spam” as the event action, and</li>
<li>the form title as the event title.</li>
</ul>
<h4>Facebook Pixel</h4>
<p>The <a href="https://developers.facebook.com/docs/facebook-pixel/implementation/conversion-tracking#standard-events" rel="nofollow ugc">standard Contact event</a> is used for Facebook Pixel with <code>content_category</code> property set to the event type (Submit, Sent, Error, Spam) and <code>content_name</code> set to the form title.</p>
<h4>Contribute</h4>
<ul>
<li>Report issues and suggest improvements <a href="https://github.com/kasparsd/contact-form-7-extras" rel="nofollow ugc">on GitHub</a>.</li>
<li>Add <a href="https://translate.wordpress.org/projects/wp-plugins/contact-form-7-extras" rel="nofollow ugc">a translation to your language</a>.</li>
</ul>


Controls for Contact Form 7 (Redirects, Analytics & Tracking)

Works Great!!! Having issues with the Contact 7 Form sample code. Found this plugin which creates easy functionality. Thanks for making our lives easier!! 

Works Great!!

Very useful plugin!
I would love to see an Autocomplete Option to turn Autocomplete OFF for ALL forms. By default fields have Autocomplete ON. Although it's possible to change it by field attribute, I'd found it easier to have a global settings to disable Autocomplete for all forms.

Love to see Autocomplete Setting

Analytics, tracking, redirects and storage for Contact Form 7.

Block Editor Kit for Contact Form 7 – CF7 Blocks vs Controls for Contact Form 7 (Redirects, Analytics & Tracking)