Näin rakennat Webflow-sivuston uudelleen tekoälyllä

Johdanto

Webflow on tehokas työkalu, jolla voi tehdä erinomaisia verkkosivustoja, mutta se on myös tunnetusti vaikea käyttää. Tuhannet yritykset tuntevat olevansa siinä jumissa.

Viime aikoina tekoälytyökalut ovat mahdollistaneet yhtä laadukkaiden sivustojen rakentamisen pelkän chatiin kirjoittamisen avulla. Ja jos sinulla on jo Webflow-sivusto, voit rakentaa sen uudelleen automaattisesti, jolloin sinun ei tarvitse aloittaa alusta.

Tässä oppaassa näytän, miten voit siirtää Webflow-sivuston Repaint-nimiseen uuteen tekoälytyökaluun.

Miksi rakentaa Webflow-sivusto uudelleen?

Tekoälypohjaiset sivustonrakentajat ovat huomattavasti helpompia käyttää kuin Webflow. Sen sijaan, että opettelisit monimutkaisen visuaalisen editorin, kuvailet mitä haluat, ja se tapahtuu. Tämä tekee sivuston pitämisen ajan tasalla realistiseksi, eikä jokaista muutosta tarvitse pelätä.

Useimmat eivät ole vaihtaneet, koska Webflow'sta lähteminen on aina tarkoittanut kaiken rakentamista alusta. Tekoälytyökalut muuttivat tämän yhtälön. Ensimmäistä kertaa voit siirtää olemassa olevan sivustosi helpompaan paikkaan aloittamatta alusta tai maksamatta jollekin tuhansia euroja.

Miten tekoälypohjainen sivustonsiirto toimii?

Tekoälypohjainen siirto toimii lukemalla nykyisen sivustosi ja rakentamalla sen uudelleen uudella alustalla. Se kerää sisältösi, kuvasi ja asettelusi, minkä jälkeen luo uuden version, jota voit muokata tekoälyn kanssa chataamalla. Kun olet tyytyväinen, siirrät verkkotunnuksesi ja olet valmis.

Jos yrität kloonata alkuperäisen täydellisesti, se on korkeintaan 80-prosenttinen kopio. Tekoäly kadottaa yksityiskohtia käännösvaiheessa. Animaatiot ovat erityisen vaikeita siirtää. Mutta se siirtää sisältösi, luo asettelusi uudelleen ja vie sinut paljon lähemmäs kuin mikään valmismalli. Sen jälkeen voit korjata yksityiskohdat pyytämällä tekoälyä tekemään muutoksia.

Jos sivustosi on viisi vuotta vanha ja tuntuu vanhentuneelta, tämä on luonteva hetki uudistaa myös ulkoasua. Repaint voi ottaa olemassa olevan sisältösi ja rakentaa sen ympärille täysin uuden ilmeen.

Vaihe 1: Tuo sisältösi

Aloita vierailemalla Repaint. Syötä heti ylhäällä Webflow-sivustosi linkki. Tämä käynnistää sivuston uudelleenrakennusprosessin. Repaint skannaa sivustosi, lataa kuvasi ja ottaa kuvakaappauksia jokaisesta sivusta ymmärtääkseen alkuperäisen sivustosi.

Tämä toimii vain julkisesti saatavilla oleville sivustoille, joten Webflow-sivustosi täytyy olla julkaistu, vaikka se olisi ilmaisella Webflow-alitoimialueella kuten xxxx-xxxx-xxxx.webflow.io.

Kun Repaint on saanut hyvän käsityksen yrityksestäsi, se alkaa kysyä kysymyksiä uuden sivuston suunnittelua varten. Prosessi on ohjattu, joten sinun ei tarvitse valmistella mitään etukäteen.

Vaihe 2: Suunnittele uusi sivustosi

Ennen kuin mitään rakennetaan, Repaint esittää kysymyksiä ymmärtääkseen, mitä tavoittelet. Tähän menee yleensä 3–5 viestiä. Ajattele sitä lyhyenä haastatteluna: Repaint haluaa tietää, mitkä sivut säilytetään, pitääkö jotain järjestää uudelleen ja millaista tyyliä käytetään. Kun olet vastannut, se kirjoittaa suunnitelman hyväksyttäväksesi.

