Så bygger du om en Webflow-webbplats med AI

Introduktion

Webflow är ett kraftfullt verktyg som kan skapa utmärkta webbplatser, men det är också känt för att vara svårt att använda. Tusentals företag känner sig inlåsta i det.

På senare tid har AI-verktyg gjort det möjligt att bygga lika bra sajter genom att chatta med AI. Och om du redan har en Webflow-sajt kan du bygga om den automatiskt, utan att behöva börja från scratch.

I den här guiden visar jag hur du migrerar en Webflow-webbplats till ett nytt AI-verktyg som heter Repaint.

Varför bygga om en Webflow-webbplats?

AI-webbplatsbyggare är dramatiskt enklare att använda än Webflow. Istället för att lära sig en komplex visuell editor beskriver du vad du vill ha, och det händer. Det gör det realistiskt att faktiskt hålla sajten uppdaterad, istället för att behandla varje ändring som en risk.

Anledningen till att de flesta inte har bytt är att lämna Webflow alltid har inneburit att bygga om allt från grunden. AI-verktyg förändrade den ekvationen. För första gången kan du ta det du redan har och flytta det till ett enklare verktyg, utan att börja om eller betala någon tusentals kronor.

Hur AI-webbplatsmigration fungerar

AI-migration fungerar genom att läsa din befintliga sajt och bygga om den i en ny plattform. Den hämtar ditt innehåll, bilder och layout, och genererar sedan en ny version som du kan redigera genom att chatta med AI. När du är nöjd överför du din domän, och du är klar.

Om du försöker klona originalet exakt blir det bara en 80-procentig kopia. AI:n tappar vanligtvis detaljer i översättningen. Animationer är särskilt svåra att överföra. Men den migrerar ditt innehåll, återskapar dina layouter och tar dig mycket längre än en mall någonsin kunde. Sedan kan du fixa alla detaljer genom att be AI:n göra ändringar.

Om din sajt är fem år gammal och känns inaktuell är det ett naturligt tillfälle att byta design. Repaint kan ta ditt befintliga innehåll och bygga en helt ny design runt det.

Steg 1: Importera ditt innehåll

För att komma igång, besök Repaint. Längst upp anger du länken till din Webflow-webbplats. Det startar processen för att bygga om webbplatsen. Repaint skannar din sajt, laddar ner dina bilder och tar skärmdumpar av varje sida för att förstå din ursprungliga sajt.

Det här fungerar bara för offentligt tillgängliga webbplatser, vilket innebär att din Webflow-sajt måste vara publicerad, även om den ligger på en gratis Webflow-subdomän som xxxx-xxxx-xxxx.webflow.io.

När Repaint har fått en god bild av ditt företag börjar den ställa frågor för att planera den nya sajten. Det är en guidad process, så du behöver inte förbereda något.

Steg 2: Planera din nya webbplats

Innan något byggs ställer Repaint frågor för att förstå vad du är ute efter. Det brukar ta 3-5 meddelanden. Se det som en kort intervju: Repaint vill veta vilka sidor du vill behålla, om något ska omorganiseras, och vilken stil du vill använda. När du har svarat skriver den ut en plan för dig att godkänna.

Om du inte är säker på vad du vill ha är det okej. Du kan låta Repaint föreslå en plan. Om du inte gillar vad den tar fram kan du alltid be den försöka igen. Du är inte låst vid ditt första försök.

Planera innehållet

Det enklaste är att ta med allt som det är. Samma sidor, samma text, samma bilder. Om din nuvarande sajtstruktur fungerar och du bara vill ha ett bättre verktyg för att hantera den är det rätt väg.

Men om din sajt har blivit rörig med tiden är det ett tillfälle att städa upp. Kanske har du blogginlägg som är inaktuella, landningssidor från gamla kampanjer eller sektioner som aldrig riktigt passade. Du kan berätta för Repaint vilka sidor du vill behålla och vilka du vill hoppa över, eller be den föreslå en enklare struktur baserad på vad den hittade.

Om din Webflow-sajt använder CMS-samlingar, som en blogg, fallstudier eller en portfolio, kan du ta med dem också. CMS-sidor följer en återkommande mall, så börja med bara en eller två för att säkerställa att layouten ser bra ut. Mer generellt: om din sajt har fler än 20 sidor kommer det troligtvis att använda hela gratiskvoten om du importerar alla på en gång. Du uppmanas då att uppgradera för att fortsätta. För stora sajter är det bra att börja med ett litet urval och sedan ta in resten när du sett den första sajten.

