Flexible Hero add-on

Original price was: $10.00.Current price is: $0.00.

Flexible Hero builds a hero/section slider for your Flexible Page Builder layouts. Each slide can include a background image, a title, a subtitle, rich text, and one or more buttons. Slides support different display formats via a per‑slide image display format class and can
fall back across three image fields to ensure a proper source is available for responsive output.

What you can show in the block

  • Hero image with responsive <picture> output and lazy loading; three image fields are available and used as fallbacks for responsive devices.
  • Title and Subtitle text areas.
  • Description block (HTML/rich text) for supporting copy.
  • Buttons (one or multiple) rendered via the shared button template for consistent styling.

Layout and presentation

  • Slider mode: when the section’s Slick option is enabled, each repeater item is treated as a slide.
  • Grid mode: if the Slick option is disabled, slides render as a responsive grid (e.g., col-12 col-sm-6 col-md-4 plus per‑section item class).
  • Image display format: a per‑slide class (from the “image display format” select) is applied to the image and item for cover/ratio styling.
  • Content container: inner content sits in a centered container/row with a text column, suitable for hero copy and CTAs.

Editor experience

  • Manage slides via an ACF repeater: upload images (primary + fallbacks), set title, subtitle, description, and buttons.
  • Reorder slides with drag‑and‑drop; add or remove slides without coding.
  • Choose the image display format class per slide to control visual presentation.
  • Images are rendered via the plugin’s helper as responsive <picture> with lazy loading.

Typical use cases

  • Homepage hero sliders with title, subtitle, and CTA buttons.
  • Campaign banners mixing short copy with action buttons.
  • Feature highlights where per‑slide image format helps control composition.
banner 1 1
Flexible Hero add-on
Sample slider build

Build pages faster with reusable sections.
ACF‑powered hero images slider/grid with lazy loading and touch controls.
Showcase your best visuals in a fast, full‑width hero that loads quickly on any device. Ideal for launches, campaigns, and high‑impact storytelling.

banner 3
Beautiful, responsive hero sliders
Optimized images, smooth transitions, consistent branding

Put your message front and center with cover images that scale cleanly across breakpoints. Built‑in performance features keep pages snappy even with large photos. Control timing, navigation, and captions without touching code.

banner 1 1
Flexible Hero add-on
Sample Grid build

Build pages faster with reusable sections.
ACF‑powered hero images slider/grid with lazy loading and touch controls.
Showcase your best visuals in a fast, full‑width hero that loads quickly on any device. Ideal for launches, campaigns, and high‑impact storytelling.

banner 3
Beautiful, responsive hero sliders
Optimized images, smooth transitions, consistent branding

Put your message front and center with cover images that scale cleanly across breakpoints. Built‑in performance features keep pages snappy even with large photos. Control timing, navigation, and captions without touching code.

FAQ

FAQ about Flexible Page Builder for Advanced Custom Fields PRO.

What is Flexible Page Builder for ACF?

It’s a WordPress plugin that lets you build pages from a library of reusable sections powered by ACF Flexible Content. Editors stack sections to create pages; developers get clean, theme‑friendly markup and hooks.

Do I need ACF Pro?

Yes. The plugin relies on ACF 6 Pro features (including Flexible Content). Please install and activate ACF Pro.

Will it work with my current theme or page builder?

Yes. It’s theme‑agnostic and outputs semantic HTML. It works alongside the Block Editor (Gutenberg) and classic editors, and plays nicely with most themes that follow WordPress standards.

Is this a replacement for Gutenberg, Elementor etc.?

No – it’s complementary. You assemble pages from pre‑built, brand‑safe sections instead of freeform drag‑and‑drop, which keeps design consistent and performance strong.

How are pages built?

Pick the sections you need (hero, icons, posts, FAQs, etc.), fill in their fields, and drag to reorder. Each section has focused settings to keep editing simple and fool‑proof.

  • Intuitive editing: field‑based inputs for copy, media, icons, buttons, lists.
  • Flexible layout: drag‑reorder, duplicate, show/hide, column options, alignment.
  • Per‑section styling: container width, background color/image/video, section visibility, animation, grid settings, “load more” in/off, slider mode on/off.
  • Accessibility built‑in: proper heading levels, labels, aria attributes.
  • Performance: lean semantic HTML, conditional assets, responsive images, CLS‑safe.
  • Advanced workflows: Export/Import sections; one click AI Translate Flexible Page Builder content.
