ACF Pro: editierbare Webseite für Kunden bauen

ACF Pro ergänzt eigene Felder: Texte, Bilder, Buttons, wiederkehrende Sektionen
Der Kunde pflegt Inhalte über Formulare, ohne Code oder Layout zu beruehren
Flexible Content baut Unterseiten aus fertigen Blöcken wie aus Bausteinen
Du wählst ACF für Design 1:1 und schlanken Code statt langsamem Baukasten
Vereinfachtes Backend: der Kunde sieht nur seine Felder, der Rest ist ausgeblendet
[/dwb_keytakeaways]

Was ACF Pro ist und welches Problem es löst

ACF Pro, also Advanced Custom Fields, ist ein WordPress-Plugin, mit dem du jeder Seite eigene Bearbeitungsfelder hinzufügst. Das klingt technisch, in der Praxis geht es aber um eine konkrete Sache: wie übergibst du dem Kunden eine Seite, die er selbst aktualisiert, ohne dabei das Layout zu zerstoeren und ohne dich nach jeder Kleinigkeit anzurufen.

Stell dir die Sektion mit Kundenstimmen auf der Startseite vor. Ohne ACF bedeutet eine Änderung dieser Stimmen, in den Code zu gehen oder die richtige Stelle in einem schweren Baukasten zu suchen. Mit ACF sieht der Kunde ein einfaches Formular: ein Feld für den Namen, ein Feld für den Text der Bewertung, ein Feld für die Sternebewertung. Eintragen, speichern, fertig. Das Design bleibt unberührt, weil das Aussehen im Template festgelegt ist und der Kunde ausschließlich den Inhalt verwaltet.

Das verändert die Beziehung zum Kunden. Statt einer Seite, bei der jede Änderung den Entwickler braucht, bekommt er ein Werkzeug, mit dem er selbst steuert, was sich aendern soll. Und du verlierst keine Zeit mit Korrekturen wie "bitte die Telefonnummer im Footer aendern".

Eigene Felder: woraus ACF besteht

Die ganze Idee von ACF steht auf Feldern. Ein Feld ist ein einzelnes Element, das der Kunde bearbeiten kann. Du definierst einmal, wo es erscheint und welchen Typ es hat, danach füllt der Kunde nur noch den Inhalt aus. Die wichtigsten Feldtypen:

• Text und Textbereich: Ueberschriften, kurze Beschreibungen, längere Absätze. Die Basis jeder editierbaren Sektion.
• Bild und Galerie: ein Bild aus der Mediathek hochladen, in der Pro-Version auch eine ganze Bildergalerie in einem Feld.
• Link und Button: ein Feld für die URL und den Button-Text, damit der Kunde selbst ändert, wohin der Button führt.
• Auswahlliste und Schalter: zum Beispiel eine Sektion ein- oder ausblenden, eine Farbvariante aus einer Liste wählen.
• Repeater: wiederkehrende Zeilen. Ideal für eine Leistungsliste, das Team, FAQ oder eine Preisliste, bei der der Kunde selbst Einträge hinzufügt.

Felder werden in logische Sektionen gruppiert und konkreten Orten zugewiesen: dieser Unterseite, diesem Beitragstyp, diesem Template. Der Kunde öffnet die Bearbeitung der Seite und sieht einen geordneten Satz Felder, menschlich beschriftet, statt rohem Code.

Flexible Content: die Seite wie aus Bausteinen

Flexible Content ist die Funktion, für die ich am häufigsten zur Pro-Version greife. Sie erlaubt eine Bibliothek fertiger Blöcke zu bauen, aus denen der Kunde eine Unterseite in beliebiger Reihenfolge zusammensetzt. Jeder Block ist eine vorbereitete Sektion: ein Banner, zwei Spalten Text plus Bild, eine Galerie, eine Liste mit Bewertungen, eine Preissektion, ein Block mit Call-to-Action.

Auf der Unterseite sieht der Kunde den Button "Sektion hinzufuegen", wählt den Blocktyp aus einer Liste und füllt dessen Felder. Er kann drei Banner und zwei Galerien hinzufuegen, ihre Reihenfolge aendern, überflüssige entfernen. Die ganze Zeit bewegt er sich innerhalb der gestalteten Blöcke, eine hässliche Seite lässt sich also nicht bauen. Das verbindet die Flexibilität eines Baukastens mit der Kontrolle über das Design, die ein Baukasten nicht bietet.

In der Praxis bereite ich für eine Firmenseite einige bis zu einem Dutzend Blocktypen vor, die den Bedarf des Kunden abdecken. Aus diesem Satz erstellt der Kunde neue Unterseiten selbst, ohne Entwickler, und jede sieht stimmig aus, weil sie dieselben gestalteten Komponenten nutzt.

1. 1
   Grafikentwurf und Aufteilung in wiederkehrende Sektionen (Blöcke)
2. 2
   Definition der Felder und Gruppen in ACF für jeden Blocktyp
3. 3
   PHP-Templates schreiben, die die Felder im Theme-Code ausgeben
4. 4
   Backend vereinfachen und Felder in der Sprache des Kunden beschriften
5. 5
   Kurze Schulung oder Aufnahme, wie der Kunde seine Seite pflegt

Wann ACF, wann Gutenberg oder Elementor

ACF ist nicht die Antwort auf alles. Es gibt Fälle, in denen der Block-Editor Gutenberg oder ein Baukasten wie Elementor besser passt. Die Wahl hängt von drei Dingen ab: wie genau das Design zum Entwurf passen soll, wie schwer der Code sein darf und wer die Inhalte pflegt.

