Když FAQ začnou být problém: proč jsme pro klienta zvolili vlastní řešení

FAQ sekce na webu obvykle nepoutá velkou pozornost. Je to místo, kde mají návštěvníci rychle najít odpovědi a kde se obsah průběžně doplňuje. V našem případě se ale právě tahle část webu postupně stala jedním z největších problémů celého projektu.

Klient měl rozsáhlé FAQ s dlouhými odbornými texty, odkazy, obrázky a pravidelnými aktualizacemi. Řešení bylo postavené na accordion widgetech v Elementoru, včetně složitějších struktur. Zpočátku vše fungovalo, ale s rostoucím množstvím obsahu začaly přicházet potíže. Editor byl nestabilní, stránka občas spadla při uložení a v některých případech nešla vůbec otevřít.

Z pohledu klienta to nebyl „jen technický detail“. Znamenalo to nejistotu při každé úpravě obsahu a obavy, že i drobná změna může způsobit problém na webu. Místo toho, aby FAQ sloužilo jako užitečný obsah, stalo se brzdou.

Nejprve jsme se snažili situaci řešit úpravami stávajícího řešení. Zjednodušovali jsme strukturu, odstraňovali vnoření a hledali chyby v datech. Brzy se ale ukázalo, že problém není jeden konkrétní bug, ale kombinace velmi složité struktury a limitů vizuálního editoru při práci s velkým objemem dat.

V tu chvíli padla klíčová otázka: ne jak FAQ „opravit“, ale jak ho udělat dlouhodobě stabilní a bezpečné pro běžnou práci. Klient potřeboval řešení, kterému bude moci důvěřovat a které nebude vyžadovat technický zásah při každé úpravě.

Rozhodli jsme se proto jít jinou cestou a FAQ oddělit od Elementoru úplně. Cílem nebylo vytvořit vizuálně efektní prvek, ale stabilní a udržitelný obsah, který bude fungovat i při dalším růstu.

Z technického pohledu to znamenalo přestat vnímat FAQ jako „stránku v editoru“ a začít ho brát jako samostatně strukturovaný obsah. Nejprve jsme navrhli novou datovou strukturu odpovídající skutečnému obsahu: hlavní tematické okruhy a podtémata, každé s vlastním titulkem a textem. Tato struktura byla uložena centrálně v administraci WordPressu, bez vazby na konkrétní layout nebo vizuální editor.

Díky tomu dnes editor pracuje pouze s obsahem – texty, odkazy, obrázky nebo tabulkami – a neřeší, jak je FAQ na stránce poskládané. Riziko, že úprava obsahu rozbije layout nebo celou stránku, tím prakticky zmizelo.

Na frontendu jsme zvolili co nejjednodušší možný přístup. FAQ se vykresluje pomocí čistého HTML bez hlubokého vnoření a složité logiky. Rozbalování jednotlivých sekcí je postavené na nativních prvcích prohlížeče, doplněných jen o minimální skript tam, kde to dává smysl z hlediska uživatelského komfortu. Výsledný kód je kratší, přehlednější a výrazně stabilnější než původní řešení.

Součástí převodu byla i práce s existujícím obsahem. Texty, které byly v Elementoru rozdělené do mnoha widgetů, jsme sjednotili do konzistentního HTML. Tabulky jsme zjednodušili, obrázky zachovali v lehké podobě a vše přizpůsobili tak, aby FAQ fungovalo spolehlivě i na mobilních zařízeních. Obsah zůstal stejný, změnila se pouze forma, jakým je technicky zpracovaný.

Výsledkem není „chytřejší akordeon“, ale systém, který je předvídatelný, stabilní a připravený na další rozšiřování. FAQ se z problematické části webu stalo běžným pracovním nástrojem, se kterým klient může pracovat bez obav. A přesně to byl cíl celého řešení.