So baust du eine Webflow-Website mit KI neu

Einleitung

Webflow ist ein leistungsstarkes Tool, mit dem sich hervorragende Websites erstellen lassen, aber es ist bekanntermaßen schwer zu bedienen. Tausende von Unternehmen fühlen sich darin gefangen.

Inzwischen ermöglichen KI-Tools, genauso gute Websites durch einfache Konversation zu erstellen. Und wenn du bereits eine Webflow-Website hast, kannst du sie automatisch neu aufbauen, ohne von vorne anfangen zu müssen.

In diesem Leitfaden zeige ich dir, wie du eine Webflow-Website in ein neues KI-Tool namens Repaint migrierst.

Warum eine Webflow-Website neu aufbauen?

KI-Website-Builder sind deutlich einfacher zu bedienen als Webflow. Statt einen komplexen visuellen Editor zu erlernen, beschreibst du einfach, was du möchtest, und es passiert. Das macht es realistisch, die Website tatsächlich aktuell zu halten, anstatt jede Änderung als Risiko zu betrachten.

Der Grund, warum die meisten Leute noch nicht gewechselt haben, ist, dass ein Abgang von Webflow immer bedeutete, alles von Grund auf neu aufzubauen. KI-Tools haben diese Gleichung verändert. Zum ersten Mal kannst du nehmen, was du bereits hast, und es an einen einfacheren Ort verschieben, ohne von vorne zu beginnen oder jemanden für Tausende von Euro zu bezahlen.

Wie KI-Website-Migration funktioniert

KI-Migration funktioniert, indem sie deine bestehende Website liest und auf einer neuen Plattform neu aufbaut. Sie importiert deine Inhalte, Bilder und dein Layout und generiert dann eine neue Version, die du per KI-Chat bearbeiten kannst. Sobald du zufrieden bist, überträgst du deine Domain, und du bist fertig.

Wenn du versuchst, das Original exakt zu klonen, wird es nur eine 80%-Kopie sein. Die KI verliert dabei oft Details. Animationen sind besonders schwer zu übertragen. Sie migriert jedoch deine Inhalte, bildet deine Layouts nach und bringt dich viel näher ans Ziel als es eine Vorlage je könnte. Danach kannst du alle Details verfeinern, indem du die KI um Änderungen bittest.

Wenn deine Website fünf Jahre alt ist und sich veraltet anfühlt, ist das ein natürlicher Moment für ein neues Design. Repaint kann deine bestehenden Inhalte nehmen und ein völlig neues Design darum aufbauen.

Schritt 1: Inhalte importieren

Besuche zunächst Repaint. Gib ganz oben den Link zu deiner Webflow-Website ein. Damit startet der Neuaufbau-Prozess. Repaint scannt deine Website, lädt deine Bilder herunter und erstellt Screenshots jeder Seite, um deine ursprüngliche Website zu verstehen.

Das funktioniert nur für öffentlich zugängliche Websites, was bedeutet, dass deine Webflow-Website veröffentlicht sein muss, auch wenn sie auf einer kostenlosen Webflow-Subdomain wie xxxx-xxxx-xxxx.webflow.io liegt.

Sobald Repaint ein gutes Bild von deinem Unternehmen hat, beginnt es, dir Fragen zur Planung der neuen Website zu stellen. Es ist ein geführter Prozess, du musst also nichts vorbereiten.

Schritt 2: Neue Website planen

Bevor irgendetwas gebaut wird, stellt Repaint dir Fragen, um zu verstehen, was du dir vorstellst. Das dauert in der Regel 3-5 Nachrichten. Stell es dir wie ein kurzes Interview vor: Repaint möchte wissen, welche Seiten behalten werden sollen, ob etwas umstrukturiert werden soll und welchen Stil du dir wünschst. Sobald du geantwortet hast, erstellt es einen Plan zur Genehmigung.

Wenn du nicht sicher bist, was du willst, ist das kein Problem. Du kannst Repaint einen Plan vorschlagen lassen. Wenn dir das Ergebnis nicht gefällt, kannst du jederzeit darum bitten, es erneut zu versuchen. Du bist nicht an deinen ersten Versuch gebunden.

