ACF Pro: jak zrobic edytowalna strone dla klienta

ACF Pro dodaje wlasne pola: teksty, zdjecia, przyciski, powtarzalne sekcje
Klient edytuje tresc przez proste formularze, nie dotyka kodu ani ukladu
Flexible content sklada podstrony z gotowych blokow jak z klockow
Wybierasz ACF, gdy chcesz design 1:1 i lekki kod zamiast wolnego kreatora
Panel uproszczony: klient widzi tylko swoje pola, reszta ukryta
[/dwb_keytakeaways]

Czym jest ACF Pro i jaki problem rozwiazuje

ACF Pro, czyli Advanced Custom Fields, to wtyczka do WordPressa, ktora pozwala dodac do dowolnej strony wlasne pola edycyjne. Brzmi technicznie, ale w praktyce chodzi o jedna konkretna rzecz: jak oddac klientowi strone, ktora sam zaktualizuje, nie psujac przy tym ukladu i nie dzwoniac do Ciebie po kazdej drobnej zmianie.

Wyobraz sobie sekcje z opiniami klientow na stronie glownej. Bez ACF zmiana takiej opinii oznacza wejscie w kod albo szukanie wlasciwego miejsca w ciezkim kreatorze. Z ACF klient widzi prosty formularz: pole na imie, pole na tresc opinii, pole na ocene w gwiazdkach. Wpisuje, zapisuje, gotowe. Design zostaje nietkniety, bo wyglad jest zablokowany w szablonie, a klient zarzadza wylacznie trescia.

To zmienia relacje z klientem. Zamiast strony, ktora kazda zmiana wymaga programisty, dostaje narzedzie, ktorym sam zarzadza tym, co ma sie zmieniac. A Ty nie tracisz czasu na poprawki typu "prosze zmienic numer telefonu w stopce".

Pola customowe: z czego sklada sie ACF

Cala idea ACF stoi na polach. Pole to pojedynczy element, ktory klient moze edytowac. Definiujesz raz, gdzie ma sie pojawic i jakiego jest typu, a klient potem tylko uzupelnia tresc. Najwazniejsze typy pol:

• Tekst i obszar tekstowy: naglowki, krotkie opisy, dluzsze akapity. Podstawa kazdej edytowalnej sekcji.
• Obraz i galeria: wgranie zdjecia z biblioteki mediow, w wersji Pro takze cala galeria zdjec w jednym polu.
• Link i przycisk: pole na adres URL i tekst przycisku, zeby klient sam zmienil, dokad prowadzi przycisk akcji.
• Lista wyboru i przelacznik: na przyklad wlacz lub wylacz dana sekcje, wybierz wariant kolorystyczny z listy.
• Repeater: powtarzalne wiersze. Idealne do listy uslug, zespolu, FAQ czy cennika, gdzie klient sam dodaje kolejne pozycje.

Pola grupuje sie w logiczne sekcje i przypisuje do konkretnych miejsc: tej podstrony, tego typu wpisu, tej szablonowej strony. Klient otwiera edycje strony i widzi uporzadkowany zestaw pol opisanych po ludzku, a nie surowy kod.

Flexible Content: strona skladana jak z klockow

Flexible Content to funkcja, dla ktorej najczesciej siegam po wersje Pro. Pozwala zbudowac bibliotek gotowych blokow, a klient sklada z nich podstrone w dowolnej kolejnosci. Kazdy blok to przygotowana wczesniej sekcja: baner, dwie kolumny tekst plus zdjecie, galeria, lista opinii, sekcja z cennikiem, blok z przyciskiem akcji.

Klient na stronie podstrony widzi przycisk "dodaj sekcje", wybiera typ bloku z listy i uzupelnia jego pola. Moze dodac trzy bannery i dwie galerie, zmienic ich kolejnosc, usunac niepotrzebne. Caly czas porusza sie w ramach zaprojektowanych blokow, wiec nie da sie zbudowac brzydkiej strony. To laczy elastycznosc kreatora z kontrola nad designem, ktorej kreator nie daje.

W praktyce dla strony firmowej przygotowuje od kilku do kilkunastu typow blokow pokrywajacych potrzeby klienta. Z takiego zestawu klient tworzy nowe podstrony samodzielnie, bez programisty, a kazda z nich wyglada spojnie, bo korzysta z tych samych zaprojektowanych komponentow.

1. 1
   Projekt graficzny i podzial na powtarzalne sekcje (bloki)
2. 2
   Zdefiniowanie pol i grup w ACF dla kazdego typu bloku
3. 3
   Napisanie szablonow PHP, ktore wyswietlaja pola w kodzie motywu
4. 4
   Uproszczenie panelu i opisanie pol jezykiem klienta
5. 5
   Krotkie szkolenie lub nagranie, jak klient edytuje swoja strone

Kiedy ACF, a kiedy Gutenberg albo Elementor

