Sådan Genopbygger Du et Webflow-websted Med AI

Introduktion

Webflow er et kraftfuldt værktøj, der kan skabe fremragende websteder, men det er også berygtet for at være svært at bruge. Tusindvis af virksomheder føler sig fanget i det.

AI-værktøjer har for nylig gjort det muligt at bygge lige så gode websteder ved at chatte med AI. Og hvis du allerede har et Webflow-websted, kan du genopbygge det automatisk, så du ikke behøver starte fra bunden.

I denne guide viser jeg dig, hvordan du migrerer et Webflow-websted til et nyt AI-værktøj kaldet Repaint.

Hvorfor genopbygge et Webflow-websted?

AI-webstedsbyggere er markant nemmere at bruge end Webflow. I stedet for at lære en kompleks visuel editor beskriver du, hvad du vil have, og så sker det. Det gør det realistisk at holde dit websted opdateret i stedet for at betragte enhver ændring som en risiko.

Grunden til, at de fleste ikke er skiftet, er, at det at forlade Webflow altid har betydet at genopbygge alt fra bunden. AI-værktøjer ændrede den ligning. For første gang kan du tage det, du allerede har, og flytte det til et nemmere sted uden at starte forfra eller betale nogen tusindvis af kroner.

Hvordan AI-webstedsmigrering fungerer

AI-migrering fungerer ved at læse dit eksisterende websted og genopbygge det på en ny platform. Den henter dit indhold, billeder og layout og genererer derefter en ny version, du kan redigere ved at chatte med AI. Når du er tilfreds, overfører du dit domæne, og så er du færdig.

Hvis du forsøger at klone originalen præcis, vil det kun blive en 80 % kopi. AI'en mister normalt detaljer i oversættelsen. Animationer er særligt svære at overføre. Men den migrerer dit indhold, genskaber dine layouts og bringer dig meget tættere på end en skabelon nogensinde kunne. Derefter kan du rette alle detaljerne ved at bede AI'en foretage ændringer.

Hvis dit websted er fem år gammelt og begynder at føles forældet, er dette et naturligt tidspunkt at ændre designet. Repaint kan tage dit eksisterende indhold og bygge et helt nyt design omkring det.

Trin 1: Importer dit indhold

For at komme i gang skal du besøge Repaint. Øverst på siden indtaster du linket til dit Webflow-websted. Dette starter genopbygningsprocessen. Repaint scanner dit websted, downloader dine billeder og tager skærmbilleder af hver side for at forstå dit originale websted.

Dette virker kun for offentligt tilgængelige websteder, hvilket betyder, at dit Webflow-websted skal være publiceret, selv hvis det er på et gratis Webflow-subdomæne som xxxx-xxxx-xxxx.webflow.io.

Når Repaint har et godt billede af din virksomhed, begynder den at stille dig spørgsmål for at planlægge det nye websted. Det er en guidet proces, så du behøver ikke forberede noget.

Trin 2: Planlæg dit nye websted

Før der bygges noget, stiller Repaint dig spørgsmål for at forstå, hvad du ønsker. Dette tager normalt 3-5 beskeder. Tænk på det som et kort interview: Repaint vil vide, hvilke sider der skal bevares, om noget skal omorganiseres, og hvilken stil der skal bruges. Når du har svaret, skriver den en plan til dig, som du kan godkende.

Hvis du ikke er sikker på, hvad du vil have, er det fint. Du kan lade Repaint foreslå en plan. Hvis du ikke kan lide det, den laver, kan du altid bede den prøve igen. Du er ikke låst fast i dit første forsøg.

Planlæg indholdet

Den enkleste tilgang er at overføre alt som det er. Samme sider, samme tekst, samme billeder. Hvis din nuværende webstedsstruktur fungerer, og du bare vil have et bedre værktøj til at administrere det, er dette vejen frem.

Men hvis dit websted er blevet rodet over tid, er dette en chance for at rydde op. Måske har du forældede blogindlæg, landingssider fra gamle kampagner eller sektioner, der aldrig gav mening. Du kan fortælle Repaint, hvilke sider der skal bevares, og hvilke der skal springes over, eller bede den foreslå en enklere struktur baseret på det, den fandt.

Hvis dit Webflow-websted bruger CMS-samlinger, som en blog, case studies eller en portefølje, kan du også overføre dem. CMS-sider følger en gentagende skabelon, så start med kun en eller to for at sikre, at layoutet ser rigtigt ud. Mere generelt, hvis dit websted har mere end 20 sider, vil import af dem alle på én gang sandsynligvis bruge hele den gratis brugsbegrænsning. Du vil blive bedt om at opgradere for at fortsætte. For store websteder er det normalt en god idé at starte med et lille udvalg og derefter importere resten, når du har set det første websted.