Den Inhalt planen

Der einfachste Ansatz ist, alles so zu übernehmen, wie es ist: gleiche Seiten, gleiche Texte, gleiche Bilder. Wenn deine aktuelle Seitenstruktur funktioniert und du nur ein besseres Tool zur Verwaltung möchtest, ist das der richtige Weg.

Wenn deine Website jedoch im Laufe der Zeit unübersichtlich geworden ist, bietet sich jetzt die Gelegenheit, sie aufzuräumen. Vielleicht hast du veraltete Blog-Beiträge, Landingpages aus alten Kampagnen oder Bereiche, die nie wirklich Sinn ergeben haben. Du kannst Repaint sagen, welche Seiten behalten und welche übersprungen werden sollen, oder es bitten, eine einfachere Struktur basierend auf dem Gefundenen vorzuschlagen.

Wenn deine Webflow-Website CMS-Sammlungen verwendet, wie einen Blog, Fallstudien oder ein Portfolio, kannst du diese ebenfalls übernehmen. CMS-Seiten folgen einer sich wiederholenden Vorlage, also fang mit nur ein oder zwei an, um sicherzustellen, dass das Layout stimmt. Wenn deine Website mehr als 20 Seiten hat, wird das Importieren aller Seiten auf einmal wahrscheinlich das gesamte kostenlose Kontingent aufbrauchen. Du wirst aufgefordert, ein Upgrade vorzunehmen, um fortzufahren. Bei großen Websites ist es in der Regel gut, mit einer kleinen Auswahl zu beginnen und den Rest hinzuzufügen, nachdem du die erste Version gesehen hast.

Den Stil planen

Du hast mehrere Möglichkeiten, wie deine neue Website aussehen soll:

• Dein ursprüngliches Erscheinungsbild nachbilden
• Den Stil einer anderen Website übernehmen
• Aus Repaints Stil-Bibliothek wählen
• Einen benutzerdefinierten Stil anfragen
• Repaint entscheiden lassen

Egal welchen Ansatz du wählst, du kannst das Ergebnis anpassen. Repaint kann deine Markenfarben und Schriften in jeden Stil integrieren, sodass du nicht genau auf das festgelegt bist, was du hier wählst.

Den Plan prüfen

Bevor irgendetwas generiert wird, schreibt Repaint genau auf, was es bauen wird: welche Seiten, welche Inhalte und welchen Stil. Schau es dir an und nimm letzte Änderungen vor. Es ist viel schneller, den Plan anzupassen als die gesamte Website neu zu generieren.

Sobald du bestätigst, baut Repaint deine neue Website!

Schritt 3: Website generieren

Sobald du den Plan bestätigst, beginnt Repaint mit dem Aufbau deiner Website. Du siehst Fortschrittsmeldungen, während es jede Seite bearbeitet. Eine einfache Startseite kann ein bis zwei Minuten dauern. Eine große Website mit Dutzenden von Seiten kann länger als zehn Minuten dauern.

Im Hintergrund schreibt Repaint den Code für deine neue Website mit deinen Inhalten und deinem Stil. Sobald es fertig ist, erstellt es Screenshots von dem, was es gebaut hat, um offensichtliche Probleme zu erkennen, bevor es dir das Ergebnis zeigt.

In der ersten Version kannst du einige Unebenheiten feststellen: ein Button mit schwer lesbarem Text, ein zu kleines Logo oder ein Abstand, der nicht stimmt. Das ist normal, und du kannst diese Details durch ein Gespräch mit Repaint beheben.

Animationen lassen sich möglicherweise nicht nahtlos übertragen. Webflow hat ein robustes Animationssystem, und die KI hat oft Schwierigkeiten, aus Screenshots allein zu erkennen, wie Animationen funktionieren. Du musst fehlende Scroll-Effekte, Hover-Animationen oder Seitenübergänge neu erstellen, indem du beschreibst, was du möchtest. Repaint kann dieselben Animationen erstellen, aber sie werden nicht immer automatisch übertragen.

Schritt 4: Anpassungen vornehmen

Nach der Generierung kannst du Änderungen vornehmen, indem du mit Repaint chattest.