🚀 How does the Export/Import module help my team ship faster?

Export/Import moves Flexible Page Builder sections between posts, taxonomies or sites in seconds. Duplicate a winning layout, migrate from staging to production, or share a section library with your team – without rebuilding by hand.

Choose what to move: import all sections or only specific one (e.g., just Flexible Icons)  from another post/taxonomy with filled content. Import a JSON file right inside the editor. It works across Posts, Pages, WooCommerce Products, Taxonomies, and custom post types – the same Flexible Page Builder and modules run everywhere. Fewer clicks, fewer mistakes, faster publishing. Get Export/Import Module Here.

This is a Game Changer!

🌍 What does the AI Translate module do?

AI Translate adds a simple form to your editor that sends your Flexible Page Builder content to OpenAI for translation. Turn an English landing page into multiple languages in minutes – your layout stays intact, only the text changes.

It works everywhere you build: Posts, Pages, WooCommerce Products, Taxonomies, and custom post types – all powered by the same Flexible Page Builder and modules. Translate, review, tweak copy, and publish fast. Get AI Translate Here.

* Your OpenAI API key is required.

Which sections are free and which are paid add‑ons?

The plugin includes three free sections out of the box: Rows, Icons, and Hero. Everything beyond those is a paid add‑on you can enable as needed. This keeps the core lean and lets you buy only what you’ll use. Add‑ons install like regular modules and integrate seamlessly with your existing sections. You may use any purchased add-ons on any of your sites. This is a onetime purchase.

Can I create my own custom sections?

Yes. Developers can duplicate any existing section in ACF, tweak the fields, and follow the plugin’s structure and conventions in your theme templates. It’s the quickest way to build bespoke layouts that still play nicely with the Flexible Page Builder.

Is it fast? What about Core Web Vitals?

Yes. Markup is lean, assets are conditionally loaded, and sections are optimized to avoid layout shift. Sites typically see solid CLS/LCP/INP scores, especially with caching and a CDN.

Does it support responsive design and accessibility?

Yes. Sections are responsive by default as the plugin provides basic styling. At the same time the final styling is expected to be handled by you.”

Will this affect SEO?

Positively, when used correctly. Clean HTML, logical heading structure, and fast load times help SEO. Keep using your SEO plugin (Yoast, RankMath, etc.) as usual.

Does it work with custom post types and WooCommerce?

Yes. It supports CPTs out of the box (just change the ACF group settings for a CPT) and is great for building marketing or landing pages for WooCommerce products and categories.

What about translations and RTL?

The plugin is translation‑ready (includes a .pot file) and works with WPML/Polylang. RTL is supported when your theme provides RTL styles; the markup is RTL‑safe.

It is also worth mentioning about AI Translate add-on. Get AI Translate Module Here.

Do editors need training?

Very little. Sections have clear labels and helpful instructions. Most teams ship their first pages within minutes. Helpfull videos are available.

Is there a money‑back policy or returns?

We offer a 30‑day money‑back guarantee if there’s a confirmed, non‑trivial bug we can’t fix. In practice, we resolve issues quickly at no cost. As this is a digital product, please review screenshots and walkthrough videos before purchase. If you hit a snag, contact us directly and we’ll prioritize a fix.

Is this a one‑time purchase? Can I use add‑ons on other domains?

Yes – each add‑on is a one‑time purchase. There’s no license key or domain restriction, so you can use the modules on other domains without re‑activating or re‑purchasing. Install them wherever you run the Flexible Page Builder and you’re good to go.

I don’t see the flexible fields in Posts / Products / Taxonomies.

Edit the ACF field group named “Flexible Page Builder” and adjust its Location Rules to target the post types or taxonomies you need (e.g., Post Type equals Page/Product, or Taxonomy equals Category). Clear caches, and check Screen Options to confirm the meta box is visible. If you moved environments, sync/import the ACF JSON so the field group registers on this site.

I created a new flexible fields group and it doesn’t work or won’t import.

The plugin supports only the built‑in field group it ships with. Custom ACF groups aren’t recognized by the plugin’s render logic, so they may not load or display.