taylor.mitchellstjoseph

The ‘Code Area’ field allows you to add custom CSS, Javascript, HTML and PHP to an advanced custom field, whcih can be use anywhere in your wordpress template files.
The code area uses <a href="http://codemirror.net" rel="nofollow ugc">Code Mirror</a> and has various themes to suit.
CSS 
Type your css, no tags needed
Javascript 
Type your Javascript, no tags needed
PHP 
Type your PHP, no tags needed (Note, you can not open and close php tags anywhere in your code)
Output all types of code in the usual fashion the_field(‘code_area_field’);
Compatible with both ACF V3 & V4

Advanced Custom Fields – Code Area Field

Adds a 'Code Area' textarea editor field type for the Advanced Custom Fields WordPress plugin.

KrishaWeb

Dilip Bheda

Girish Panchal

ACF Field for Contact Form 7 allows you to seamlessly integrate Contact Form 7 forms into your Advanced Custom Fields (ACF) setup. It adds a custom field type to ACF that lets you select CF7 forms from the admin panel and output them directly in your templates. This simplifies form management and eliminates the need to manually insert shortcodes. Ideal for developers who want a cleaner, more dynamic way to embed forms in custom layouts.
<h3>Key Features:</h3>
• Single or Multiple Forms: Choose one CF7 form in a single ACF field. 
• Markup Returned Automatically: Selected form(s) output the CF7 shortcode markup directly—ready to display via the_field() or get_field(). 
• Lightweight & Fast: Adds minimal load (~10 KB) to your site; small memory and speed impact. 
• ACF-compatible: Works seamlessly with ACF 3–5 and tested up to WordPress 6.8.
<h3>Use Cases:</h3>
• Developer-Centric Page Layouts: Define custom ACF fields in page builder templates or theme templates, letting editors easily select CF7 forms—no more shortcode errors. 
• Content Editor Avoids Mistakes: Editors pick from a clean dropdown list instead of pasting form shortcodes, reducing the chance of broken forms or syntax errors. 
• Modular Form Integration: Use in widget areas, theme customizer panels, or Gutenberg block templates (with Pro), letting site-wide layouts dynamically include forms.
<h3>Checkout the advanced features of ACF Field For CF 7 Pro:</h3>
• Fully compatible with Gutenberg blocks. 
• Supports integration with Widgets and Theme Customizer.
<a href="https://store.krishaweb.com/product/acf-field-contact-form-7-pro/" rel="nofollow ugc">Download the ACF Field For CF 7 Pro</a>
<h4>Compatibility</h4>
This ACF field type is compatible with : 
* ACF 3 
* ACF 4 
* ACF 5

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

Adds a 'Contact Form 7' field type for the Advanced Custom Fields WordPress plugin.

Advanced Custom Fields – Code Area Field vs ACF Field For CF7