Beginne damit, den gesamten visuellen Stil zu bewerten: Farben, Schriften und Layouts. Das ist die Grundlage, auf der alles aufbaut. Wenn du dich später entscheidest, es zu ändern, kann das die gesamte Website umgestalten und alle Detailarbeiten, die du bereits erledigt hast, effektiv rückgängig machen.

Sobald du mit dem Gesamtstil zufrieden bist, kannst du die feineren Details durchgehen: sicherstellen, dass Texte korrekt sind, Bilder an den richtigen Stellen sind, Links funktionieren und Abstände auf jeder Seite stimmen.

SEO prüfen

Wenn deine Webflow-Website Suchtraffic generiert hat, lohnt es sich, während der Migration auf SEO zu achten. Google bewertet einzelne Seiten, nicht Websites. Jede Seite auf deiner Website hat im Laufe der Zeit ihr eigenes Ranking aufgebaut, das an ihre spezifische URL gebunden ist. Wenn du zu einer neuen Plattform wechselst und diese URLs sich ändern oder verschwinden, behandelt Google sie als neue Seiten ohne Historie, und du verlierst den Traffic, den sie generiert haben.

Bitte Repaint, deine alte Website mit der neuen zu vergleichen und zu bestätigen, dass alle Seiten unter denselben URLs wie bei Webflow vorhanden sind. Wenn sich URLs geändert haben, solltest du Weiterleitungen von den alten zu den neuen einrichten, damit Google den Pfad verfolgen kann. Repaint kann dabei helfen.

Wenn deine Website gut aussieht und die Inhalte korrekt sind, bist du bereit zur Veröffentlichung.

Schritt 5: Veröffentlichen

Wenn du bereit bist, klicke auf den Veröffentlichen-Button oben rechts. Das funktioniert genauso wie das Veröffentlichen in Webflow. Deine Website wird unter einer Repaint-URL live geschaltet, die du mit jedem teilen kannst. Sie sieht in etwa so aus: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

Damit wird sie zu einer echten Website im Internet. Du kannst sie auf deinem Telefon öffnen, an einen Freund schicken oder in sozialen Medien teilen.

Zu diesem Zeitpunkt hast du zwei live Websites: eine auf Repaint und eine auf Webflow. Deine Domain zeigt noch auf deine Webflow-Website, also hat sich für deine Besucher noch nichts geändert. Wenn du bereit bist zu wechseln, kannst du deine Domain übertragen, sodass sie auf die neue Website zeigt.

Schritt 6: Domain übertragen

Wenn du live gehen möchtest, musst du deine Domain auf Repaint zeigen lassen. Gehe zu Website-Einstellungen > Domains und klicke auf Eigene Domain verbinden. Dies erfordert einen kostenpflichtigen Plan. Preisdetails findest du hier.

Deine Domain ist von Webflow getrennt. Sie ist bei einem Domain-Anbieter wie GoDaddy, Namecheap oder Cloudflare registriert. Du musst sie nirgendwo hin verschieben. Du aktualisierst einfach die Einstellungen bei deinem Domain-Anbieter, sodass deine Domain auf Repaint statt auf Webflow zeigt. Wenn jemand anderes deine Website für dich eingerichtet hat, stelle sicher, dass du Zugang zu deinem Domain-Anbieter hast, bevor du diesen Schritt beginnst.

Wenn du das noch nie gemacht hast, keine Sorge. Bitte Repaint, dich Schritt für Schritt durch den Prozess zu führen.

Die Änderung kann ein paar Stunden dauern, bis sie wirksam wird. Sobald Repaint deine Domain als verifiziert anzeigt, bist du live. Du kannst deinen Webflow-Plan jederzeit kündigen, wenn du bereit bist.

Fazit

Jahrelang bedeutete die Migration von Webflow, alles von Grund auf neu aufzubauen oder jemanden dafür zu bezahlen. Das ist nicht mehr der Fall. Du kannst deine Inhalte in Repaint importieren, in wenigen Minuten eine funktionierende Website erhalten und sie selbst verwalten, ohne ein komplexes Tool erlernen zu müssen. Wenn du einen Neuaufbau aufgeschoben hast, weil er zu aufwändig wirkte, ist jetzt ein guter Zeitpunkt, es auszuprobieren.

