ACF flexible content
Our core platform, the editing layer

ACF flexible content
for industrial WordPress

The component system behind every page we build.

ACF flexible content is the editing layer underneath every WordPress build we deliver for industrial companies: editors assemble pages from a defined set of components with defined fields, so a product range, a technical document library or a case reference can be maintained by the marketing team without a developer in the loop.

The technology
What is included

What ACF flexible content
solves day to day

What it involves

Generic page builders look flexible in a demo and come apart under real content: inconsistent spacing, broken responsive behaviour, a design that drifts a little further with every page an editor adds. A component system built in Advanced Custom Fields, scoped tightly to the approved design, avoids that failure mode by defining what a page can contain before anyone starts filling it in.

What we deliver

A component library matched to your design system, field definitions per component with sensible defaults, validation that prevents broken combinations, integration points where a component needs product data from an external system, and documentation so the next person to extend it stays inside the pattern.

The content model underneath

For an industrial company the model is the interesting part: products and their variants, technical documents and their revisions, applications and the sectors they serve, case references, certifications and the relationships between all of them. Structured that way, a product page can list its own documents and related applications automatically instead of a marketing manager maintaining the same links in three places.

Who has to maintain it

A B2B marketing team is usually one or two people who also run trade fairs, the newsletter and the product launch. The editing layer has to be obvious enough that someone returning after two months can add a product, publish a datasheet or write a case reference without asking. That constraint drives how many components exist and how each one is named.

Where fields meet external data

Some components are entirely editorial. Others combine editorial fields with attributes read from a PIM, an ERP or a document management system, so a product block carries hand-written positioning copy alongside dimensions, materials and availability read straight from the system of record. Those components have to be defined with that split in mind from the start.

Scoped deliberately, kept reliable

Each component is scoped to what the design supports rather than opened up as an unlimited builder. That discipline is what keeps the system dependable years after launch, when the people who signed off the design have moved on and the team maintaining the site has only the component set and its documentation to work from.

case studies

Clients who trust us

Industrial and technical B2B companies we build and maintain platforms for.
Industrial B2B digital platforms

A decade of digital work
for industrial and technical B2B

Code Industrial is the industrial B2B practice of Code Barcelona, an agency building corporate websites and digital platforms since 2015. The same strategy, design and engineering team works on every industrial project, from the first scoping session through to life after launch.

19
industrial sectors we serve
1.550
technical documents migrated in one project, permissions and URLs intact
+10
years of digital delivery for industrial B2B
ACF systems by team
Who needs it

What ACF components have to support by team

The right component set changes with who edits and how often. ACF flexible content starts from that.

Build process
Four stages

How we build an ACF
flexible content system

Four stages. ACF flexible content is built to match the design exactly, not to offer unlimited flexibility.

DESIGN MAPPING
01
01

Every component your design requires

We map every component the approved design calls for, so the field structure exists to support that design rather than a superset of speculative options.

What we map

Every component in the approved design system, cross-checked so none is missed. For each one, the content variations it has to support: an optional image, a variable number of items, a product block with or without pricing, a document list with or without gated downloads. See design systems for the layer this maps from.

Result

A component list scoped to what the approved design calls for, with no speculative additions made on the assumption they might be useful later. Speculative fields are the usual reason an editing interface ends up bloated, and the usual reason editors stop trusting it.

FIELD ARCHITECTURE
02
02

Fields that make the right thing easy

We define the fields per component with sensible defaults and validation, so an editor filling them in produces the correct result without needing to remember a rule.

What we build

Field groups per component with defaults already filled in, so an editor starting from a blank instance is steered toward a correct result. Validation that blocks obviously wrong combinations before they can be saved: a missing required field, text far beyond what the layout holds, a product reference pointing at something unpublished. Field labels written in the language of your business rather than the language of the template.

Result

Components that are difficult to fill in incorrectly, because the field structure itself steers the editor rather than depending on a style guide that goes unread under deadline. New team members produce usable pages on their first attempt.

TEMPLATE BUILD
03
03

Code that renders exactly the approved design

We build the front-end templates that render each component to match the approved design precisely, including responsive behaviour and accessibility.

What we build

Front-end templates for every component, built to render the approved design rather than an interpretation of it, and tested across breakpoints so the same block holds together on a phone in a warehouse as on a large desktop screen. Components carrying external product data are tested against real records, including the long part numbers and empty attributes a live catalogue contains.

Result

A system that matches the approved design in every real context: different content lengths, different devices, different browsers, and a product name three times longer than the one in the mockup, rather than only in the clean demo screenshot everyone signed off.

