ACF Field For CF7
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 [contact-form-7 id="123"] 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. Before vs After This Plugin 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. Key Features • 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. For Developers: Quick Start Register an ACF field with type contact_form_7, then output it in your template: // Display the form directly echo get_field( 'your_form_field' ); Need the CF7 form object instead of rendered HTML? Use this filter: add_filter( 'acf_cf7_object', '__return_true' ); Now get_field() returns the WPCF7_ContactForm object for full control over the output. Real-World Examples • 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. ACF Field For CF7 Pro 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. Download the ACF Field For CF7 Pro Compatibility 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
Pilo'Press
Pilo’Press is a framework plugin for WordPress. Based on ACF and ACF Extended, it allows you to create layouts among other things and use the Flexible Content field as a page builder. Pilo’Press uses Tailwind CSS for style templating which can be setup and build directly from the back-office. Please note that Tailwind CSS is not mandatory, you can choose to use it or not. Requirements This plugin requires Advanced Custom Fields PRO and Advanced Custom Fields: Extended plugins in order to work correctly. Getting started Activate Advanced Custom Fields Pro plugin Activate ACF Extended plugin Activate Pilo’Press plugin In your theme, create a pilopress folder Within the pilopress folder, create layouts subfolder Within the pilopress folder, create assets subfolder In the index.php file, add the following code: Styles, when you click on “Update & Compile”, TailwindCSS will be compiled remotely using TailwindAPI. Minified CSS files are then created under /pilopress/assets/styles.min.css and /pilopress/assets/styles-admin.min.css. You can manually enqueue those files in your theme for the front-end & the back-end, but we recommend to use automatic enqueue code above. It is possible to manually retrieve the Tailwind PostCSS & JS fields of the administration if you want to build TailwindCSS locally. To do so, you can use the following code: $tailwind_css = get_field( 'pip_tailwind_style', 'pip_styles_tailwind' ); $tailwind_config = get_field( 'pip_tailwind_config', 'pip_styles_tailwind' ); For more details, see Tailwind CSS Documentation. Customizing style To customize default Tailwind CSS styles, go to Pilo'Press > Styles from left navigation menu or top bar menu. For more details about customization, see Github Page. Add new layout In the admin menu Pilo'Press > Layouts, add a new layout Configure the layouts fields Create PHP, CSS and JS files in your theme layout folder /your-theme/pilopress/layouts/your-layout You have to name those files the same way you did in back-office settings Note: only PHP template file is require. Templating To display the content of your post, you have to use the following function: // Pilo'Press content (doesn't need 'echo') the_pip_content(); // Pilo'Press content (needs 'echo') echo get_pip_content(); Components See GitHub Page for complete example. Hooks Available hooks are list and describe in GitHub Page