Planera stilen

Du har några alternativ för hur din nya sajt ska se ut:

• Återskapa ditt ursprungliga utseende
• Matcha en annan webbplats stil
• Välj från Repaints stilbibliotek
• Be om en anpassad stil
• Låt Repaint bestämma

Oavsett vilket alternativ du väljer kan du anpassa resultatet. Repaint kan integrera dina varumärkesfärger och typsnitt i vilken stil som helst, så du är inte låst vid exakt det du väljer här.

Granska planen

Innan något genereras skriver Repaint ut exakt vad den ska bygga: vilka sidor, vilket innehåll och vilken stil. Gå igenom den och gör eventuella sista ändringar. Det går mycket snabbare att ändra planen än att generera om hela sajten.

När du bekräftar bygger Repaint din nya webbplats!

Steg 3: Generera din webbplats

När du bekräftar planen börjar Repaint bygga din sajt. Du ser framstegmeddelanden medan den arbetar igenom varje sida. En enkel startsida kan ta en till två minuter. En stor webbplats med dussintals sidor kan ta längre tid än tio minuter.

I bakgrunden skriver Repaint koden för din nya sajt med ditt innehåll och din stil. När den är klar tar den skärmdumpar av vad den byggt för att fånga upp uppenbara problem innan den visar dig resultatet.

Du kanske märker några ojämnheter i den första versionen: en knapp med svårläst text, en logotyp som är för liten eller avstånd som ser konstigt ut. Det är normalt, och du kan åtgärda dessa detaljer genom att prata med Repaint.

En sak som kanske inte förs över sömlöst är animationer. Webflow har ett robust animationssystem, och AI:n har ofta svårt att utläsa hur animationer fungerar enbart från skärmdumpar. Du behöver återskapa saknade scrolleffekter, hover-animationer eller sidövergångar genom att beskriva vad du vill ha. Repaint kan göra samma animationer, men de överförs inte alltid automatiskt.

Steg 4: Gör justeringar

Efter att ha genererat din sajt kan du göra ändringar genom att chatta med Repaint.

Börja med att utvärdera den övergripande visuella stilen, som färger, typsnitt och layouter. Det är grunden som allt byggs på. Om du bestämmer dig för att ändra det senare kan det forma om hela sajten och i praktiken ångra allt detaljarbete du gjort.

När du är nöjd med den övergripande stilen kan du arbeta igenom de finare detaljerna: se till att texten stämmer, att bilderna är på rätt ställen, att länkarna fungerar och att avståndet ser rätt ut på varje sida.

Granska SEO

Om din Webflow-sajt fick söktrafik är SEO värt att uppmärksamma under migrationen. Google rankar enskilda sidor, inte webbplatser. Varje sida på din sajt har byggt upp sin egen rankning över tid, och den rankningen är kopplad till dess specifika URL. Om du flyttar till en ny plattform och dessa URL:er ändras eller försvinner behandlar Google dem som nya sidor utan historik, och du förlorar den trafik de genererade.

Be Repaint jämföra din gamla sajt med den nya och bekräfta att alla dina sidor finns på samma URL:er som de hade på Webflow. Om några URL:er ändrades vill du sätta upp omdirigeringar från de gamla till de nya så att Google kan följa spåret. Repaint kan hjälpa med det.

När din sajt ser bra ut och innehållet stämmer är du redo att publicera.

Steg 5: Publicera

När du är redo klickar du på knappen Publicera i det övre högra hörnet. Det fungerar på samma sätt som publicering i Webflow. Din sajt publiceras på en Repaint-URL som du kan dela med vem som helst. Den ser ut ungefär så här: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

Det gör den till en riktig webbplats på internet. Du kan öppna den i din telefon, skicka den till en vän eller dela den i sociala medier.

Nu har du två webbplatser live: en på Repaint och en på Webflow. Din domän pekar fortfarande på din Webflow-sajt, så ingenting har förändrats för dina besökare ännu. När du är redo att byta kan du överföra din domän så att den pekar på den nya sajten.

Steg 6: Överför din domän

När du är redo att gå live behöver du peka din domän mot Repaint. Gå till Webbplatsinställningar > Domäner och klicka på Anslut en anpassad domän. Det kräver ett betalt abonnemang. Du kan se prisinformation här.

