Webflow to TYPO3

Webflow-Websites stossen bei Enterprise-Anforderungen an harte Grenzen

Webflow ist hervorragend für Prototypen, Landingpages und Startups mit drei bis fünf Mitarbeitenden. Aber ab einem gewissen Punkt wird die Plattform zum Problem: keine Multi-Language-Unterstützung auf Enterprise-Niveau, kein feingranulares Rechtemanagement, keine Custom-Backend-Workflows, keine On-Premise-Option, und Hosting ausschliesslich auf Webflow-Servern in den USA. Für Unternehmen, die in der EU gehostet werden müssen (GDPR, Schrems II), mehrere hundert Seiten verwalten und ein CMS mit Redakteurs-Workflows brauchen, ist TYPO3 die logische Weiterentwicklung. Gosign migriert Webflow-Websites auf TYPO3: Das bestehende Design (HTML/CSS) wird in Fluid Templates konvertiert, der Content wird strukturiert übernommen, und die Funktionalität wird durch TYPO3-Extensions ergänzt.

Typical use cases involve wachsende Unternehmen, regulierte Branchen und internationale Rollouts

Das häufigste Szenario ist das schnell gewachsene Startup, das seine Webflow-Seite nicht mehr skaliert bekommt. Mit 20 Mitarbeitenden und einer Website in einer Sprache funktioniert Webflow. Mit 200 Mitarbeitenden, fünf Sprachen und einem Blog mit 500 Artikeln nicht mehr. Die Webflow-Preisstruktur skaliert nicht: CMS-Pläne sind auf 10.000 Items begrenzt, Custom Code ist limitiert, API-Zugriffe gedrosselt. Der Wechsel auf TYPO3 gibt dem Unternehmen volle Kontrolle über Hosting, Performance und Erweiterbarkeit.

Ein zweites Szenario sind regulierte Branchen. Ein Finanzdienstleister hat seine Marketing-Website auf Webflow aufgebaut, aber die Compliance-Abteilung verlangt EU-Hosting, Audit-Logs für Content-Änderungen und ein Freigabe-Workflow, bei dem vier Augen jeden Seiteninhalt genehmigen. Webflow bietet keinen dieser Punkte nativ. TYPO3 schon: Workspaces für Staging und Freigabe, ext:belog für Audit-Logs, und Hosting auf einem Server in Frankfurt.

Drittes Szenario: Internationaler Rollout. Ein Industrieunternehmen hat seine Hauptseite auf Webflow in Englisch. Jetzt sollen Landeswebsites in 12 Sprachen entstehen. Webflow Localization ist teuer und limitiert. TYPO3 bietet native Multi-Site- und Multi-Language-Unterstützung, bei der jede Sprache eine eigene Seitenstruktur haben kann, inklusive lokaler Inhalte, die nicht in allen Sprachen existieren.

Technical architecture konvertiert Webflow-Export in TYPO3-Fluid-Templates

Die Migration folgt einem definierten Prozess: Export des Webflow-Projekts als HTML/CSS/JS, Analyse der Seitenstruktur und der eingesetzten Interaktionen, Konvertierung des HTML in Fluid-Templates, Import der Inhalte in TYPO3-Content-Elemente. Der Webflow-Export liefert sauberes, semantisches HTML, das sich gut in Fluid übersetzen lässt. CSS wird als Sass/SCSS-Datei übernommen oder in Tailwind-Utility-Klassen umgeschrieben, je nach TYPO3-Setup.

Webflow-Interaktionen (Scroll-Animationen, Hover-Effekte, Modals) basieren auf einer proprietären JavaScript-Engine. Diese 1:1 zu übernehmen ist nicht möglich. Stattdessen werden die Interaktionen mit nativem CSS (transitions, animations) oder leichtgewichtigem JavaScript (IntersectionObserver, Dialog-Element) nachgebaut. In den meisten Fällen reduziert das die JavaScript-Dateigrösse von 200-300 KB (Webflow Runtime) auf unter 20 KB.

Der Content-Import läuft über die Webflow-API oder den HTML-Export. Jede Webflow Collection wird auf ein TYPO3-Content-Element oder einen Extbase-Record gemappt. Blog-Artikel werden in tx_news importiert, Team-Mitglieder in Custom Records, Testimonials in die bestehende TYPO3-Datenstruktur.

Common problems involve Webflow-spezifische Features und URL-Redirects

Das grösste Problem bei der Migration sind Webflow-Features ohne TYPO3-Äquivalent. Webflow Forms laufen über einen integrierten Form-Handler. In TYPO3 muss ein Formular-System (powermail, Form Framework) konfiguriert werden. Webflow E-Commerce läuft auf der Plattform. In TYPO3 muss ein Shopsystem (TYPO3-native oder Shopware/Magento-Integration) eingerichtet werden. Diese Funktionslücken müssen vor der Migration identifiziert und im TYPO3-Projekt geplant werden.

Zweites Problem: URL-Redirects. Webflow-URLs folgen einem eigenen Schema. Nach der Migration müssen alle alten URLs auf die neuen TYPO3-URLs umgeleitet werden, damit Google die Seiten nicht als 404 indexiert und bestehende Backlinks erhalten bleiben. Bei 200 Seiten sind das 200 Redirects, die in der TYPO3-Redirect-Tabelle oder per .htaccess konfiguriert werden.

Drittes Thema: Design-Differenzen. Webflow rendert CSS-Layouts mit einer eigenen Engine, die von Browser-Standardverhalten abweichen kann. Ein Layout, das in Webflow pixel-perfekt aussieht, kann in TYPO3 minimal anders rendern, weil der CSS-Reset oder die Schriftart-Einbindung abweicht. Ein visueller QA-Pass nach der Migration ist deshalb Pflicht.

Die Migration ist kein Upgrade, sondern ein Plattformwechsel

Es gibt keinen automatisierten Migrationspfad von Webflow zu TYPO3. Jede Migration ist ein Projekt mit Analyse, Konvertierung, Import und QA. Die Dauer hängt von der Komplexität ab: Eine einfache Website mit 20 Seiten und einem Blog ist in zwei bis drei Wochen migriert. Eine komplexe Website mit 500 Seiten, E-Commerce und fünf Sprachen braucht zwei bis drei Monate. Gosign hat Webflow-Migrationen für Unternehmen von 50 bis 2.000 Seiten durchgeführt und setzt dabei auf KI-gestützte Template-Konvertierung, die den Fluid-Code aus dem Webflow-HTML generiert und die manuelle Anpassung auf ein Minimum reduziert.