Webflow do TYPO3

Strony Webflow napotykają twarde granice przy wymaganiach Enterprise

Webflow świetnie sprawdza się przy prototypach, stronach docelowych i startupach z trzema do pięciu osób w zespole. Ale od pewnego momentu platforma staje się problemem: brak wsparcia dla wielu języków na poziomie Enterprise, brak drobnoziarnistego zarządzania uprawnieniami, brak własnych przepływów backendowych, brak opcji on-premise, a hosting wyłącznie na serwerach Webflow w USA. Dla firm, które muszą być hostowane w UE (RODO, Schrems II), zarządzających kilkuset stronami i potrzebujących CMS-u z procesem redakcyjnym, TYPO3 jest logiczną kontynuacją. Polskie agencje cyfrowe coraz częściej obsługują migracje Webflow do TYPO3, ponieważ klienci z sektora finansowego i przemysłu zderzają się z tymi ograniczeniami pierwsi. Gosign migruje strony Webflow na TYPO3: istniejący design (HTML/CSS) konwertowany jest na szablony Fluid, treści przejmowane są w sposób strukturalny, a funkcjonalność uzupełniana rozszerzeniami TYPO3.

Typowe scenariusze dotyczą rosnących firm, branż regulowanych i międzynarodowych roll-outów

Najczęstszym scenariuszem jest szybko rosnący startup, który nie skaluje już swojej strony Webflow. Z 20 osobami i witryną w jednym języku Webflow działa. Z 200 osobami, pięcioma językami i blogiem z 500 artykułami już nie. Struktura cenowa Webflow nie skaluje się: plany CMS ograniczone są do 10 000 elementów, custom code jest limitowany, dostęp API ograniczany. Przejście na TYPO3 daje firmie pełną kontrolę nad hostingiem, wydajnością i rozszerzalnością.

Drugim scenariuszem są branże regulowane. Polski dostawca usług finansowych zbudował swoją witrynę marketingową na Webflow, ale dział compliance wymaga hostingu w UE, logów audytowych zmian treści i przepływu zatwierdzania, w którym cztery oczy akceptują każdą zawartość strony. Webflow nie oferuje żadnego z tych punktów natywnie. TYPO3 - tak: workspace’y dla stagingu i akceptacji, ext:belog dla logów audytowych i hosting na serwerze we Frankfurcie lub w polskich data center.

Trzeci scenariusz: roll-out międzynarodowy. Polska firma przemysłowa ma stronę główną na Webflow w języku angielskim. Teraz mają powstać strony krajowe w 12 językach. Webflow Localization jest drogie i ograniczone. TYPO3 oferuje natywne wsparcie multi-site i multi-language, w którym każdy język może mieć własną strukturę stron, łącznie z lokalnymi treściami nieistniejącymi we wszystkich językach.

Architektura techniczna konwertuje eksport Webflow na szablony Fluid TYPO3

Migracja podąża za zdefiniowanym procesem: eksport projektu Webflow jako HTML/CSS/JS, analiza struktury stron i wykorzystanych interakcji, konwersja HTML na szablony Fluid, import treści do elementów treści TYPO3. Eksport Webflow dostarcza czystego, semantycznego HTML, który dobrze przekłada się na Fluid. CSS przejmowany jest jako plik Sass/SCSS lub przepisywany na klasy utility Tailwind, w zależności od setupu TYPO3.

Interakcje Webflow (animacje przewijania, efekty hover, modale) opierają się na zastrzeżonej silniku JavaScript. Przejęcie ich 1:1 nie jest możliwe. Zamiast tego interakcje odtwarza się natywnym CSS (transitions, animations) lub lekkim JavaScript (IntersectionObserver, element Dialog). W większości przypadków redukuje to rozmiar pliku JavaScript z 200-300 KB (Webflow Runtime) do poniżej 20 KB.

Import treści odbywa się przez API Webflow lub eksport HTML. Każda kolekcja Webflow mapowana jest na element treści TYPO3 lub rekord Extbase. Artykuły blogowe importowane są do tx_news, członkowie zespołu jako rekordy custom, opinie do istniejącej struktury danych TYPO3.

Częste problemy dotyczą funkcji specyficznych dla Webflow i przekierowań URL

Największym problemem migracji są funkcje Webflow bez odpowiednika w TYPO3. Webflow Forms działają przez wbudowany handler formularzy. W TYPO3 trzeba skonfigurować system formularzy (powermail, Form Framework). Webflow E-Commerce działa na platformie. W TYPO3 trzeba uruchomić system sklepowy (natywny TYPO3 lub integracja Shopware/Magento). Te luki funkcjonalne trzeba zidentyfikować przed migracją i zaplanować w projekcie TYPO3.

Drugi problem: przekierowania URL. URL-e Webflow podążają za własnym schematem. Po migracji wszystkie stare URL-e muszą być przekierowane na nowe URL-e TYPO3, aby Google nie indeksował stron jako 404 i istniejące backlinki zostały zachowane. Przy 200 stronach to 200 przekierowań konfigurowanych w tabeli redirect TYPO3 lub przez .htaccess.

Trzeci temat: różnice w designie. Webflow renderuje układy CSS własnym silnikiem, który może odbiegać od standardowego zachowania przeglądarek. Układ wyglądający w Webflow piksel po pikselu może w TYPO3 renderować się minimalnie inaczej, ponieważ CSS-reset lub osadzenie czcionki różnią się. Wizualny przebieg QA po migracji jest dlatego obowiązkowy.

Migracja nie jest upgrade’em, lecz zmianą platformy

Nie istnieje zautomatyzowana ścieżka migracji z Webflow do TYPO3. Każda migracja to projekt z analizą, konwersją, importem i QA. Czas trwania zależy od złożoności: prosta witryna z 20 stronami i blogiem migrowana jest w dwa do trzech tygodni. Złożona witryna z 500 stronami, e-commerce i pięcioma językami wymaga dwóch do trzech miesięcy. Gosign realizował migracje Webflow dla firm od 50 do 2 000 stron i wykorzystuje wspomaganą AI konwersję szablonów, generującą kod Fluid z HTML Webflow i redukującą ręczne dostosowania do minimum.