Jos et ole varma mitä haluat, se on täysin okei. Voit antaa Repaintin ehdottaa suunnitelmaa. Jos et pidä siitä, mitä se tekee, voit aina pyytää sitä yrittämään uudelleen. Et ole lukittu ensimmäiseen yritykseen.

Suunnittele sisältö

Yksinkertaisin lähestymistapa on tuoda kaikki sellaisenaan. Samat sivut, sama teksti, samat kuvat. Jos nykyinen sivustorakenteesi toimii ja haluat vain paremman työkalun sen hallintaan, tämä on oikea valinta.

Mutta jos sivustosi on vuosien varrella mennyt sekavaksi, tämä on tilaisuus siististää se. Ehkä sinulla on vanhentuneita blogipostauksia, vanhoja kampanjasivuja tai osioita, jotka eivät ole koskaan tuntuneet järkeviltä. Voit kertoa Repaintille, mitkä sivut säilytetään ja mitkä jätetään pois, tai pyytää sitä ehdottamaan yksinkertaisempaa rakennetta löydetyn perusteella.

Jos Webflow-sivustosi käyttää CMS-kokoelmia, kuten blogia, tapaustutkimuksia tai portfoliota, voit tuoda nekin mukaan. CMS-sivut noudattavat toistuvaa mallia, joten aloita vain yhdellä tai kahdella varmistaaksesi, että asettelu näyttää hyvältä. Yleisemmin, jos sivustollasi on yli 20 sivua, kaikkien tuominen kerralla käyttää todennäköisesti koko ilmaisversion käyttörajan. Sinua kehotetaan päivittämään tilauksesi jatkaaksesi. Suurille sivustoille on yleensä parasta aloittaa pienellä otoksella ja tuoda loput sen jälkeen, kun olet nähnyt alkuperäisen sivuston.

Suunnittele tyyli

Sinulla on muutama vaihtoehto sille, miltä uusi sivustosi näyttää:

• Luo alkuperäinen ilme uudelleen
• Sovita jonkin toisen sivuston tyyliin
• Valitse Repaintin tyylikirjastosta
• Pyydä mukautettua tyyliä
• Anna Repaintin päättää

Valitsit minkä tahansa lähestymistavan, voit mukauttaa tulosta. Repaint voi sisällyttää brändivärisi ja -fonttisi mihin tahansa tyyliin, joten et ole jumissa täsmälleen sen kanssa, mitä tässä valitset.

Tarkista suunnitelma

Ennen kuin mitään luodaan, Repaint kirjoittaa täsmälleen sen, mitä se aikoo rakentaa: mitkä sivut, mikä sisältö ja mikä tyyli. Käy se läpi ja tee viimeiset muutokset. Suunnitelman korjaaminen on paljon nopeampaa kuin koko sivuston uudelleenluominen.

Kun vahvistat suunnitelman, Repaint rakentaa uuden sivustosi!

Vaihe 3: Luo sivustosi

Kun vahvistat suunnitelman, Repaint alkaa rakentaa sivustoasi. Näet edistymisviestejä, kun se käy läpi jokaisen sivun. Yksinkertainen etusivu saattaa valmistua minuutissa tai kahdessa. Suuri sivusto, jossa on kymmeniä sivuja, voi kestää yli kymmenen minuuttia.

Taustalla Repaint kirjoittaa uuden sivustosi koodin sisältöäsi ja tyyliäsi käyttäen. Kun se on valmis, se ottaa kuvakaappauksia rakentamastaan löytääkseen ilmeiset ongelmat ennen tuloksen näyttämistä.

Saatat huomata ensimmäisessä versiossa joitakin karkeita kohtia: painike, jonka tekstiä on vaikea lukea, liian pieni logo tai väärältä näyttävä välistys. Se on normaalia, ja voit korjata nämä yksityiskohdat juttelemalla Repaintin kanssa.

Yksi asia, joka ei välttämättä siirry saumattomasti, ovat animaatiot. Webflow'lla on kehittynyt animaatiojärjestelmä, ja tekoäly kamppailee usein päättelemään animaatioiden toimintatavan pelkistä kuvakaappauksista. Sinun täytyy luoda puuttuvat vieritysefekit, hover-animaatiot tai sivunsiirtymät uudelleen kuvailemalla mitä haluat. Repaint pystyy tekemään samat animaatiot, mutta ne eivät aina siirry automaattisesti.

Vaihe 4: Tee säätöjä

