Slik bygger du et Webflow-nettsted på nytt med AI

Introduksjon

Webflow er et kraftig verktøy som kan lage fremragende nettsider, men det er også beryktet for å være vanskelig å bruke. Tusenvis av bedrifter føler seg fanget i det.

Nylig har AI-verktøy gjort det mulig å bygge like gode nettsider ved å chatte med AI. Og hvis du allerede har en Webflow-side, kan du bygge den om automatisk slik at du slipper å starte fra bunnen av.

I denne guiden viser jeg deg hvordan du migrerer et Webflow-nettsted til et nytt AI-verktøy kalt Repaint.

Hvorfor bygge om et Webflow-nettsted?

AI-nettstedsbyggere er dramatisk enklere å bruke enn Webflow. I stedet for å lære en kompleks visuell editor beskriver du hva du vil ha, og det skjer. Det gjør det realistisk å faktisk holde nettstedet oppdatert i stedet for å behandle hver endring som en risiko.

Grunnen til at de fleste ikke har byttet, er at det å forlate Webflow alltid har betydd å bygge alt på nytt fra bunnen av. AI-verktøy endret den ligningen. For første gang kan du ta det du allerede har og flytte det til et enklere sted, uten å starte på nytt eller betale noen tusenvis av kroner.

Hvordan AI-nettstedsmigrasjon fungerer

AI-migrasjon fungerer ved å lese det eksisterende nettstedet ditt og bygge det om på en ny plattform. Den henter inn innhold, bilder og layout, og genererer deretter en ny versjon du kan redigere ved å chatte med AI. Når du er fornøyd, overfører du domenet ditt, og du er ferdig.

Hvis du prøver å klone originalen nøyaktig, vil det bare bli en 80 % kopi. AI-en mister vanligvis detaljer i oversettelsen. Animasjoner er spesielt vanskelige å overføre. Men den vil migrere innholdet ditt, gjenskape layoutene dine og komme deg mye nærmere enn en mal noen gang kunne. Deretter kan du fikse alle detaljene ved å be AI-en om å gjøre endringer.

Hvis nettstedet ditt er fem år gammelt og føles foreldet, er dette et naturlig tidspunkt å endre designet. Repaint kan ta det eksisterende innholdet ditt og bygge et helt nytt design rundt det.

Steg 1: Importer innholdet ditt

For å komme i gang, besøk Repaint. Øverst på siden oppgir du lenken til Webflow-nettstedet ditt. Dette starter prosessen med å bygge om nettstedet. Repaint vil skanne siden din, laste ned bildene dine og ta skjermbilder av hver side for å forstå det opprinnelige nettstedet ditt.

Dette fungerer bare for offentlig tilgjengelige nettsteder, noe som betyr at Webflow-siden din må være publisert, selv om den ligger på et gratis Webflow-subdomene som xxxx-xxxx-xxxx.webflow.io.

Når Repaint har fått et godt inntrykk av virksomheten din, begynner den å stille deg spørsmål for å planlegge det nye nettstedet. Det er en veiledet prosess, så du trenger ikke å ha noe forberedt.

Steg 2: Planlegg det nye nettstedet

Før noe bygges vil Repaint stille deg spørsmål for å forstå hva du er ute etter. Dette tar vanligvis 3-5 meldinger. Tenk på det som et kort intervju: Repaint vil vite hvilke sider som skal beholdes, om noe bør reorganiseres og hvilken stil som skal brukes. Når du har svart, skriver den ut en plan til deg for godkjenning.

Hvis du ikke er sikker på hva du vil ha, er det greit. Du kan la Repaint foreslå en plan. Hvis du ikke liker det den lager, kan du alltids be den prøve igjen. Du er ikke låst til det første forsøket.

Planlegg innholdet

Den enkleste tilnærmingen er å ta med alt som det er. Samme sider, samme tekst, samme bilder. Hvis den nåværende strukturen på nettstedet ditt fungerer og du bare vil ha et bedre verktøy til å administrere det, er dette veien å gå.

Men hvis nettstedet har vokst seg rotete over tid, er dette en sjanse til å rydde opp. Kanskje du har blogginnlegg som er utdaterte, landingssider fra gamle kampanjer eller seksjoner som aldri ga mening. Du kan fortelle Repaint hvilke sider som skal beholdes og hvilke som skal hoppes over, eller be den foreslå en enklere struktur basert på hva den fant.

Hvis Webflow-siden din bruker CMS-samlinger, som en blogg, casestudier eller en portefølje, kan du ta med disse også. CMS-sider følger en gjentakende mal, så start med bare én eller to for å sikre at layouten ser riktig ut. Mer generelt: hvis nettstedet ditt har mer enn 20 sider, vil import av alle på én gang sannsynligvis bruke opp hele gratisnivåets bruksgrense. Du vil bli bedt om å oppgradere for å fortsette. For store nettsteder er det vanligvis lurt å starte med et lite utvalg og deretter hente inn resten etter at du har sett det første resultatet.

