Title: ACF Flexible Layout Preview
Author: Chintan Soni
Published: <strong>June 11, 2026</strong>
Last modified: June 11, 2026

---

Search plugins

![](https://ps.w.org/acf-flexible-layout-preview/assets/banner-772x250.png?rev=3568409)

![](https://ps.w.org/acf-flexible-layout-preview/assets/icon-256x256.png?rev=3568409)

# ACF Flexible Layout Preview

 By [Chintan Soni](https://profiles.wordpress.org/chintan95/)

[Download](https://downloads.wordpress.org/plugin/acf-flexible-layout-preview.1.0.1.zip)

 * [Details](https://wordpress.org/plugins/acf-flexible-layout-preview/#description)
 * [Reviews](https://wordpress.org/plugins/acf-flexible-layout-preview/#reviews)
 *  [Installation](https://wordpress.org/plugins/acf-flexible-layout-preview/#installation)
 * [Development](https://wordpress.org/plugins/acf-flexible-layout-preview/#developers)

 [Support](https://wordpress.org/support/plugin/acf-flexible-layout-preview/)

## Description

ACF Flexible Layout Preview adds a visual preview workflow for Advanced Custom Fields
Flexible Content layouts. Editors can see layout screenshots before adding a row,
and administrators can manage those images from a dedicated settings screen.

### Requirements

 * Advanced Custom Fields Pro must be installed and active.
 * A valid ACF Pro license key must be entered at ACF  Updates.

The plugin will not activate — and will deactivate itself at runtime — if either
of these conditions is not met.

### Features

 * Visual layout picker for ACF Flexible Content fields.
 * Settings page under ACF > Layout Previews.
 * Auto-discovers Flexible Content layouts from ACF field groups.
 * Upload, replace, view, and remove layout preview images.
 * Add custom layouts before they exist in an ACF field group.
 * Default preview image for layouts without a custom preview.
 * Grid column setting for the preview library.
 * Light and dark settings page theme.
 * Documentation tab with setup steps and usage benefits.
 * Images stored in /wp-content/uploads/acf-layout-previews/.

### Usage

 1. Create an ACF Flexible Content field and add layouts.
 2. Open the plugin settings page.
 3. Upload a preview image for each discovered layout.
 4. Use Add Custom Layout for layouts that are planned but not yet registered in ACF.
 5. Edit a post, click Add Row/Add Layout, and choose layouts from the visual preview
    modal.

### Author

Chintan Soni

## Installation

 1. Upload the acf-flexible-layout-preview folder to /wp-content/plugins/.
 2. Make sure Advanced Custom Fields Pro is installed, active, and licensed.
 3. Activate ACF Flexible Layout Preview from Plugins > Installed Plugins.
 4. Go to ACF > Layout Previews.
 5. Upload preview images for your Flexible Content layouts.
 6. Optional: open Display Settings to set a default preview image, popup grid columns,
    and popup light/dark theme.

## FAQ

### Do I need ACF Pro?

Yes, this plugin requires Advanced Custom Fields Pro to be installed and active.
The free version of ACF does not include Flexible Content fields.

### Where are preview images stored?

Images are stored in /wp-content/uploads/acf-layout-previews/ to keep them separate
from your media library.

### Can I use this with existing layouts?

Yes! The plugin automatically discovers all existing Flexible Content layouts from
your ACF field groups.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“ACF Flexible Layout Preview” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ Chintan Soni ](https://profiles.wordpress.org/chintan95/)

[Translate “ACF Flexible Layout Preview” into your language.](https://translate.wordpress.org/projects/wp-plugins/acf-flexible-layout-preview)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/acf-flexible-layout-preview/),
check out the [SVN repository](https://plugins.svn.wordpress.org/acf-flexible-layout-preview/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/acf-flexible-layout-preview/)
by [RSS](https://plugins.trac.wordpress.org/log/acf-flexible-layout-preview/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.1

 * Initial release.
 * Consistent text domain acf-flexible-layout-preview throughout.
 * All constants prefixed ACF_FLP_, all functions prefixed acf_flp_.
 * JS global renamed from acflpData / acflpMap to acfFlpData / acfFlpMap.
 * All admin page slugs and AJAX actions updated to match plugin slug.

## Meta

 *  Version **1.0.1**
 *  Last updated **9 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [acf](https://wordpress.org/plugins/tags/acf/)[admin](https://wordpress.org/plugins/tags/admin/)
   [flexible-content](https://wordpress.org/plugins/tags/flexible-content/)[gutenberg](https://wordpress.org/plugins/tags/gutenberg/)
   [layout preview](https://wordpress.org/plugins/tags/layout-preview/)
 *  [Advanced View](https://wordpress.org/plugins/acf-flexible-layout-preview/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/)

## Contributors

 *   [ Chintan Soni ](https://profiles.wordpress.org/chintan95/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/acf-flexible-layout-preview/)