Sivuston luomisen jälkeen voit tehdä muutoksia juttelemalla Repaintin kanssa.

Aloita arvioimalla kokonaisvisuaalinen tyyli: värit, fontit ja asettelut. Ne ovat perusta, jolle kaikki rakentuu. Jos päätät muuttaa tyyliä myöhemmin, se voi muokata koko sivustoa ja käytännössä kumota kaiken yksityiskohtaisen viimeistelytyön.

Kun olet tyytyväinen kokonaistyyliin, voit käydä läpi hienommat yksityiskohdat: varmistaa, että teksti on oikein, kuvat ovat oikeissa paikoissa, linkit toimivat ja välistys näyttää hyvältä jokaisella sivulla.

Tarkista SEO

Jos Webflow-sivustosi sai hakukoneliikennettä, SEO:on kannattaa kiinnittää huomiota migraation aikana. Google rankkaa yksittäisiä sivuja, ei verkkosivustoja. Jokainen sivuston sivu on kerännyt oman sijoituksensa ajan myötä, ja tämä sijoitus on sidottu sen tiettyyn URL:iin. Jos siirryt uudelle alustalle ja nämä URL:it muuttuvat tai katoavat, Google kohtelee niitä uusina sivuina ilman historiaa, ja menetät niiden tuottaman liikenteen.

Pyydä Repaintia vertaamaan vanhaa sivustoasi uuteen ja vahvistamaan, että kaikki sivusi ovat samoissa URL-osoitteissa kuin Webflow'ssa. Jos jotkut URL:it muuttuivat, kannattaa asettaa uudelleenohjaukset vanhoista URL-osoitteista uusiin, jotta Google voi seurata polkua. Repaint voi auttaa siinä.

Kun sivustosi näyttää hyvältä ja sisältö on oikein, olet valmis julkaisemaan.

Vaihe 5: Julkaise

Kun olet valmis, paina Julkaise-painiketta oikeassa yläkulmassa. Tämä toimii samalla tavalla kuin julkaiseminen Webflow'ssa. Sivustosi julkaistaan Repaint-URL-osoitteessa, jonka voit jakaa kenelle tahansa. Se näyttää suunnilleen tältä: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

Tämä tekee siitä oikean verkkosivuston internetissä. Voit avata sen puhelimellasi, lähettää sen ystävälle tai jakaa sen sosiaalisessa mediassa.

Tässä vaiheessa sinulla on kaksi live-sivustoa: yksi Repaintissa ja yksi Webflow'ssa. Verkkotunnuksesi osoittaa edelleen Webflow-sivustoosi, joten kävijöillesi ei ole muuttunut mitään. Kun olet valmis tekemään vaihdon, voit siirtää verkkotunnuksesi osoittamaan uuteen sivustoon.

Vaihe 6: Siirrä verkkotunnuksesi

Kun olet valmis siirtymään live-tilaan, sinun täytyy osoittaa verkkotunnuksesi Repaintiin. Mene kohtaan Sivuston asetukset > Verkkotunnukset ja napsauta Yhdistä mukautettu verkkotunnus. Tämä vaatii maksullisen tilauksen. Voit nähdä hintatiedot täältä.

Verkkotunnuksesi on erillinen Webflow'sta. Se on rekisteröity verkkotunnustoimittajalle, kuten GoDaddy, Namecheap tai Cloudflare. Sinun ei tarvitse siirtää sitä mihinkään. Päivität vain asetukset verkkotunnustoimittajallasi siten, että verkkotunnuksesi osoittaa Repaintiin Webflow'n sijaan. Jos joku muu on perustanut sivustosi, varmista, että sinulla on kirjautumistunnukset verkkotunnustoimittajallesi ennen tämän vaiheen aloittamista.

Jos et ole koskaan tehnyt tätä aiemmin, älä huoli. Pyydä Repaintia opastamaan sinut läpi prosessin. Se kertoo tarkalleen, mitä tehdä, vaihe vaiheelta.

Muutos voi kestää muutaman tunnin tulla voimaan. Kun Repaint näyttää verkkotunnuksesi vahvistetuksi, olet live-tilassa. Voit peruuttaa Webflow-tilauksesi milloin tahansa.

Yhteenveto

