Flexible Tabs add-on

$5.00

Category: Content & Text

Description

Flexible Tabs outputs a clean tabbed content interface in your Flexible Page Builder layouts. Each tab has a heading and a corresponding content panel that supports rich text/HTML. The first tab is active by default. A vertical layout can be enabled via a section setting that adds an is_vertical class to the wrapper.

What you can show in the block

Tab headings (one per item) displayed in a horizontal scrollable row by default; the first tab is marked active.
Tab content areas (rich text) mapped 1:1 to headings.

Layout and presentation

Orientation: default horizontal; add the is_vertical class (via the module setting) to switch to a vertical layout.
Active state: both heading and corresponding content get an active class for the visible tab.
Animation: optional animation classes can be applied to headings and content wrappers using the section animation setting.
Accessibility hooks: headings and content are paired via matching data-tabid attributes to support JS toggling.

Editor experience

Manage tabs via an ACF repeater: enter a heading and rich text for each tab.
Reorder tabs with drag‑and‑drop; add or remove tabs without coding.
Toggle vertical layout in the section options as needed.

What this module does not do (by design)

Does not include built‑in JavaScript for the tab switching – it outputs semantic, JS‑ready markup.
Does not add ARIA roles/attributes by default; you can extend markup if you need enhanced accessibility semantics.

Typical use cases

Feature comparisons or segmented information in a compact area.
Policy sections grouped by topic.
Product details split into tabs like Overview, Specs, and Warranty.

Sample Horizontal Tabs

Flexible, ACF‑powered tabs for Flexible Page Builder: headings with rich text panels, horizontal or vertical layout, first tab active by default, JS‑ready markup with animation classes. This horizontal layout keeps tab labels in a row, ideal for quick feature comparisons or compact content blocks.

Content & Text

Media & Galleries

WooCommerce

UI & Interactive

Admin modules

Content & Text sections let you compose rich, readable sections without touching code. Combine headings, paragraphs, quotes, and lists in a clean, accessible layout that matches your theme. Editors can structure long‑form content with reusable patterns and consistent spacing, improving clarity and SEO. Inline options help you emphasize key points while keeping typography and colors on brand.

Use Media & Galleries to build case studies, portfolios, or press pages with curated visual narratives. Start with a hero grid for impact, then switch to a carousel to highlight details and behind‑the‑scenes shots. Add captions to convey context, credits, or calls to action without distracting from the imagery. Whether you’re showcasing products, events, or team culture, the module adapts to your layout and keeps the experience fast.

WooCommerce sections help you present products and offers in a fast, consistent layout that converts. Editors can curate collections, promotions, and featured items without custom code, keeping pages up to date in minutes. Performance‑minded defaults ensure quick loads and smooth interaction across devices. Consistent design and clear calls to action guide shoppers from discovery to checkout with less friction.

UI & Interactive sections add motion and feedback that guide users without overwhelming the design. Thoughtful animations, toggles, and reveal effects help people notice what’s important and understand what changed. Editors can enable interactivity with a few options, avoiding custom code and keeping layouts consistent. Accessibility and performance are built in, so interactions feel smooth on any device.

Admin modules streamline content operations for Flexible Page Builder by giving editors no‑code tools right inside WordPress. Use Export/Import to copy Flexible sections between posts/pages (and supported terms) or move them via JSON for backups, staging, and reuse. Use Translate to convert all Flexible sections’ text from one language to another with your OpenAI key while preserving layout structure. Together, these utilities speed up duplication, localization, and maintenance without touching ACF settings or theme code.

Shop add-ons

Sample Vertical Tabs

Flexible, ACF‑powered tabs for Flexible Page Builder: headings with rich text panels, horizontal or vertical layout, first tab active by default, JS‑ready markup with animation classes. This vertical layout stacks headings and content side by side for long copy or spec sheets.

Content & Text

Media & Galleries

WooCommerce

UI & Interactive

Admin modules

With Content & Text sections, you can mix headings, body text, callouts, and media captions inside a single, flexible block. Fine‑tune alignment, spacing, and emphasis to create scannable sections that work across devices. The module respects your theme’s typography system, ensuring consistent styles site‑wide. It’s ideal for introductions, feature explanations, and any place where clear written communication matters.

With Media & Galleries, choose from grids or sliders, set columns and gaps, and enable lightbox viewing with captions. The module supports mixed media, responsive images, and video embeds while respecting your theme’s typography and spacing. Optional filters, pagination, and autoplay controls make large sets easy to browse. It’s performance‑minded by default, using lazy loading and modern image formats where available.

With WooCommerce sections, you can display product grids or carousels, add badges and pricing, and surface ratings or short descriptions. Configure columns, spacing, and image ratios to match your brand while preserving responsiveness. Optional tabs, filters, and lazy loading make large catalogs easy to browse. The components integrate cleanly with your theme styles and respect accessibility best practices.

With UI & Interactive, you can add accordions, tabs, sliders, counters, and progress indicators in a unified style. Configure timing, easing, and trigger behavior while respecting reduced‑motion preferences for accessibility. Keyboard navigation, ARIA attributes, and focus management come standard for inclusive experiences. Lazy initialization and lightweight scripts keep pages fast even with multiple interactive blocks.

The Admin modules tab centralizes time‑saving utilities for Flexible Page Builder in one place. Export/Import lets you clone entire sets of Flexible sections between posts/pages (and supported terms) or move them via JSON for backups, staging, and reuse. Translate connects to your OpenAI key to convert all Flexible sections’ text between languages while preserving the original layout and structure. Together, they cut manual work, speed up localization, and keep content consistent across projects.

See all sections

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.