Webflow Website herunterladen: Backup mit CMS-Seiten

Es gibt drei Wege, eine Webflow Website herunterzuladen. Der eingebaute Export Code von Webflow liefert sauberes HTML, CSS und JavaScript. Er setzt aber einen kostenpflichtigen Workspace-Plan voraus und lässt die Inhalte Ihrer CMS-Seiten weg. Der CSV-Export des CMS liefert die Rohdaten Ihrer Collections, aber keine fertigen Seiten. Das Crawlen der veröffentlichten Website speichert jede gerenderte Seite als ZIP, das offline funktioniert, einschließlich Blogartikeln und Collection-Items. Wenn Sie Ihre Webflow Website so herunterladen möchten, wie Besucher sie sehen, ist Crawling die einzige der drei Methoden, die das leistet.

Was liefert der Export Code von Webflow, und wer kann ihn nutzen?

Export Code ist die Schaltfläche in der oberen Leiste des Webflow Designers. Sie klicken darauf, Webflow erstellt ein ZIP, und Sie laden es herunter. Darin finden Sie die statischen Seiten, die Sie im Designer gebaut haben, als .html-Dateien, einen Ordner css mit den generierten Stylesheets, einen Ordner js mit webflow.js (das Interactions und Animationen ausführt) und einen Ordner images mit den Bildern dieser Seiten.

Der Haken ist der Zugang. Der Code-Export hängt an einem kostenpflichtigen Workspace-Plan, nicht am Site-Plan, mit dem Ihre Website unter einer eigenen Domain läuft. Ein kostenloser Starter-Workspace kann nicht exportieren, und ein Site-Plan allein schaltet die Schaltfläche ebenfalls nicht frei. Plannamen und Leistungsumfang ändern sich von Zeit zu Zeit, prüfen Sie daher die aktuelle Preisseite von Webflow, bevor Sie sich darauf verlassen. Wer nur ein einmaliges Backup braucht, sucht meist aus genau diesem Grund nach Alternativen: Einen Workspace-Plan für einen einzigen Export zu bezahlen, ist viel Geld für ein ZIP.

Warum fehlen CMS- und Blogseiten im Webflow-Export?

Weil Webflow das Design exportiert, nicht die Inhaltsdatenbank. Ihr CMS liegt auf den Servern von Webflow, und jeder Blogartikel, jedes Teammitglied und jede Produktseite wird erst beim Aufruf aus einem Collection-Template erzeugt. Export Code schreibt nur das heraus, was im Designer als statische Seite existiert. In der Praxis heißt das:

• Collection-Seiten (zum Beispiel /blog/mein-artikel) werden nicht als eine Datei pro Item exportiert. Im besten Fall erhalten Sie das Template, ohne Inhalt.
• Collection Lists auf statischen Seiten, etwa „Neueste Beiträge“ auf der Startseite, bleiben leer.
• Lokalisierte Seiten aus Webflow Localization sind nicht enthalten; Sie erhalten nur die Hauptsprache.
• Formulare behalten ihr Markup, senden aber nichts mehr ab, weil Webflow die Einsendungen verarbeitet hat.
• Website-Suche, Passwortschutz und Ecommerce hängen an den Servern von Webflow und kommen nicht mit.

Bei einem Portfolio mit fünf statischen Seiten spielt das keine Rolle. Bei einer Website mit Blog, Ressourcenbereich oder einigen Hundert CMS-Items fehlt im Export-ZIP der größte Teil der Website.

Export Code, CSV-Export oder Crawling: Was passt zu Ihrer Situation?

Jede Methode erfüllt einen anderen Zweck. Der CSV-Export, den Sie in den Einstellungen jeder Collection im CMS-Bereich finden, lädt pro Collection eine Tabelle mit allen Feldern herunter: Titel, Slugs, Rich Text als HTML und Bild-URLs. Das sind Daten, die Sie in ein anderes CMS importieren können, keine Seiten, die Sie öffnen können. Crawling liest die veröffentlichte Website wie ein Browser und speichert jede Seite, die über Links erreichbar ist.

