Många användare vill nu gå ifrån Webflow på grund av dess höga kostnader och begränsade flexibilitet för ägare av webbplatser.
Att flytta från Webflow till WordPress kan verka komplicerat, men det är värt det. WordPress är flexibelt, mer prisvärt och erbjuder många alternativ för anpassning genom tillägg och teman (ingen kodning obligatorisk). WordPress ger dig också fullständig kontroll över din webbplats.
Eftersom bytet från Webflow till WordPress inte är helt okomplicerat har vi gått igenom hela processen för att hjälpa dig. I den här przewodniken hjälper vi dig att flytta din webbplats, steg för steg.
Du kommer att lära dig hur du ställer in WordPress och överför ditt innehåll från Webflow. Vårt mål är att göra övergången så enkel och smidig som möjligt.
Här är en snabb översikt över de steg du kommer att följa för att flytta din webbplats från WebFloware till WordPress:
- Why Migrate From Webflow to WordPress?
- Step 1: Sign Up for WordPress Hosting
- Step 2: Choose a WordPress Theme
- Step 3: Export Your Webflow Website
- Step 4: Export Your Blog Posts
- Step 5: Recreating Webflow Pages in WordPress
- Step 6: Import Blog Posts into WordPress
- Step 7: Import Images
- Step 8: Change Domain Name Settings
- Step 9: Set Up Permalinks
- Step 10: Install Essential WordPress Plugins
- Learn WordPress (Free Resources)
- Alternative: Get Professional Help With Webflow Migration
Varför flytta från Webflow till WordPress?
Många användare väljer Webflow för dess användarvänliga designverktyg och enkla skapande av webbplatser.
De inser dock snabbt Webflows begränsningar. Det är en sluten plattform med färre anpassningar, begränsade integrationer och underprissättning.
Därför rekommenderar vi att användare undviker Webflow och använder WordPress istället.
Vi har använt och testat alla de bästa webbplatsbyggarna, och ingen kommer i närheten av WordPress. Det driver mer än 43% av alla webbplatser, inklusive många stora varumärken.
Här är bara några saker som gör WordPress till ett mycket bättre val än Webflow:
- Kostnadseffektivt: Det finns många prisvärda alternativ för webbhotell för WordPress. Det är en gratis plattform med öppen källkod som tillåter dig att kontrollera dina kostnader.
- Anpassare: Det har utmärkta sidbyggare utan kod, tusentals teman (designmallar) och många tillägg (59 000+). Tillsammans ger dessa verktyg dig obegränsade alternativ för anpassning.
- Integrationer: WordPress är den mest populära byggaren av webbplatser och har integrationer för de flesta verktyg från tredje part. Du kommer att kunna använda alla marknadsförings-, e-handels- eller tillväxtverktyg på din webbplats.
- Skalbarhet: Uppgradera paketen för webbhotell i takt med att din webbplats växer och betala bara för de resurser du behöver.
Att byta till WordPress ger dig mer kontroll och bättre alternativ. Det blir lättare att hantera din webbplats och du sparar pengar på lång sikt.
Låt oss dyka ner i stegen för att göra denna övergång smidig och utan problem.
Steg 1: Registrera dig för webbhotell för WordPress
För att börja flytta behöver du en dostawca hostingu WordPress. En bra dostawca hostingu ser till att din webbplats fungerar smidigt och kan hantera trafik.
Vi rekommenderar att du använder Bluehost, en officiell WordPress-rekommenderad hostingu. Bluehost erbjuder just nu våra användare ett gratis domännamn och en enorm rabatt på webbhotell.
Du kan börja kl. 1,99 USD/månad, vilket gör det till ett prisvärt och tillförlitligt val.
Alternativ: Om du vill ha andra alternativ kan du överväga Hostinger eller SiteGround. Båda är väl ansedda och erbjuder utmärkt prestanda.
I den här poradniken kommer vi att visa dig skärmdumpar från Bluehost. Den grundläggande processen är dock densamma för alla dostawca hostinguider högst upp WordPress.
Gå till Bluehost webbplats och klicka på knappen ”Kom igång nu”.
Du kommer då att se prissidan, där du uppmanas att välja ett paket.
Paketet Basic är lämpligt för de flesta webbplatser.
Klicka på ”Välj” för att välja ett paket och fortsätt.
I nästa steg kommer Bluehost att be dig att välja din domän.
Om du redan har en anpassad domän som du använder för din webbplats för Webflow kan du ange den i rutan ”Använd en domän som du äger”.
Alternativt kan du välja ditt gratis domännamn här eller klicka på ”Jag skapar min domän senare” för att hoppa över det här steget.
Därefter anger du din personliga information och betalningsuppgifter för att slutföra köpet.
Bluehost kommer nu att skicka dig ett e-postmeddelande med dina inloggningsuppgifter. Du kan använda dem för att logga in på din kokpit på webbhotellet.
När du loggar in första gången kommer Bluehost automatiskt att installera WordPress åt dig. Klicka på knappen ”Redigera webbplats” för att öppna kokpiten i WordPress.
Behöver du hjälp med att installera WordPress? Se vår Färdigbehandlade installationshandledning för WordPress för detaljerade steg-för-steg-instruktioner.
Nu när du har installerat WordPress är nästa steg att välja ett tema (designmallar) för din webbplats.
Steg 2: Välj ett tema för WordPress
När du har installerat WordPress är nästa steg att välja ett tema för din webbplats. Det kommer att styra utseendet och känslan på din webbplats.
Det finns tusentals betalda och gratis WordPress teman tillgängliga.
Nya användare kan dock känna sig överväldigade av de många valen. För att hjälpa dig att markera det perfekta temat har vårt team sammanställt en lista över de mest populära WordPress-temana.
Vi rekommenderar att du väljer en enkel layout med mycket vitt utrymme. Baserat på vår erfarenhet av att bygga webbplatser för våra företag har vi funnit att rena, minimalistiska layouter ser mer professionella och användarvänliga ut.
Tänk inte för mycket på ditt val. Du kan alltid ändra din WordPress tema om du hittar en bättre.
Senare i den här artikeln kommer vi att diskutera hur du utformar sidor i WordPress med hjälp av sidbyggare utan kod. Det kommer att ge dig ännu mer kontroll över webbplatsens design.
Nu ska vi börja exportera data från Webflow så att du kan importować dem till din nya webbplats i WordPress.
Steg 3: Exportera din webbplats för Webflow
Webflow tillåter dig att exportera en del av din innehåll, men du kan inte exportera allt.
Här är vad du kan exportera:
- Exportera webbplatser inkluderar HTML, CSS, JS och bilder/media (endast med Workspace-paket).
- Exportera CMS-komponenter, till exempel blogginlägg.
Exportera webbplats för Webflow
Du kan inte importera sidor från Webflow direkt till din webbplats i WordPress. Men du kanske vill spara din webbplats innan du flyttar innehållet till WordPress.
Om du har ett paket med Webflow Workspace kan du använda funktionen Code Export för att exportera din webbplats och spara den på datorn.
Logga in på ditt Webflow-konto och starta Designer-verktyget.
Du kommer nu att ange användargränssnittet för Webflow Designer.
För din mus till det övre högra hörnet av vyn och klicka på knappen ”Exportera kod”.
Detta öppnar popup-fönstret Exportera kod.
Längst ner i popup-fönstret måste du klicka på knappen ”Prepare ZIP” för att fortsätta.
Webflow kommer sedan att förbereda dina filer, som du kan ladda ner till din dator.
Obs/observera : Om du ej använder paketet Workspace måste du spara dina sidor manuellt på datorn. Alternativt kan du använda HTTrack-webbplatskopieraren för att genomsöka din webbplats och ladda ner alla sidor till din dator.
Steg 4: Exportera dina blogginlägg
Webflow tillåter dig att exportera CMS-komponenter som gillar blogginlägg, som kan importeras till WordPress.
I Webflow-designern växlar du till kartan ”CMS” (finns i det vänstra verktygsfältet) och klickar på ”Blogginlägg”.
Därefter måste du klicka på knappen ”Exportera” högst upp för att ladda ner dina blogginlägg i CSV-format.
Steg 5: Återskapa Sidor i Webflow i WordPress
Nu när du har ditt Webflow-innehåll i butik på datorn kan du börja föra över det till din nya WordPress webbplats.
Även om du inte kan importować enskilda sidor från Webflow direkt till din WordPress webbplats, kan du enkelt återskapa dem.
För att göra det behöver du en sidbyggare utan kod som SeedProd. Det är ett drag-och-släpp-designverktyg som tillåter dig att skapa fantastiska webbsidor utan att skriva någon kod.
Först måste du installera och aktivera tillägget SeedProd. Mer information finns i vår poradnik om hur du installerar ett tillägg till WordPress.
När du har aktiverat tillägget går du till SeedProd ” Landningssidor i WordPress administratörsområde och klickar på knappen ”Lägg till ny landningssida”.
Därefter blir du ombedd att välja en mall.
SeedProd levereras med flera 111111 mallar. Du bör välja en som liknar de sidor du vill återskapa.
Ange sedan ett namn på din sida och välj en URL-slug.
Vi rekommenderar att du använder samma URL-slug som den sida du hade på Webflow. Detta kommer att tillåta dig att behålla din söktrafik och sökmotorsoptimering.
Klicka på ”Spara och börja redigera sidan” för att fortsätta.
Detta kommer att ta dig till SeedProd sida byggare gränssnitt. Du kan använda din mus för att flytta dig överallt på vyn, klicka på ett objekt och börja redigera det.
Du kan också lägga till nya element från den vänstra kolumnen genom att dra och släppa dem där du vill visa dem.
SeedProd gör det mycket enkelt att designa vilken sida som helst. Du kan ändra layouter, använda anpassade färger, lägga till din logga och mycket mer.
Mer information finns i vår poradnik om hur du skapar en landningssida i WordPress.
Vill du prova en annan sidbyggare? Prova Thrive Architect, en annan utmärkt sidbyggare utan kod för WordPress.
Steg 6: Importera blogginlägg till WordPress
Lyckligtvis är det lite enklare att importerować blogginlägg från Webflow till WordPress.
Du måste installera och aktivera tillägget WP All Import. Efter aktivering går du till sidan All Import ” Ny import i WordPress obszar administracyjny.
Klicka på alternativet ”Ladda upp en fil” och markera CSV-filen som du hämtade tidigare.
Tillägget kommer automatiskt att upptäcka innehållstypen (inlägg) och välja den åt dig.
Klicka på knappen ”Fortsätt till steg 2” för nästa steg.
Tillägget kommer sedan att visa dig en förhandsgranskning av data i filen. Klicka på ”Fortsätt” för att gå vidare till nästa steg.
Nu kommer du att bli ombedd att ompeka fält till fälten i WordPress inlägg. Instansitivt kan du dra namnfältet
till rubriken för WordPress-inlägget.
När du har matchat fält till motsvarande områden i WordPress klickar du bara på knappen ”Fortsätt till steg 4”.
Därefter måste du definiera ett unikt ID för dina inlägg. Använd knappen ”Auto-detektera” för att generera ett ID:n. Det används internt av WordPress och kommer ej att visas på din webbplats.
Slutligen klickar du på ”Confirm & Run Import” för att slutföra processen.
Tillägget kommer att meddela dig när importować är klar.
Steg 7: Importować av bilder
WP All Import kommer ej att automatiskt uppladda dina bilder från Webflow till WordPress.
Din webbplats kommer fortfarande att visa bilder som serveras på din Webflow-webbplats, vilket kommer att bli ett problem när din Webflow-webbplats borttages.
Som tur är finns det ett enkelt sätt att importera externa bilder till mediabiblioteket i WordPress med hjälp av ett tillägg.
Först måste du installera och aktivera tillägget Auto Upload Images.
Efter aktivering går du till sidan Inlägg ” Alla inlägg. Markera alla dina blogginlägg och välj ”Redigera” i rullgardinsmenyn ”Massåtgärder”.
Klicka på knappen ”Tillämpa” för att fortsätta.
WordPress kommer att visa ett alternativ för Quick Update för alla inlägg. Klicka bara på knappen ”Uppdatera” så kommer WordPress att uppdatera alla dina blogginlägg utan att göra några ändringar i dem.
Detta kommer att utlösa uppladdningsfunktionen, och tillägget kommer att importera alla externa bilder som finns i dina blogginlägg till mediabiblioteket.
Mer information finns i vår poradnik om hur du enkelt importerar externa bilder i WordPress.
Steg 8: Ändra inställningar för domännamn
Om du använde ett anpassat domännamn på din gamla Webflow-webbplats kan du nu peka det mot din nya WordPress-webbplats.
För att göra det måste du ändra inställningarna för domänens namnserver. Inställningar för DNS eller domännamnsserver pekar ut ditt domännamn till din dostawca hostingu.
Din dostawca hostingu kommer att förse dig med den information om namnservrar som du behöver använda. Det gillar vanligtvis så här:
- ns1.bluehost.com
- ns2. bluehost.com
- ns3. bluehost.com
Mer information finns i vår poradnik om hur du byter namnservrar för domäner.
Steg 9: Konfigurera permalänkar
WordPress tillåter dig att välja en sökmotorsoptimerande URL-struktur för din webbplats genom att ändra permalänkar.
Du måste matcha dina permalänkar i WordPress med samma URL-struktur som du hade på din gamla webbplats för Webflow.
För att göra det går du till sidan Inställningar ” Permalänkar i obszar administracyjny i WordPress.
Du måste välja alternativet Namn på inlägg för att matcha dina URL:er med Webflows URL-struktur.
Glöm inte att klicka på knappen ”Spara ändringar” för att uppdatera inställningarna för din permalänk.
Steg 10: Installera viktiga tillägg till WordPress
Nu när du har importować ditt innehåll till din webbplats är nästa steg att installera några viktiga tillägg för WordPress.
Tillägg är som appar för din WordPress webbplats. Liksom appar på din telefon lägger tillägg till nya funktioner och funktionalitet på din WordPress webbplats.
Följer några av de mest utvalda WordPress tillägg som lägger till viktiga funktioner på en ny WordPress webbplats:
- WPForms – Tillåter dig att lägga till kontaktformulär på din webbplats i WordPress.
- All in One SEO för WordPress: Den mest omfattande verktygslådan för sökmotorsoptimering för WordPress. Det hjälper dig att få mer gratis trafik från sökmotorer.
- Duplicator: Det tillåter dig att ställa in automatiska säkerhetskopior för WordPress. Du kan också automatiskt uppladda säkerhetskopiorna till molnet och återställa dem med ett klick om det behövs.
- MonsterInsights: Det hjälper dig att enkelt installera Google Analytics i WordPress och visar dig lättförståeliga trafikrapporter för webbplatsen direkt i din kokpanel.
- PushEngage: Vill du skicka omedelbara aviseringar till användare på mobila och stationära enheter? PushEngage är den bästa tjänsten för pushnotiser på marknaden och hjälper dig att få tillbaka besökare på webbplatsen, öka sidvisningar och öka konverteringar.
Behöver du fler verktyg och tips för att få din nya WordPress webbplats att växa? Se hela vår lista över tillägg till WordPress som du måste ha för alla typer av webbplatser.
Lär dig WordPress (gratis resurser)
WordPress är ganska användarvänligt, men ibland kan du behöva lite hjälp med att navigera i det.
Här är några lärresurser som hjälper dig att snabbt bli bekant med WordPress:
- Utbildningskurser i WordPress: Gratis videoklipp om WordPress som är utformade för nybörjare. Vi rekommenderar att du börjar med WordPress 101, som har 33 lektioner som täcker grunderna i WordPress för nya användare.
- WPBeginner på YouTube: Vår YouTube-kanal har över 931 videoklipp och 972 000 prenumeranter. Här hittar du detaljerade videoklipp, tips och tricks och praktiska råd om hur du får din verksamhet att växa med WordPress.
- WPBeginners lösningscenter: Undrar du vilket tillägg eller verktyg du ska använda? Vårt Solution Center är en samling av de bästa verktygen och tilläggen för WordPress, som testats och granskats noggrant av vårt team.
- WordPress Ordlista: En ordlista med vanliga WordPress termer förklarade för nybörjare. Det är en idealisk plats för WordPress nybörjare att börja och bekanta sig med WordPress lingo.
Behöver du hjälp med ett specifikt WordPress ämne? Skriv bara din fråga i Google och lägg till ”WPBeginner” i slutet.
Vi har publicerat WordPress-resurser, poradniker och przewodniker under de senaste 15+ åren. Det finns en god chans att vi redan har en steg-för-steg poradnik om det ämnet.
Alternativ: Få professionell hjälp med att flytta Webflow
Webflow är en sluten proprietär plattform och det gör det inte alls lätt att flytta din webbplats till WordPress.
Att följa stegen i vår poradnik ovan kan vara tidskrävande och stressande för nybörjare. Även om du har följt stegen är det inte säkert att du får med dig alla dina data till WordPress.
En enklare lösning skulle vara att få professionell WordPress hjälp med att flytta.
Du kan anlita professionella WordPress utvecklare och diskutera dina krav. Sedan kan du betala dem per timme för att felsöka dina problem med att flytta.
Du kan till exempel välja våra Premium WordPress Support Services och kontakta våra utvecklare för att få hjälp med migrering på begäran.
Vi erbjuder också en tjänst för snabb lansering av webbplats där vi designar en helt anpassad och attraktiv WordPress webbplats som passar dina behov. Du kan sedan köpa en utökning av antalet utvecklingstimmar, och vårt team kan även hantera din flytt av Webflow.
Om du har några frågor om dessa tjänster kan du bara chatta med vår supportagent på vår sida med tjänster för webbdesign.
Vi hoppas att den här artikeln hjälpte dig att flytta från Webflow till WordPress. Du kanske också vill se vår poradnik om hur du får mer trafik till din WordPress webbplats eller kontrollera alla olika sätt att tjäna pengar online med WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!