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.

Phil Kurth

fabianlindfors

<a href="https://advancedforms.github.io" rel="nofollow ugc">Documentation</a> | <a href="https://hookturn.io/downloads/advanced-forms-pro" rel="nofollow ugc">Purchase Pro</a>
Advanced Forms is a WordPress plugin for creating front-end forms using <a href="https://advancedcustomfields.com" rel="nofollow ugc">Advanced Custom Fields</a>. It supports all ACF field types, including repeaters and flexible content fields, and provides the same field editing interface you are already familiar with. Advanced Forms requires ACF PRO v5.7 or later.
<ul>
<li>Email notifications: Configure an unlimited number of email notifications, including support for dynamic recipients and field includes.</li>
<li>AJAX submissions: Use AJAX for a better user experience with faster submissions and no page reloads.</li>
<li>Entries: Save form submissions as entries with all fields.</li>
<li>Spam protection: Every form is protected against spam using a honeypot. If you need more sophisticated spam protection, Advanced Forms Pro includes support for reCAPTCHA.</li>
<li>Restrictions: Place limits on your form using the built-in restrictions or <a href="https://advancedforms.github.io/guides/advanced/adding-custom-restrictions/" rel="nofollow ugc">create your own</a>:
<ul>
<li>Limit the total number of submissions</li>
<li>Limit your form to only logged-in users</li>
<li>Limit the time when your form can be used</li>
</ul>
</li>
<li>User-friendly UI: Create forms either through the admin panel or programmatically for easy integration.</li>
<li>Gutenberg support: Add forms to your site using Gutenberg blocks.</li>
<li>Developer-friendly: Designed for developers with a large variety of hooks and helper functions and <a href="https://advancedforms.github.io" rel="nofollow ugc">comprehensive documentation</a>.</li>
</ul>
<h4>Pro</h4>
On top of that, Advanced Forms Pro offers even more features for advanced use cases. You can purchase a license through <a href="https://hookturn.io/downloads/advanced-forms-pro/" rel="nofollow ugc">Hookturn</a> which can be used on an unlimited number of sites.
<ul>
<li>Priority support: Get direct support with an average response time of 1-2 days.</li>
<li>Post editing: Set up forms to create and edit posts. Configure the post title, content and status and automatically map your existing ACF fields.</li>
<li>User editing: Register new users or let people edit their user profile with automatic mapping of your user fields.</li>
<li>Calculated fields: Give your users immediate feedback as they fill out your form. Calculated fields update live with the values from other fields. Calculated fields are also <a href="https://advancedforms.github.io/pro/configuration/using-calculated-fields/" rel="nofollow ugc">fully programmable</a> for more complex calculations.</li>
<li>Slack: Get a message in <a href="https://slack.com" rel="nofollow ugc">Slack</a> for each form submission, including all form data.</li>
<li>Mailchimp: Create a form to sign users up for your <a href="https://mailchimp.com" rel="nofollow ugc">Mailchimp</a> mailing list.</li>
<li>Zapier: Connect your form to thousands of third-party services using <a href="https://zapier.com" rel="nofollow ugc">Zapier</a>.</li>
<li>Google reCAPTCHA: Protect your forms against spam using an invisible captcha.</li>
</ul>
<h4>Support</h4>
If you need help, have a feature request, or think you’ve found a bug, don’t hesitate to reach out. Either create a ticket on the <a href="https://wordpress.org/support/plugin/advanced-forms/" rel="ugc">WordPress Support Forums</a> or an issue on <a href="http://github.com/advancedforms/advanced-forms/issues" rel="nofollow ugc">Github</a>.
For Pro users, please send an email to <a href="mailto:support@hookturn.io?subject=Advanced%20Forms" rel="nofollow ugc">support@hookturn.io</a> and we’ll respond as fast as we can, most often within 1-2 days.
<h3>Documentation</h3>
The documentation has been moved to a new site, check it out: <a href="https://advancedforms.github.io" rel="nofollow ugc">advancedforms.github.io</a>

Advanced Forms for ACF

This plugin is a very good addition to the already very good and high-quality ACF.

I was a long time user of Caldera Forms, which never was good (very poor quality). As developer, I often had to customize forms… this always was a struggle with Caldera Forms, but worked…

And lately a user of its successor Ninja Forms (Pro)… Unfortunately, Ninja Forms doesn't stand to its advertising… support, quality..

Because of the general very high quality of ACF I always wanted to switch to ACF based forms, but hesitated because of ACF itself. (I'm a long term user of ACF pro too and using it in nearly every project).

The problem with ACF is its quite "end user unfriendly" and very technical UI… 

But after another frustrating project using Ninja Forms, I bit the bullet and switched to Advanced Forms (Pro) and Advanced Custom Fields Pro.

And I only regret not to have done this earlier. The pros just outweigh the cons multiple times…

(To admit: I currently only use it in projects where the end user has not to work with the forms directly. This might be a problem in the future, but maybe not.)

Very good plugin based on the very good ACF

Flexible and developer-friendly forms using the power of Advanced Custom Fields

Advanced Custom Fields – Code Area Field vs Advanced Forms for ACF