KrishaWeb

Girish Panchal

Dilip Bheda

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

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.

GusRuss89

Addons for Contact Form 7

View a live preview of your form as you’re building it.
<h4>Contact Form 7 Preview</h4>
Contact Form 7 is great, but building your forms using form tags can be painful and slow when you have to constantly save, switch tabs and refresh to see your changes.
Contact Form 7 Live Preview relieves this pain by displaying a live preview of your form directly underneath the form editor.
<h4>How does it work</h4>
Contact Form 7 Live Preview creates a “dummy” form and displays it in the live preview pane. Whenever you make changes to a form you’re working on, it saves your current state to the dummy form and refreshes the preview. This means you don’t have to save your form to see your changes, which can be especially important if your form is currently live.
The dummy form is set to <a href="https://contactform7.com/additional-settings/" rel="nofollow ugc"><code>demo_mode: on</code></a>, which means you can test the validation and success messages and no emails will be sent.
<h4>Note: It may not work with some themes or plugins</h4>
The preview window displays just the form. It loads your site’s scripts and styles as long as they’re enqueued properly via <a href="https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts" rel="nofollow ugc">hooks</a>. If something isn’t looking right in the preview, make sure your scripts and styles are enqueued correctly, and aren’t loaded conditionally (E.g. <code>is_page('contact'))</code>.
If it doesn’t work for you, please don’t go straight for leaving a bad review. Let me know in the forums and we’ll figure out if the problem is with the plugin, or with your theme. If it’s a problem with the plugin I’ll try and fix it.
<h4>Features:</h4>
<ul>
<li>Live preview changes to your form</li>
<li>Test validation and error messages without sending emails</li>
<li>Set the background colour of the preview (helpful if your form is going to be on a different coloured background once live)</li>
<li>Works with most CF7 addons that affect the look and behaviour of your form</li>
</ul>
<h4>Tested with:</h4>
<ul>
<li><a href="https://wordpress.org/plugins/material-design-for-contact-form-7/" rel="ugc">Material Design for Contact Form 7</a></li>
<li>Conditional Fields for Contact Form 7</li>
</ul>

Live Preview for Contact Form 7

View a live preview of your form as you're building it. Contact Form 7's form tags can be hard to wrangle. Immediate feedback saves you time …

ACF Field For CF7 vs Live Preview for Contact Form 7