DOCUMENTATION
04
04

A reference for future development

We document each component so future development, by us or by another team, stays consistent with the system rather than introducing one-off exceptions.

What we deliver

A component reference describing what each block is for, its fields, its constraints and where its data comes from, written for whoever picks up development next. Editor-facing guidance on which component to reach for in a given situation. Guidance for adding new components correctly, so extensions follow the existing pattern. See CMS implementation for how this fits the wider handover.

Result

A system that stays coherent as it grows, because the next person to touch it, whether that is us in a year or a different team entirely, has a reference to work from instead of having to reverse-engineer the intent behind each field.

ACF flexible content questions

What comes up when scoping a component-based editing system.

Is ACF flexible content the same as a page builder like Elementor?

No, and the difference is deliberate. A generic page builder offers unlimited layout freedom, which is precisely what erodes consistency over time as different editors interpret the design differently. ACF flexible content offers a defined set of components matched to your approved design, each with its own fields and constraints. Editors gain speed within a structure that holds, rather than freedom that has to be policed afterwards.

Can we add new components later?

Yes, and that is a normal part of a site’s evolution. The documentation built alongside the component system exists so a new block gets designed, coded and added consistently with the existing set rather than becoming a one-off that breaks the pattern. Most new requirements turn out to be met by extending an existing component with an option rather than adding another one to the list.

Does this require an ACF Pro licence?

Typically yes, since the flexible content field type at the core of this approach belongs to the Pro tier rather than the free plugin. The licence cost is modest relative to the reliability it buys compared with a generic page builder, and we account for it during project scoping rather than presenting it as an unexpected addition later. The licence is registered in your name, not ours.

How does ACF flexible content fit into a WordPress build?

It is the editing layer inside a broader WordPress build for industrial B2B rather than a separate product. WordPress provides the platform, the hosting and the publishing workflow; the component system provides the structure inside it. Together they are what turns a content model into something a marketing team uses every week rather than a technical layer they never see.

Can components pull product data from our PIM or ERP?

Yes, and on a catalogue site they normally should. A product component can hold editorial fields written by marketing while reading dimensions, materials, part numbers and availability from the system that owns them, whether that is Akeneo, Pimcore, SAP, Dynamics, Infor or Sage. See PIM and product data for how those feeds are structured and kept current.

Can our marketing team maintain product pages without a developer?

That is the point of building it this way. Once the components exist, adding a product, publishing a datasheet, writing a case reference or building an application page is editing work rather than development work. Structural changes, a new component or a new content type, still need us. The intention is that routine publishing never does, so a launch is not waiting on an agency ticket.

Related technology we work with

Other technology we work with

ACF flexible content connects closely with these related technology pages.

ACF flexible content

Build your component
system in ACF

A site on a page builder that keeps coming apart, or a new build that needs a real component system your team can maintain. Tell us your design and we will tell you how we would approach ACF flexible content.

contact us
Contact Form

Tell us
about your project

Tell us about your organization's context and the planned scope of the project.
Code Industrial, as the data controller, will process your data in order to respond to the query and/or request you submit through this contact form. Privacy Policy.
Our site uses cookies to collect information about your device and browsing activity. We use this data to improve the site, ensure security and deliver personalized content. You can manage your cookie preferences by clicking here.
Basic cookie information
This website uses cookies and/or similar technologies that store and retrieve information when you browse. In general, these technologies can serve very different purposes, such as, for example, recognizing you as a user, obtaining information about your browsing habits or personalizing the way in which the content is displayed. The specific uses we make of these technologies are described below. By default, all cookies are disabled, except for technical ones, which are necessary for the website to function. If you wish to obtain more information or exercise your data protection rights, you can consult our Cookie Policy".
Technical cookies needed Always active
Technical cookies are strictly necessary for our website to work and for you to navigate through it. These types of cookies are those that, for example, allow us to identify you, give you access to certain restricted parts of the page if necessary, or remember different options or services already selected by you, such as your privacy preferences. Therefore, they are activated by default, your authorization is not necessary.Through the configuration of your browser, you can block or alert the presence of this type of cookies, although such blocking will affect the proper functioning of the different functionalities of our website.
Analytics cookies
Analytics cookies are used to analyse website behaviour anonymously. They help us measure activity and improve the website.
Title
Popupcontent
Contact us
Code Industrial, as the data controller, will process your data in order to respond to the query and/or request you submit through this contact form. Privacy Policy.
Aceptar