Aus meiner Erfahrung: ACF wähle ich für Seiten, die exakt wie das Mockup aussehen, schnell sein und eine auf das Nötige beschränkte Pflege haben sollen. Gutenberg passt, wenn der Kunde mehr Freiraum beim Inhaltsaufbau will, etwa ein umfangreicher Blog. Elementor nimmt, wer eine Seite sehr schnell aufsetzen muss und schwereren Code sowie weniger Kontrolle über das Endergebnis akzeptiert.

Pflege durch den Kunden und vereinfachtes Backend

Die bloße Möglichkeit zur Bearbeitung reicht nicht. Wenn du dem Kunden das volle WordPress-Backend mit Dutzenden Menüs, Plugins und Einstellungen vorsetzt, verliert er den Ueberblick und ruft an. Deshalb ergänze ich jede ACF-Umsetzung um eine Vereinfachung des Backends, damit der Kunde nur sieht, was er braucht.

• Überflüssige Menüs ausblenden: der Kunde braucht keine Plugins, keine Theme-Einstellungen, keinen Code-Editor. Ich lasse Seiten, Beiträge, Medien und seine Felder stehen.
• Rolle Redakteur statt Administrator: der Kunde verwaltet Inhalte, fasst aber keine technischen Einstellungen an, die er zerstoeren könnte.
• Klare Labels und Hinweise: jedes Feld menschlich beschriftet, mit kurzer Anleitung, was hier einzutragen ist.
• Globale Options-Seite: Kontaktdaten, Social-Media-Links oder der Footer-Text an einer Stelle, einmal für die ganze Seite gepflegt.

Das Ergebnis: der Kunde aktualisiert seine Seite nach einer kurzen Schulung oder einem 5-Minuten-Video selbst. Er ändert das Angebot, fügt Bewertungen hinzu, tauscht Bilder in der Galerie. Ohne Entwickler, ohne Risiko, etwas kaputtzumachen, ohne auf einen freien Termin zu warten.

Anwendungsbeispiele aus echten Projekten

Damit das nicht nur Theorie bleibt, einige typische Einsätze von ACF Pro, die ich am häufigsten umsetze:

• Leistungsseite: eine Sektion mit Leistungsliste über Repeater, in der der Kunde selbst weitere Leistungen mit Icon, Titel und Beschreibung hinzufügt.
• Teamseite: wiederkehrende Personenkarten, der Kunde fügt einen neuen Mitarbeiter mit Name, Position, Bild und kurzer Beschreibung hinzu.
• Startseite mit Flexible Content: der Kunde setzt sie aus Blöcken zusammen, ändert die Reihenfolge der Sektionen und tauscht Inhalte, ohne den Code zu beruehren.
• Preisliste: eine Preistabelle über Repeater, der Kunde aktualisiert Tarife und Pakete, wenn sich das Angebot ändert.
• Globale Kontaktdaten: Telefon, E-Mail, Adresse und Oeffnungszeiten einmal auf der Options-Seite gepflegt, überall auf der Seite sichtbar.

In jedem dieser Fälle gewinnt der Kunde Selbstständigkeit dort, wo er sie braucht, und Layout sowie Design bleiben unter Kontrolle. Diese Balance liefert weder das nackte Gutenberg (zu viel Freiraum) noch Elementor (zu leicht zu zerstoeren).

Lizenzkosten und wann es sich lohnt

ACF hat eine kostenlose Version, die für einfache Felder reicht: Text, Bild, Link, Auswahlliste. Für kommerzielle Kundenseiten nehme ich aber immer die Pro-Version, denn sie liefert Repeater, Flexible Content, Galerien und Options-Seiten, also die Funktionen, auf denen die ganze Idee einer editierbaren Seite steht.

Die Preisliste von ACF Pro (das Plugin gehört zu WP Engine) hat 2026 drei Stufen. Der Personal-Plan kostet etwa 49 Dollar im Jahr für eine Seite. Der Freelancer-Plan etwa 149 Dollar im Jahr für maximal 10 Seiten. Der Agency-Plan etwa 249 Dollar im Jahr für unbegrenzt viele Seiten, am besten für Agenturen und alle, die viele Projekte umsetzen. Es ist eine Jahreslizenz mit Updates und Support. Die Seite läuft nach Ablauf weiter, aber ohne Updates, bei einem Produktivprojekt lohnt sich die Verlängerung also.

Im Rahmen des gesamten Projekts ist das ein symbolischer Betrag im Verhältnis zum Wert, den dem Kunden die Selbstständigkeit und der schlanke, schnelle Code bringen. Wenn du viele Seiten baust, amortisiert sich der Agency-Plan blitzschnell, weil er alle Projekte mit einer Gebühr abdeckt.

Bei DawidWeb baue ich Seiten genau auf ACF Pro, wenn der Kunde Design 1:1 zum Entwurf, eine schnelle Seite und die Möglichkeit zur eigenen Pflege ohne Layout-Schaden will. Ich wähle die Blöcke nach dem echten Bedarf, vereinfache das Backend und übergebe dem Kunden ein fertiges Werkzeug mit kurzer Anleitung. Webseiten beginne ich ab 600 Euro, ich habe über 120 Projekte umgesetzt, und ein Angebot für deine konkrete Umsetzung bekommst du innerhalb von 24 Stunden.