Häufig gestellte Fragen

Wie lange dauert eine Webflow-Migration?

In der Regel dauert es 3-15 Minuten, die Website zu planen, Inhalte zu importieren und die neue Website zu generieren. Danach hängt die Zeit bis zur Veröffentlichung davon ab, wie viele Anpassungen du vornehmen musst und ob du weitere Inhalte importieren musst. Die meisten Websites können in wenigen Stunden migriert werden.

Wird meine Website auf Mobilgeräten genauso aussehen?

Repaint baut deine Website automatisch so auf, dass sie sich an verschiedene Bildschirmgrößen anpasst. Meistens musst du dir keine Gedanken darüber machen. Wenn dir jedoch etwas nicht stimmt, kannst du Repaint bitten, Änderungen für bestimmte Gerätegrößen vorzunehmen.

Funktionieren meine Formulare nach der Migration noch?

Ja. Repaint kann Kontaktformulare erstellen, die E-Mails an dein Postfach senden. Wenn du ein benutzerdefiniertes Einbettungselement wie Typeform oder Google Forms verwendest, wird Repaint versuchen, es zu verbinden, aber du musst möglicherweise den Einbettungscode mit Repaint teilen.

Was passiert mit meiner Webflow-Website während der Migration?

Während du migrierst, passiert mit deiner Webflow-Website nichts. Sie ist vollständig getrennt. Du baust lediglich eine neue Website in Repaint auf. Sobald du mit der neuen Website zufrieden bist, kannst du deine Domain übertragen, sodass sie auf die neue zeigt. Oder wenn du dich entscheidest, deine Webflow-Website zu behalten, musst du nichts tun.

Kann ich eine Webflow-Website mit E-Commerce migrieren?

Teilweise. Repaint kann Websites für E-Commerce erstellen, aber es baut nicht den Checkout-Prozess auf und wickelt keine Zahlungen ab. Wenn du Produkte verkaufen musst, musst du dich mit einem Drittanbieterdienst wie Shopify oder Stripe verbinden. Wenn dein Shop einbettbare Widgets verwendet, teile den Einbettungscode mit Repaint, und es wird ihn integrieren.

Kann ich nur eine Seite migrieren, um es auszuprobieren?

Ja. Du kannst nur eine Seite importieren, um es auszuprobieren. Das ist eine gute Möglichkeit zu sehen, ob Repaint für dein Unternehmen geeignet ist. Sobald du mit dem Ergebnis zufrieden bist, kannst du Repaint bitten, den Rest deiner Website aufzubauen.

Was kostet die Migration von Webflow zu Repaint?

Das Generieren einer Website und das Starten der Bearbeitung ist kostenlos. Die wichtigsten Einschränkungen der kostenlosen Pläne sind, dass du ein begrenztes Kontingent hast, keine eigene Domain hinzufügen kannst und die Website ein Repaint-Badge trägt. Kostenpflichtige Pläne beginnen bei 20 €/Monat bei jährlicher Abrechnung oder 25 €/Monat bei monatlicher Abrechnung. Das beinhaltet erweitertes Kontingent, Unterstützung für eigene Domains und die Entfernung des Repaint-Badges.

Was passiert, wenn die KI einen Fehler macht? Kann ich einzelne Änderungen rückgängig machen?

Während du Änderungen vornimmst, speichert Repaint jede Version deiner Website. Du kannst Repaint bitten, zurückzugehen, und es wird zu einer früheren Version zurückkehren. Oder wenn du zu einem bestimmten Zeitpunkt zurückkehren möchtest, kannst du frühere Versionen manuell wiederherstellen.

Wie geht Repaint mit benutzerdefiniertem Code oder Drittanbieter-Einbettungen aus Webflow um?

Repaint kann benutzerdefinierten Code oder Einbettungen von Webflow-Websites ausführen. Es wird versuchen, beim ersten Durchgang alles automatisch zu migrieren, übersieht dabei aber oft etwas. Wenn das passiert, füge den Einbettungscode in den Chat ein, und Repaint kümmert sich darum.