Planlegg stilen

Du har noen alternativer for hvordan det nye nettstedet skal se ut:

• Gjenskape det opprinnelige utseendet
• Matche stilen til et annet nettsted
• Velge fra Repaints stilbibliotek
• Be om en egendefinert stil
• La Repaint bestemme

Uansett hvilken tilnærming du velger, kan du tilpasse resultatet. Repaint kan inkorporere merkefargene og skriftene dine i hvilken som helst stil, så du er ikke låst til akkurat det du velger her.

Gjennomgå planen

Før noe genereres skriver Repaint ut nøyaktig hva den skal bygge: hvilke sider, hvilket innhold og hvilken stil. Se over det og gjør eventuelle siste endringer. Det er mye raskere å fikse planen enn å generere hele nettstedet på nytt.

Når du bekrefter, vil Repaint bygge det nye nettstedet ditt!

Steg 3: Generer nettstedet ditt

Når du bekrefter planen, begynner Repaint å bygge nettstedet ditt. Du vil se fremdriftsmeldinger mens den jobber gjennom hver side. En enkel forside kan ta ett til to minutter. Et stort nettsted med dusinvis av sider kan ta mer enn ti minutter.

Bak kulissene skriver Repaint koden for det nye nettstedet ditt ved hjelp av innholdet og stilen din. Når den er ferdig, tar den skjermbilder av det den bygde for å fange opp åpenbare problemer før den viser deg resultatet.

Du vil kanskje oppdage noen ujevne kanter i den første versjonen: en knapp med tekst som er vanskelig å lese, en logo som er for liten eller mellomrom som ser feil ut. Det er normalt, og du kan fikse disse detaljene ved å snakke med Repaint.

Én ting som kanskje ikke overføres sømløst, er animasjoner. Webflow har et robust animasjonssystem, og AI-en sliter ofte med å utlede hvordan animasjoner fungerer bare fra skjermbilder. Du må gjenskape manglende rulleeffekter, hoveranimasjoner eller sideoverganger ved å beskrive hva du vil ha. Repaint kan lage de samme animasjonene. Det vil bare ikke alltid overføres automatisk.

Steg 4: Gjør justeringer

Etter at nettstedet er generert, kan du gjøre endringer ved å chatte med Repaint.

Start med å vurdere den overordnede visuelle stilen, som farger, skrifter og layouter. Det er grunnlaget alt er bygget på. Hvis du bestemmer deg for å endre det senere, kan det omforme hele nettstedet og i praksis angre alt detaljarbeid du har gjort.

Når du er fornøyd med den overordnede stilen, kan du jobbe gjennom finere detaljer: sørge for at teksten er nøyaktig, at bilder er på riktig plass, at lenker fungerer og at mellomrommet ser riktig ut på hver side.

Gjennomgå SEO

Hvis Webflow-siden din fikk søketrafikk, er SEO verdt å være oppmerksom på under migreringen. Google rangerer individuelle sider, ikke nettsteder. Hver side på nettstedet ditt har bygget opp sin egen rangering over tid, og den rangeringen er knyttet til sin spesifikke URL. Hvis du flytter til en ny plattform og disse URL-ene endres eller forsvinner, behandler Google dem som nye sider uten historikk, og du mister trafikken de tjente.

Be Repaint om å sammenligne det gamle nettstedet med det nye og bekrefte at alle sidene dine finnes på de samme URL-ene de hadde på Webflow. Hvis noen URL-er ble endret, bør du sette opp viderekoblinger fra de gamle til de nye slik at Google kan følge sporet. Repaint kan hjelpe med det.

Når nettstedet ser bra ut og innholdet er korrekt, er du klar til å publisere.

Steg 5: Publiser

Når du er klar, trykker du på Publiser-knappen øverst til høyre. Dette fungerer på samme måte som publisering i Webflow. Nettstedet ditt går live på en Repaint-URL du kan dele med hvem som helst. Den vil se omtrent slik ut: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

Dette gjør det til et ekte nettsted på internett. Du kan åpne det på telefonen, sende det til en venn eller dele det i sosiale medier.

På dette tidspunktet har du to nettsteder live: ett på Repaint og ett på Webflow. Domenet ditt peker fortsatt til Webflow-siden din, så ingenting har endret seg for besøkende ennå. Når du er klar til å gjøre byttet, kan du overføre domenet ditt til å peke til det nye.

Steg 6: Overfør domenet ditt

Når du er klar til å gå live, må du peke domenet ditt til Repaint. Gå til Nettstedinnstillinger > Domener og klikk på Koble til et egendefinert domene. Dette krever en betalt plan. Du kan se prisdetaljer her.