Planlæg stilen

Du har et par muligheder for, hvordan dit nye websted skal se ud:

• Genskab dit originale look
• Match et andet websteds stil
• Vælg fra Repaints stilbibliotek
• Bed om en tilpasset stil
• Lad Repaint bestemme

Uanset hvilken tilgang du vælger, kan du tilpasse resultatet. Repaint kan inkorporere dine brandfarver og skrifttyper i enhver stil, så du er ikke begrænset til præcis det, du vælger her.

Gennemgå planen

Før der genereres noget, skriver Repaint præcist ud, hvad den vil bygge: hvilke sider, hvilket indhold og hvilken stil. Gennemgå det og foretag eventuelle sidste ændringer. Det er meget hurtigere at rette planen end at regenerere hele webstedet.

Når du bekræfter, vil Repaint bygge dit nye websted!

Trin 3: Generer dit websted

Når du bekræfter planen, begynder Repaint at bygge dit websted. Du vil se statusbeskeder, mens den arbejder sig gennem hver side. En simpel forside kan tage et minut eller to. Et stort websted med snesevis af sider kan tage mere end ti minutter.

I baggrunden skriver Repaint koden til dit nye websted ved hjælp af dit indhold og din stil. Når den er færdig, tager den skærmbilleder af det, den byggede, for at fange åbenlyse problemer, inden den viser dig resultatet.

Du bemærker måske et par ujævne kanter i den første version: en knap med svær læsbar tekst, et logo der er for lille eller afstand der ser forkert ud. Det er normalt, og du kan rette disse detaljer ved at tale med Repaint.

Noget der muligvis ikke overføres problemfrit er animationer. Webflow har et robust animationssystem, og AI'en kæmper ofte med at udlede, hvordan animationer fungerer ud fra skærmbilleder alene. Du skal genskabe manglende scrolleffekter, hoveranimationer eller sideovergange ved at beskrive, hvad du vil have. Repaint kan lave de samme animationer, men de overføres ikke altid automatisk.

Trin 4: Foretag justeringer

Efter at have genereret dit websted kan du foretage ændringer ved at chatte med Repaint.

Start med at evaluere den overordnede visuelle stil, som farver, skrifttyper og layouts. Det er fundamentet, som alt er bygget på. Hvis du beslutter at ændre det senere, kan det omforme hele webstedet og effektivt fortryde det detaljerede arbejde, du allerede har udført.

Når du er tilfreds med den overordnede stil, kan du arbejde dig gennem de finere detaljer: sikre at teksten er korrekt, at billeder er på de rigtige steder, at links virker, og at afstanden ser rigtig ud på hver side.

Gennemgå SEO

Hvis dit Webflow-websted fik søgetrafik, er SEO værd at være opmærksom på under migreringen. Google rangerer individuelle sider, ikke websteder. Hver side på dit websted har opbygget sin egen rangering over tid, og den rangering er knyttet til dens specifikke URL. Hvis du flytter til en ny platform, og disse URL'er ændres eller forsvinder, behandler Google dem som nye sider uden historik, og du mister den trafik, de genererede.

Bed Repaint om at sammenligne dit gamle websted med det nye og bekræfte, at alle dine sider findes på de samme URL'er som på Webflow. Hvis nogen URL'er er ændret, skal du oprette omdirigeringer fra de gamle til de nye, så Google kan følge sporet. Repaint kan hjælpe med det.

Når dit websted ser godt ud, og indholdet er korrekt, er du klar til at publicere.

Trin 5: Publicer

Når du er klar, skal du trykke på Publicer-knappen i øverste højre hjørne. Dette fungerer på samme måde som publicering i Webflow. Dit websted går live på en Repaint-URL, som du kan dele med alle. Det vil se nogenlunde sådan ud: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

Dette gør det til et rigtigt websted på internettet. Du kan åbne det på din telefon, sende det til en ven eller dele det på sociale medier.

På dette tidspunkt har du to live websteder: et på Repaint og et på Webflow. Dit domæne peger stadig på dit Webflow-websted, så intet har ændret sig for dine besøgende endnu. Når du er klar til at skifte, kan du overføre dit domæne til at pege på det nye.

Trin 6: Overfør dit domæne

Når du er klar til at gå live, skal du pege dit domæne mod Repaint. Gå til Webstedsindstillinger > Domæner og klik på Tilslut et brugerdefineret domæne. Dette kræver en betalt plan. Du kan se prisdetaljer her.

