breizhtorm

tameroski

<h3>Add a signature field to Contact Form 7</h3>
<p>This plugin adds a new field type to the Contact Form 7 plugin and allows users to add an handwritten signature to the message via a signature pad. The plugin uses Szymon Nowak’s great Javascript library (https://github.com/szimek/signature_pad).</p>
<h4>News</h4>
<ul>
<li>Version 4 is out, with a major technical refactoring of the plugin. If you’re a theme developer, please review the FAQ to see what changed (specially if you were using the provided javascript functions).</li>
<li>It is also now possible to use Base64 encoded inline images (at your own risk because of mail clients compatibility issues).</li>
</ul>
<h4>Compatibility</h4>
<p>This plugin requires version 4.6 or higher of the “Contact Form 7” plugin.<br />
The signature pad should work on almost every modern web and mobile browser (IE9+, …).</p>
<h4>Installation / Support</h4>
<p>Please read the <a href="https://wordpress.org/plugins/contact-form-7-signature-addon/#faq" rel="ugc">FAQ</a> for details on how to setup your signature fields.</p>
<p>You can ask for support <a href="https://wordpress.org/support/plugin/contact-form-7-signature-addon" rel="ugc">here</a>.</p>
<h4>Be kind</h4>
<p>This plugin is just sharing the result of something i needed once for a project, there’s nothing commercial in there. But i’ll listen to your requests and do my best to keep the plugin up to date anyway.</p>


Contact Form 7 Signature Addon

Easily add an handwritten signature field to Contact Form 7

KrishaWeb

Girish Panchal

Dilip Bheda

<p><strong>Ever struggled with placing Contact Form 7 forms exactly where you want on your web site?</strong></p>
<p>Normally, to display a Contact Form 7 form, you need to copy a shortcode like <code>[contact-form-7 id="123"]</code> and paste it in the right place. One wrong character and the form breaks. If you have 10 pages with different forms, managing all those shortcodes becomes a headache.</p>
<p><strong>ACF Field for CF7 solves this.</strong></p>
<p>It adds a simple dropdown field with help of <em>Advanced Custom Fields</em> to your page editor that lists all your Contact Form 7 forms. Just pick the form you want and it’s done. It shows up on your page. No shortcodes to copy. No code to write. No mistakes.</p>
<h4>Before vs After This Plugin</h4>
<p><strong>Without this plugin:</strong><br />
1. Create a form in Contact Form 7.<br />
2. Copy the shortcode.<br />
3. Paste it into your page, widget, or template.<br />
4. Hope you didn’t mistype anything.<br />
5. Repeat for every page that needs a different form.</p>
<p><strong>With this plugin:</strong><br />
1. Create a form in Contact Form 7.<br />
2. Add a Advanced Custom Field for Contact Form 7 to your desired location.<br />
3. Pick Contact Form from a dropdown field.<br />
4. Done.</p>
<h4>Key Features</h4>
<p>• <strong>One-Click Form Selection</strong> — A clean dropdown in your editor lists every Contact Form 7 form. Pick one, save, done.<br />
• <strong>No Shortcodes Required</strong> — Forms render automatically on the front end. No copying, no pasting, no broken markup.<br />
• <strong>Client-Friendly</strong> — Content editors manage forms without developer help. Fewer support requests for you.<br />
• <strong>Ultra Lightweight</strong> — Only ~10 KB. Zero impact on site speed or performance.<br />
• <strong>Allow Null Option</strong> — Make the form field optional so editors can leave it empty when no form is needed.<br />
• <strong>Trusted by 10,000+ Sites</strong> — Actively installed and maintained since 2012.</p>
<h4>For Developers: Quick Start</h4>
<p>Register an ACF field with type <code>contact_form_7</code>, then output it in your template:</p>
<pre><code>// Display the form directly
echo get_field( 'your_form_field' );
</code></pre>
<p>Need the CF7 form object instead of rendered HTML? Use this filter:</p>
<pre><code>add_filter( 'acf_cf7_object', '__return_true' );
</code></pre>
<p>Now <code>get_field()</code> returns the WPCF7_ContactForm object for full control over the output.</p>
<h4>Real-World Examples</h4>
<p>• <strong>Landing Pages</strong> — Each landing page has its own lead capture form. Editors pick which form appears — no developer needed.<br />
• <strong>Service Pages</strong> — A web agency builds one template for all service pages. Each page shows a different inquiry form selected by the client.<br />
• <strong>Site-Wide Default Form</strong> — Use with ACF option pages to set one global “Contact Us” form across headers, footers, or sidebars.<br />
• <strong>Multi-Language Sites</strong> — Different forms for different languages, each selected per page through the editor.</p>
<h4>ACF Field For CF7 Pro</h4>
<p>Need more? The Pro version adds:</p>
<p>• <strong>Gutenberg Block Support</strong> — Use CF7 forms inside the WordPress block editor.<br />
• <strong>Widget & Theme Customizer</strong> — Place forms in widget areas and customizer panels.<br />
• <strong>Allow Null</strong> — Make the form field optional so editors can leave it empty when no form is needed.<br />
• <strong>Disable Forms</strong> — Mark one or more forms as disabled to prevent them from being selected.</p>
<p><a href="https://store.krishaweb.com/product/acf-field-contact-form-7-pro/" rel="nofollow ugc">Download the ACF Field For CF7 Pro</a></p>
<h4>Compatibility</h4>
<p>This plugin works with:</p>
<p>• ACF 5<br />
• ACF 6<br />
• Contact Form 7 5.9 and above<br />
• WordPress 6.0 and above<br />
• PHP 8.1 and above</p>


ACF Field For CF7

it's working perfectly and easy to use. Good job team

Amazing

Got me up and running quickly with integrating a CF7 form, instead of requiring the user to paste in the shortcode. Great time saver, thanks!

Quick and easy solution

Add a Contact Form 7 field to Advanced Custom Fields. Pick a form, display it. No shortcodes, no hassle.

Contact Form 7 Signature Addon vs ACF Field For CF7