Zugeordnet zu den üblichen Situationen:

• Backup vor einem Redesign oder einer Kündigung: Crawlen Sie die veröffentlichte Website für einen vollständigen Schnappschuss und exportieren Sie zusätzlich die CSVs, damit die Rohinhalte gesichert sind.
• Übergabe an einen Kunden: Ein gecrawltes ZIP zeigt dem Kunden seine gesamte Website offline; legen Sie die CSVs bei, wenn er woanders neu aufbauen will.
• Wechsel von Webflow zu statischem Hosting: Crawling liefert eine funktionierende Website mit allen CMS-Seiten. Export Code ist sauberer zu bearbeiten, zwingt Sie aber, jede CMS-Seite von Hand nachzubauen.
• Umzug zu WordPress oder einem anderen CMS: Die CSVs sind Ihre Importquelle, die gecrawlte Kopie Ihre visuelle Vorlage.
• Archivierung einer abgeschlossenen Kampagne oder alten Website: Crawling, sonst nichts.

So können Sie eine Webflow Website mit allen CMS-Seiten als ZIP herunterladen

Webflow-Websites eignen sich gut zum Crawlen. Webflow liefert fertiges HTML von seinen Servern aus, statt die Seite erst im Browser aufzubauen. Ein Crawler erhält also denselben Inhalt wie ein Besucher, CMS-Items eingeschlossen. Mit Website Downloader läuft das so ab:

1. Veröffentlichen Sie die aktuelle Version. Ein Crawler sieht nur, was live ist, keine unveröffentlichten Änderungen im Designer. Verwenden Sie die eigene Domain oder die Staging-Adresse .webflow.io, je nachdem, welche die gewünschte Version zeigt.
2. Sorgen Sie dafür, dass CMS-Seiten verlinkt sind. Ein Crawler findet Seiten über Links. Wenn einzelne Collection-Items nirgends verlinkt sind (keine Liste, kein Menüeintrag), legen Sie vorübergehend eine Seite mit einer Collection List an, die auf alle verlinkt, veröffentlichen Sie und entfernen Sie sie später wieder.
3. Fügen Sie die Adresse in das Download-Formular auf der Startseite ein und starten Sie. Der Fortschrittszähler zeigt die gefundenen Seiten live an; Sie können den Tab schließen, denn der Crawl läuft auf dem Server, nicht auf Ihrem Computer.
4. Laden Sie das ZIP herunter und öffnen Sie index.html im Browser. Klicken Sie sich durch den Blog, einige Collection-Items und die Navigation, um zu prüfen, ob alles da ist.
5. Exportieren Sie zusätzlich die CMS-CSVs, falls Sie die Website später in einem anderen System neu aufbauen möchten. Beides dauert nur wenige Minuten und hält Ihnen jede Option offen.

Die kostenlose Variante schafft bis zu 100 Unterseiten ohne Konto, genug für die meisten Websites kleiner Unternehmen und Portfolios. Für einen größeren Blog deckt die einmalige Single-Site-Option bis zu 5.000 Unterseiten ab; alle Pläne finden Sie unter Preise. Die Methode funktioniert für jede Website gleich und wird ausführlicher in Komplette Website mit allen Unterseiten herunterladen erklärt.

Was funktioniert offline weiter, und was nicht mehr außerhalb von Webflow?

Egal, auf welchem Weg Sie die Website herausholen: Alles, was die Server von Webflow brauchte, funktioniert nicht mehr. Alles, was aus reinen Dateien im Browser besteht, funktioniert weiter.

Funktioniert weiter:

• Layout, Typografie und responsive Breakpoints jeder Seite, denn das ist alles CSS.
• Bilder, Hintergrundvideos, eingebettete Schriften und verlinkte PDFs, die mit der Website heruntergeladen wurden.
• Interactions und Animationen in den meisten Fällen, weil webflow.js und die Interaction-Daten Teil des JavaScripts der Seite sind und mitgespeichert werden. Testen Sie die wichtigen, vor allem scrollbasierte Effekte.
• Navigationsmenüs, Tabs, Slider und Lightboxen aus den nativen Webflow-Komponenten.

Funktioniert nicht mehr:

• Formulare: Sie werden angezeigt, aber Einsendungen kommen nirgends an. Beim neuen Hoster verbinden Sie sie mit einem Formulardienst oder einem eigenen Backend.
• Website-Suche: Den Suchindex hat Webflow betrieben. Ersetzen Sie ihn durch eine externe Suche oder verzichten Sie darauf.
• Passwortgeschützte Seiten: Der Schutz lief serverseitig. Diese Seiten werden gar nicht heruntergeladen.
• Ecommerce: Warenkorb, Checkout und Lagerbestand brauchen das Backend von Webflow.
• Mitgliederbereiche und Logins: nicht herunterladbar.
• Bearbeiten: Der Webflow Editor und das CMS fallen weg. Änderungen bedeuten nun, HTML zu bearbeiten oder die Website aus den CSVs in einem neuen CMS aufzubauen.

Webflow verlassen oder die Website an einen Kunden übergeben

Wenn Sie Webflow verlassen und selbst hosten möchten, kann die heruntergeladene Kopie auf jeden statischen Hoster oder gewöhnlichen Webspace: Laden Sie den Inhalt des ZIPs so hoch, dass index.html im Hauptverzeichnis liegt. Bevor Sie die Domain auf den neuen Hoster umstellen:

• Testen Sie zuerst unter einer temporären Adresse. Klicken Sie sich durch jeden Bereich und jeden Seitentyp.
• Behalten Sie die URLs bei. Vergleichen Sie einige Adressen auf alter und neuer Website. Wo sich ein Pfad geändert hat, richten Sie beim neuen Hoster 301-Weiterleitungen ein, damit Links und Rankings erhalten bleiben.
• Ersetzen Sie die Formulare, bevor Sie die DNS umstellen, sonst gehen unbemerkt Anfragen verloren.
• Prüfen Sie Skripte von Drittanbietern wie Analytics, Cookie-Banner und Chat-Widgets, die in den Custom-Code-Einstellungen von Webflow eingebunden waren.
• Lassen Sie die Webflow-Website online, bis der neue Hoster nachweislich funktioniert, und kündigen Sie erst dann den Site-Plan.

Bei einer Kundenübergabe ist das gecrawlte ZIP oft das Nützlichste, was Sie mitgeben können: Der Kunde kann es auf jedem Computer ohne Webflow-Konto öffnen, und es dokumentiert genau, was am Tag der Übergabe online war. Ergänzen Sie es um die CSVs und, sofern Ihr Workspace-Plan es erlaubt, um einen Code-Export oder die Übertragung des Webflow-Projekts selbst. Dasselbe Vorgehen gilt für andere Baukastensysteme; vergleichen Sie Wix-Website herunterladen und Squarespace Website herunterladen, die auf sehr ähnliche Exportlücken stoßen.

Große Webflow-Websites, passwortgeschützte Seiten und weitere Grenzen

Einige Situationen brauchen etwas mehr Planung:

• Mehr Seiten, als die kostenlose Variante erlaubt: Über 100 Unterseiten nutzen Sie für ein einmaliges Backup die Single-Site-Option (bis zu 5.000) oder einen Monatsplan, wenn Sie regelmäßig mehrere Websites sichern. Premium schafft bis zu 30.000 Unterseiten pro Download. Monatspläne sind jederzeit kündbar.
• Passwortgeschützte Seiten und Mitgliederbereiche: Seiten hinter einem Login werden nicht heruntergeladen. Entfernen Sie das Passwort vorübergehend bei den benötigten Seiten, veröffentlichen Sie, laden Sie herunter und setzen Sie es dann wieder, aber nur, wenn der Inhalt in diesem Zeitraum öffentlich sichtbar sein darf.
• Inhalte, die Skripte von Drittanbietern nachladen: Einbettungen, die ihren Inhalt erst nach dem Seitenaufbau holen (manche Bewertungs-Widgets, externe Feeds), erscheinen in der Kopie unter Umständen als leere Kästen.
• Blockierte Crawls: Verweigert eine Website automatische Downloads, etwa wegen einer Sicherheitseinstellung, meldet der Dienst das, statt Ihnen ein leeres Archiv zu liefern.
• Website bereits gelöscht: Wenn das Webflow-Projekt oder der Plan weg ist, lässt sich die Live-Website nicht mehr crawlen. Hat das Internet Archive sie erfasst, kann der Wayback Machine Downloader sie aus diesen Aufnahmen wiederherstellen; die Schritte stehen in Website aus der Wayback Machine wiederherstellen.

Wenn Sie Kommandozeilen-Tools bevorzugen, können auch wget oder HTTrack eine veröffentlichte Webflow-Website crawlen; HTTrack Alternative: Website Downloader online ohne Installation vergleicht die Möglichkeiten. Weitere häufige Fragen beantworten die FAQ.

FAQ: Webflow Website herunterladen

Kann ich eine Webflow-Website kostenlos oder mit einem Site-Plan exportieren?

Nicht mit dem Export Code von Webflow: Er erfordert einen kostenpflichtigen Workspace-Plan, ein Site-Plan allein enthält ihn nicht. Der CMS-CSV-Export steht auch ohne Code-Export zur Verfügung. Um die fertigen Seiten kostenlos zu erhalten, crawlen Sie die veröffentlichte Website; bis zu 100 Unterseiten brauchen weder Konto noch Zahlung.

Sind lokalisierte (übersetzte) Seiten im Webflow-Export enthalten?

Der Code-Export von Webflow enthält keine Seiten, die mit Webflow Localization erstellt wurden; Sie erhalten die Hauptsprache. Ein Crawl der veröffentlichten Website speichert übersetzte Seiten, solange sie auf der Live-Website über Links erreichbar sind, etwa über einen Sprachumschalter.

Funktionieren Webflow-Interactions und Animationen in der heruntergeladenen Kopie?

Meistens ja. Interactions laufen im Browser über das JavaScript von Webflow, das zusammen mit den Seiten gespeichert wird. Testen Sie komplexe Scroll- oder Ladeanimationen nach dem Download und bedenken Sie, dass alles, was auf die Server von Webflow angewiesen ist, etwa Formulare oder Suche, nicht funktioniert.

Kann ich die exportierte Webflow-Website überall hosten, und ist das für SEO in Ordnung?

Ja, die Dateien laufen auf jedem statischen Hoster oder Webspace. Für SEO sollten Sie möglichst dieselben URLs beibehalten, bei geänderten Pfaden 301-Weiterleitungen einrichten und prüfen, ob Titel, Meta-Beschreibungen und Canonical-Tags übernommen wurden. Stellen Sie die Domain erst um, wenn Sie die Kopie getestet haben.

Darf ich die Webflow-Website eines Kunden herunterladen?

Das hängt von Ihrem Vertrag mit dem Kunden ab, davon, wem Inhalte und Design gehören, und von den Lizenzen verwendeter Templates, Schriften und Bilder. Eine Website herunterzuladen, die Sie selbst gebaut und der Kunde bezahlt hat, ist in der Regel unproblematisch, doch die Regeln unterscheiden sich je nach Land und Vereinbarung. Dies ist keine Rechtsberatung; die Grundlagen erklärt Ist es legal, eine Website herunterzuladen?. Sind die Rechte strittig, fragen Sie eine Anwältin oder einen Anwalt, bevor Sie etwas kopieren oder neu veröffentlichen.