ACF nie jest odpowiedzia na wszystko. Sa sytuacje, gdzie lepiej sprawdzi sie edytor blokow Gutenberg albo kreator typu Elementor. Wybor zalezy od trzech rzeczy: jak bardzo design ma byc zgodny z projektem, ile ma wazyc kod i kto bedzie edytowal tresc.

Z mojego doswiadczenia: ACF wybieram do stron, ktore maja wygladac dokladnie jak makieta, byc szybkie i miec edycje ograniczona do tego, co klient faktycznie zmienia. Gutenberg sprawdza sie, gdy klient chce wiecej swobody w ukladzie tresci, na przyklad rozbudowany blog. Elementor bierze ten, kto potrzebuje postawic strone bardzo szybko i akceptuje ciezszy kod oraz mniejsza kontrole nad finalnym wygladem.

Edycja przez klienta nietechnicznego i uproszczony panel

Sama mozliwosc edycji to za malo. Jesli wrzucisz klientowi pelny panel WordPressa z dziesiatkami menu, wtyczek i ustawien, zgubi sie i bedzie dzwonil. Dlatego do kazdego wdrozenia na ACF dokladam uproszczenie panelu, zeby klient widzial tylko to, czego potrzebuje.

• Ukrycie zbednych menu: klient nie potrzebuje wtyczek, ustawien motywu czy edytora kodu. Zostawiam strony, wpisy, media i jego pola.
• Rola Edytora zamiast Administratora: klient zarzadza trescia, ale nie ruszy ustawien technicznych, ktore moglby zepsuc.
• Czytelne etykiety i podpowiedzi: kazde pole opisane po ludzku, z krotka instrukcja, co tu wpisac.
• Strona opcji globalnych: dane kontaktowe, linki do social media czy tekst w stopce w jednym miejscu, edytowane raz dla calej strony.

Efekt jest taki, ze klient po krotkim szkoleniu albo nagraniu wideo na 5 minut sam aktualizuje swoja strone. Zmienia oferte, dodaje opinie, podmienia zdjecia w galerii. Bez programisty, bez ryzyka, ze cos zepsuje, bez czekania na wolny termin.

Przyklady zastosowania w realnych projektach

Zeby to nie bylo tylko teoria, kilka typowych zastosowan ACF Pro, ktore wdrazam najczesciej:

• Strona uslugowa: sekcja z lista uslug na Repeaterze, gdzie klient sam dodaje kolejne uslugi z ikona, tytulem i opisem.
• Strona zespolu: powtarzalne karty osob, klient dodaje nowego pracownika wpisujac imie, stanowisko, zdjecie i krotki opis.
• Strona glowna na Flexible Content: klient sklada ja z blokow, zmienia kolejnosc sekcji i podmienia tresc bez ruszania kodu.
• Cennik: tabela cen na Repeaterze, klient aktualizuje stawki i pakiety, gdy zmienia oferte.
• Dane kontaktowe globalne: telefon, email, adres i godziny otwarcia edytowane raz na stronie opcji, widoczne wszedzie na stronie.

W kazdym z tych przypadkow klient zyskuje samodzielnosc tam, gdzie jej potrzebuje, a uklad i design pozostaja pod kontrola. To rownowaga, ktorej nie da ani goly Gutenberg (za duzo swobody), ani Elementor (za latwo zepsuc).

Koszt licencji i kiedy sie oplaca

ACF ma wersje darmowa, ktora wystarcza do prostych pol: tekst, obraz, link, lista wyboru. Do komercyjnych stron dla klientow biore jednak zawsze wersje Pro, bo to ona daje Repeater, Flexible Content, galerie i strony opcji, czyli funkcje, na ktorych stoi cala idea edytowalnej strony.

Cennik ACF Pro (wtyczka nalezy do WP Engine) w 2026 ma trzy progi. Plan Personal to okolo 49 dolarow rocznie za jedna strone. Plan Freelancer to okolo 149 dolarow rocznie za maksymalnie 10 stron. Plan Agency to okolo 249 dolarow rocznie za nielimitowana liczbe stron, najlepszy dla agencji i osob, ktore robia wiele projektow. To licencja roczna dajaca aktualizacje i wsparcie. Strona dziala dalej po wygasnieciu, ale bez aktualizacji, wiec przy projekcie produkcyjnym warto ja odnawiac.

W skali calego projektu to koszt symboliczny w stosunku do wartosci, jaka daje klientowi samodzielnosc i lekki, szybki kod. Jesli budujesz wiele stron, plan Agency zwraca sie blyskawicznie, bo pokrywa wszystkie projekty jedna oplata.

W DawidWeb buduje strony wlasnie na ACF Pro, gdy klient chce design 1:1 z projektu, szybka strone i mozliwosc samodzielnej edycji bez psucia ukladu. Dobieram bloki pod realne potrzeby, upraszczam panel i przekazuje klientowi gotowe narzedzie z krotka instrukcja. Strony zaczynam od 1800 zl, mam za soba ponad 120 projektow, a wycene konkretnego wdrozenia dostajesz w 24 godziny.