Vuosien ajan Webflow'sta lähteminen tarkoitti uudelleenrakentamista alusta tai jonkun palkkaamista sen tekemiseen. Näin ei enää ole. Voit tuoda sisältösi Repaintiin, saada toimivan sivuston minuuteissa ja hallita sitä itse ilman monimutkaisen työkalun opettelua. Jos olet lykännyt uudelleenrakentamista, koska se tuntui liian suurelta työmäärältä, nyt on hyvä aika kokeilla.

Usein kysytyt kysymykset

Kuinka kauan Webflow-migraatio kestää?

Sivuston suunnitteluun, sisällön tuontiin ja uuden sivuston luomiseen menee yleensä 3–15 minuuttia. Sen jälkeen julkaisuun kuluva aika riippuu tarvittavien säätöjen määrästä ja siitä, tarvitseeko lisää sisältöä tuoda. Useimmat sivustot voidaan siirtää muutamassa tunnissa.

Näyttääkö sivustoni samalta mobiilissa?

Repaint rakentaa sivustosi automaattisesti niin, että se mukautuu eri näyttökokoihin. Useimmiten sinun ei tarvitse huolehtia siitä. Mutta jos huomaat jotain epäsopivaa, voit pyytää Repaintia tekemään muutoksia tietyille laitteen kooille.

Toimivatko lomakkeeni vielä migraation jälkeen?

Kyllä. Repaint voi luoda yhteydenottolomakkeita, jotka lähettävät sähköposteja postilaatikkoosi. Jos käytät mukautettua upotusta kuten Typeform tai Google Forms, Repaint yrittää yhdistää sen, mutta saatat joutua jakamaan upotuskoodin Repaintille.

Mitä tapahtuu Webflow-sivustolleni migraation aikana?

Migraation aikana Webflow-sivustollesi ei tapahdu mitään. Se on täysin erillinen. Teet vain uuden sivuston Repaintissa. Kun olet tyytyväinen uuteen sivustoon, voit siirtää verkkotunnuksesi osoittamaan uuteen. Tai jos päätät pitää Webflow-sivustosi, mitään ei tarvitse tehdä.

Voinko siirtää Webflow-sivuston, jossa on verkkokauppa?

Osittain. Repaint voi luoda verkkosivustoja verkkokauppaa varten, mutta se ei rakenna kassaprosessia tai käsittele maksuja. Jos sinun täytyy myydä tuotteita, sinun täytyy yhdistää kolmannen osapuolen palveluun, kuten Shopify tai Stripe. Jos kauppasi käyttää upotettavia widgettejä, jaa upotuskoodi Repaintille ja se integroi sen.

Voinko siirtää vain yhden sivun kokeillakseni?

Kyllä. Voit tuoda vain yhden sivun kokeillaksesi. Tämä on hyvä tapa nähdä, sopiiko Repaint yrityksellesi. Kun olet tyytyväinen tulokseen, voit pyytää Repaintia rakentamaan loppuosan sivustostasi.

Paljonko Webflow'sta Repaintiin siirtyminen maksaa?

Sivuston luominen ja muokkaamisen aloittaminen on ilmaista. Ilmaistason tärkeimmät rajoitukset ovat rajallinen käyttö, mukautetun verkkotunnuksen lisäämismahdollisuuden puuttuminen ja Repaint-merkki sivustolla. Maksulliset suunnitelmat alkavat 20 $/kuukausi vuosittain laskutettuna tai 25 $/kuukausi kuukausittain laskutettuna. Niihin sisältyy laajennettu käyttö, mukautettu verkkotunnus ja Repaint-merkin poistaminen.

Mitä tapahtuu, kun tekoäly tekee virheen? Voinko peruuttaa yksittäisiä muutoksia?

Kun teet päivityksiä, Repaint tallentaa jokaisen sivustosi version. Voit pyytää Repaintia palaamaan taaksepäin, ja se palautuu aiempaan versioon. Tai jos haluat palata tiettyyn ajankohtaan, voit palauttaa minkä tahansa aiemman version manuaalisesti.

Miten Repaint käsittelee mukautettua koodia tai kolmannen osapuolen upotuksia Webflow'sta?

Repaint voi ajaa mukautettua koodia tai upotuksia Webflow-sivustoilta. Se yrittää siirtää kaiken automaattisesti ensimmäisellä kerralla, mutta jättää usein jotain huomioimatta. Jos näin käy, liitä upotuskoodi chattiin ja Repaint hoitaa sen siitä eteenpäin.