Din domän är separat från Webflow. Den är registrerad hos en domänleverantör som GoDaddy, Namecheap eller Cloudflare. Du behöver inte flytta den någonstans. Du uppdaterar bara inställningarna hos din domänleverantör så att din domän pekar på Repaint istället för Webflow. Om någon annan satte upp din webbplats åt dig, se till att du har inloggningsuppgifter till din domänleverantör innan du påbörjar det här steget.

Om du aldrig har gjort det här tidigare, oroa dig inte. Be Repaint guida dig genom det. Den berättar exakt vad du ska göra, steg för steg.

Ändringen kan ta några timmar att slå igenom. När Repaint visar din domän som verifierad är du live. Du kan avsluta ditt Webflow-abonnemang när du är redo.

Slutsats

I flera år innebar migrering från Webflow att bygga om från grunden eller betala någon för att göra det åt dig. Så är det inte längre. Du kan importera ditt innehåll till Repaint, få en fungerande sajt på några minuter och sköta den själv utan att behöva lära dig ett komplext verktyg. Om du skjutit upp en ombyggnad för att det kändes som för mycket arbete är det nu ett bra tillfälle att prova.

Vanliga frågor

Hur lång tid tar en Webflow-migration?

Det brukar ta 3-15 minuter att planera sajten, importera innehållet och generera den nya webbplatsen. Därefter beror tiden till publicering på hur många justeringar du behöver göra och om du behöver importera mer innehåll. De flesta sajter kan migreras på några timmar som mest.

Kommer min sajt att se likadan ut på mobilen?

Repaint bygger automatiskt din sajt så att den anpassar sig till olika skärmstorlekar. För det mesta behöver du inte oroa dig för det. Men om du märker något som ser konstigt ut kan du be Repaint göra ändringar för specifika enheter.

Kommer mina formulär att fungera efter migrationen?

Ja. Repaint kan skapa kontaktformulär som skickar e-post till din inkorg. Om du använder ett anpassat inbäddat formulär som Typeform eller Google Forms försöker Repaint ansluta det, men du kan behöva dela inbäddningskoden med Repaint.

Vad händer med min Webflow-sajt under migrationen?

Medan du migrerar händer ingenting med din Webflow-sajt. Den är helt separat. Allt du gör är att bygga en ny sajt i Repaint. När du sedan är nöjd med den nya sajten kan du överföra din domän så att den pekar på den nya. Om du bestämmer dig för att behålla din Webflow-sajt behöver du inte göra någonting.

Kan jag migrera en Webflow-sajt med e-handel?

Delvis. Repaint kan skapa webbplatser för e-handel, men det bygger inte kassaprocessen eller hanterar betalningar. Om du behöver sälja produkter måste du ansluta till en tredjepartstjänst som Shopify eller Stripe. Om din butik använder inbäddningsbara widgets delar du inbäddningskoden med Repaint så integrerar den den.

Kan jag migrera bara en sida för att prova?

Ja. Du kan importera bara en sida för att prova. Det är ett bra sätt att se om Repaint passar ditt företag. När du är nöjd med resultatet kan du be Repaint bygga resten av din sajt.

Vad kostar det att migrera från Webflow till Repaint?

Det är gratis att generera en sajt och börja redigera. De huvudsakliga begränsningarna för gratisplaner är att du har begränsad användning, inte kan lägga till en anpassad domän och att sajten visar ett Repaint-märke. Betalda planer börjar på 20 dollar per månad vid årsbetalning, eller 25 dollar per månad vid månadsbetalning. Det inkluderar utökad användning, stöd för anpassad domän och tar bort Repaint-märket.

Vad händer när AI:n gör ett misstag? Kan jag ångra enskilda ändringar?

När du gör uppdateringar sparar Repaint varje version av din sajt. Du kan be Repaint gå tillbaka, och den återgår till en tidigare version. Eller om du vill gå tillbaka till en specifik tidpunkt kan du manuellt återställa vilken tidigare version som helst.

Hur hanterar Repaint anpassad kod eller tredjepartsembeds från Webflow?

Repaint kan köra anpassad kod eller embeds från Webflow-sajter. Den försöker automatiskt migrera allt i det första steget, men missar ofta något. Om det händer, klistra in inbäddningskoden i chatten så tar Repaint hand om det därifrån.