Dit domæne er adskilt fra Webflow. Det er registreret hos en domæneudbyder som GoDaddy, Namecheap eller Cloudflare. Du behøver ikke flytte det nogen steder. Du opdaterer blot indstillingerne hos din domæneudbyder, så dit domæne peger på Repaint i stedet for Webflow. Hvis en anden satte dit websted op for dig, skal du sørge for at have login-adgang til din domæneudbyder, inden du starter dette trin.

Hvis du aldrig har gjort dette før, skal du ikke bekymre dig. Bed Repaint om at guide dig igennem det. Den fortæller dig præcis, hvad du skal gøre, trin for trin.

Ændringen kan tage et par timer at træde i kraft. Når Repaint viser dit domæne som verificeret, er du live. Du kan annullere dit Webflow-abonnement, når du er klar.

Konklusion

I årevis betød migrering væk fra Webflow at genopbygge fra bunden eller betale nogen for at gøre det for dig. Sådan er det ikke længere. Du kan importere dit indhold til Repaint, få et fungerende websted på få minutter og administrere det selv uden at skulle lære et komplekst værktøj. Hvis du har udskudt en genopbygning, fordi det føltes som for meget arbejde, er det nu et godt tidspunkt at prøve det.

Ofte stillede spørgsmål

Hvor lang tid tager en Webflow-migrering?

Det tager normalt 3-15 minutter at planlægge webstedet, importere dit indhold og generere det nye websted. Efterfølgende afhænger tiden til publicering af, hvor mange justeringer du skal foretage, og om du skal importere mere indhold. De fleste websteder kan migreres inden for et par timer.

Vil mit websted se det samme ud på mobil?

Repaint bygger automatisk dit websted, så det tilpasser sig forskellige skærmstørrelser. De fleste gange behøver du ikke bekymre dig om det. Men hvis du bemærker noget, der ser forkert ud, kan du bede Repaint foretage ændringer for specifikke enhedsstørrelser.

Vil mine formularer stadig fungere efter migrering?

Ja. Repaint kan oprette kontaktformularer, der sender e-mails til din indbakke. Hvis du bruger en brugerdefineret widget som Typeform eller Google Forms, vil Repaint forsøge at forbinde den, men du skal muligvis dele indlejringskoden med Repaint.

Hvad sker der med mit Webflow-websted under migreringen?

Mens du migrerer, sker der ingenting med dit Webflow-websted. Det er fuldstændig adskilt. Alt du gør er at bygge et nyt websted i Repaint. Når du er tilfreds med det nye websted, kan du overføre dit domæne til at pege på det nye. Eller hvis du beslutter at beholde dit Webflow-websted, er der ingen grund til at gøre noget.

Kan jeg migrere et Webflow-websted med e-handel?

Delvist. Repaint kan oprette websteder til e-handel, men det bygger ikke betalingsprocessen eller håndterer betalinger. Hvis du skal sælge produkter, skal du forbinde til en tredjepartstjeneste som Shopify eller Stripe. Hvis din butik bruger indlejrbare widgets, skal du dele indlejringskoden med Repaint, så integrerer den det.

Kan jeg migrere bare én side for at prøve det?

Ja. Du kan importere bare én side for at prøve det. Det er en god måde at se, om Repaint passer til din virksomhed. Når du er tilfreds med resultatet, kan du bede Repaint bygge resten af dit websted.

Hvad koster det at migrere fra Webflow til Repaint?

Det er gratis at generere et websted og begynde at redigere. De vigtigste begrænsninger ved gratisplaner er, at du har begrænset brug, ikke kan tilføje et brugerdefineret domæne, og at webstedet vil have et Repaint-badge. Betalte planer starter fra $20/måned faktureret årligt eller $25/måned faktureret månedligt. Det inkluderer udvidet brug, understøttelse af brugerdefinerede domæner og fjernelse af Repaint-badget.

Hvad sker der, når AI'en laver en fejl? Kan jeg fortryde individuelle ændringer?

Mens du foretager opdateringer, gemmer Repaint hver version af dit websted. Du kan bede Repaint om at gå tilbage, og den vil vende tilbage til en tidligere version. Eller hvis du vil gå tilbage til et bestemt tidspunkt, kan du manuelt gendanne tidligere versioner.

Hvordan håndterer Repaint brugerdefineret kode eller tredjepartswidgets fra Webflow?

Repaint kan køre brugerdefineret kode eller widgets fra Webflow-websteder. Den vil forsøge at migrere alt automatisk i første omgang, men den overser ofte noget. Hvis det sker, skal du indsætte indlejringskoden i chatten, og Repaint vil håndtere det derfra.