Domenet ditt er atskilt fra Webflow. Det er registrert hos en domenetilbyder som GoDaddy, Namecheap eller Cloudflare. Du trenger ikke å flytte det noe sted. Du oppdaterer bare innstillingene hos domenetilbyderen din slik at domenet peker til Repaint i stedet for Webflow. Hvis noen andre satte opp nettstedet ditt for deg, sørg for at du har innloggingstilgang til domenetilbyderen din før du starter dette steget.

Hvis du aldri har gjort dette før, ikke bekymre deg. Be Repaint om å veilede deg gjennom det. Den vil fortelle deg nøyaktig hva du skal gjøre, steg for steg.

Endringen kan ta noen timer å tre i kraft. Når Repaint viser domenet ditt som verifisert, er du live. Du kan avslutte Webflow-planen din når du er klar.

Konklusjon

I årevis betydde migrering bort fra Webflow å bygge alt på nytt fra bunnen av, eller betale noen for å gjøre det for deg. Slik er det ikke lenger. Du kan hente innholdet ditt inn i Repaint, få et fungerende nettsted på minutter og administrere det selv uten å måtte lære et komplekst verktøy. Hvis du har utsatt en ombygging fordi det føltes som for mye arbeid, er det nå et godt tidspunkt å prøve.

Vanlige spørsmål

Hvor lang tid tar en Webflow-migrasjon?

Det tar vanligvis 3-15 minutter å planlegge nettstedet, importere innholdet og generere det nye nettstedet. Etterpå avhenger tid til publisering av hvor mange justeringer du trenger å gjøre, og om du må importere mer innhold. De fleste nettsteder kan migreres i løpet av noen timer på det meste.

Vil nettstedet mitt se likt ut på mobil?

Repaint bygger automatisk nettstedet ditt slik at det tilpasser seg ulike skjermstørrelser. Mesteparten av tiden trenger du ikke å bekymre deg for det. Men hvis du oppdager noe som er feil, kan du be Repaint om å gjøre endringer for spesifikke enhetsstørrelser.

Vil skjemaene mine fortsatt fungere etter migreringen?

Ja. Repaint kan lage kontaktskjemaer som sender e-post til innboksen din. Hvis du bruker en egendefinert innbygging som Typeform eller Google Forms, vil Repaint prøve å koble den til, men du må kanskje dele innbyggingskoden med Repaint.

Hva skjer med Webflow-siden min under migreringen?

Mens du migrerer, skjer ingenting med Webflow-siden din. Den er helt separat. Alt du gjør er å bygge et nytt nettsted i Repaint. Deretter, når du er fornøyd med det nye nettstedet, kan du overføre domenet ditt til å peke til det nye. Eller hvis du bestemmer deg for å beholde Webflow-siden din, er det ikke nødvendig å gjøre noe.

Kan jeg migrere en Webflow-side med netthandel?

Delvis. Repaint kan lage nettsteder for netthandel, men det bygger ikke betalingsprosessen eller håndterer betalinger. Hvis du trenger å selge produkter, må du koble til en tredjeparts tjeneste som Shopify eller Stripe. Hvis butikken din bruker innbyggbare widgeter, del innbyggingskoden med Repaint, så integrerer den det.

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

Ja. Du kan importere bare én side for å prøve det ut. Dette er en god måte å se om Repaint passer for virksomheten din. Når du er fornøyd med resultatet, kan du be Repaint om å bygge resten av nettstedet ditt.

Hvor mye koster det å migrere fra Webflow til Repaint?

Det er gratis å generere et nettsted og begynne å redigere. De viktigste begrensningene med gratisplaner er at du har begrenset bruk, ikke kan legge til et egendefinert domene og at nettstedet vil ha et Repaint-merke. Betalte planer starter på $20/måned fakturert årlig, eller $25/måned fakturert månedlig. Det inkluderer utvidet bruk, støtte for egendefinert domene og fjerning av Repaint-merket.

Hva skjer når AI-en gjør en feil? Kan jeg angre individuelle endringer?

Mens du gjør oppdateringer, lagrer Repaint hver versjon av nettstedet ditt. Du kan be Repaint om å gå tilbake, og den vil tilbakestille til en tidligere versjon. Eller hvis du vil gå tilbake til et bestemt tidspunkt, kan du gjenopprette tidligere versjoner manuelt.

Hvordan håndterer Repaint egendefinert kode eller tredjeparts innbygginger fra Webflow?

Repaint kan kjøre egendefinert kode eller innbygginger fra Webflow-sider. Den vil prøve å migrere alt automatisk i første omgang, men den går ofte glipp av noe. Hvis det skjer, lim inn innbyggingskoden i chatten, så tar Repaint seg av det derfra.