Łatwy 7-etapowy przewodnik po migracji z Webflow do WordPress

Webflow bardzo ułatwia tworzenie strony internetowej bez konieczności używania kodu dzięki edytorowi typu „przeciągnij i upuść” oraz wstępnie zaprojektowanym szablonom.

Ale wraz ze wzrostem potrzeb prawdopodobnie napotkasz ograniczenia.

Możliwość tworzenia członkostwa online jest wciąż w fazie beta, podczas gdy w WordPress jest dostępna od lat przy użyciu wtyczek takich jak SureMembers.

Potrzebujesz oszałamiającej witryny eCommerce ? Zbuduj sklep o wysokiej konwersji z SureCart.

Potężne wtyczki, takie jak Spectra, zapewniają bloki projektowe, szkielety i szablony do łatwego tworzenia pięknych stron internetowych.

Moglibyśmy kontynuować…

Chodzi o to, że nie musisz być przywiązany do oprogramowania własnościowego. Dzięki WordPress możesz osiągnąć więcej i lepsze wyniki.

Dlatego w tym przewodniku zobaczysz , jak krok po kroku przeprowadzić migrację z Webflow do WordPress .

Czeka na Ciebie nowy sposób tworzenia i zarządzania stronami internetowymi.

Wskoczmy w to!

Wejdź w nową erę elastyczności i kontroli, migrując swoją witrynę z #Webflow do #WordPress.

Czego potrzebujesz, aby przejść z Webflow na WordPress?

Podczas migracji z Webflow do WordPress będziesz potrzebować tylko kilku niezbędnych rzeczy.

Webflow zapewnia wszystkie elementy potrzebne do stworzenia i utrzymania funkcjonalnej strony internetowej.

1. Subdomena na webflow.io lub możliwość podpięcia niestandardowej domeny.
2. Oprogramowanie do stworzenia Twojej strony internetowej.
3. Hosting , aby pomieścić wszystkie elementy witryny.

Aby przeprowadzić migrację do witryny WordPress, musisz najpierw samodzielnie zreplikować te zasoby.

1. Nazwa domeny. Jeśli masz już domenę niestandardową w Webflow, musisz wskazać ją nowemu hostowi.
2. Funkcje witryny. Musisz zainstalować WordPressa. Wymagany będzie również profesjonalny motyw i kilka wtyczek do replikacji niektórych funkcji Webflow.
3. Hosting. To miejsce, w którym będziesz przechowywać wszystko dla swojej witryny.

To może wydawać się dużo, ale przekonasz się, że jest to bardzo prosty proces.

Jak przeprowadzić migrację z Webflow do WordPress krok po kroku

Migracja polega na stworzeniu nowej platformy z WordPressem, a następnie przeniesieniu treści z Webflow na nową stronę.

Zobaczmy, jak to osiągnąć krok po kroku.

Krok 1. Uzyskaj hosting

Przede wszystkim będziesz potrzebować hostingu WordPress, na którym wszystko zainstalujesz i będziesz przechowywać.

Zalecamy korzystanie z Hostinger lub CloudWays, ponieważ oferują one szereg niezawodnych planów w rozsądnych cenach.

W tym przykładzie użyjemy Cloudways.

Ale możesz wykonać kroki z Hostingerem lub jakimkolwiek innym dostawcą hosta, ponieważ proces będzie dość podobny.

Cloudways oferuje szereg opcji hostingu, od podstawowych po najbardziej zaawansowane. Uważamy, że podstawowy plan Digital Ocean powinien wystarczyć na początek.

.

Ten plan oferuje 1 TB przepustowości. Coś, czego nie oferuje nawet biznesplan Webflow za 39 USD miesięcznie.

To prawdopodobnie więcej niż wystarczy, aby zacząć, chociaż zawsze możesz dokonać aktualizacji w dowolnym momencie, jeśli zajdzie taka potrzeba.

Krok 2. Zainstaluj WordPressa

Po rejestracji będziesz musiał zainstalować WordPress na właśnie zakupionym serwerze Cloudways.

1. Wybierz WordPress jako aplikację, którą chcesz zainstalować.
2. Wybierz najbliższą lokalizację, w której będzie znajdować się większość Twoich klientów.

W tym momencie możesz zwiększyć rozmiar serwera, jeśli chcesz.

W przeciwnym razie pozostaw wszystkie parametry bez zmian i kliknij Uruchom teraz, aby zakończyć konfigurację serwera i instalację WordPress.

Krok 3. Dostosuj WordPressa

Przejdź do instalacji WordPress, którą właśnie zainstalowałeś i znajdź dane logowania administratora WordPress na karcie Szczegóły dostępu .

• Zauważ, że Cloudways zapewnia tymczasową bezpłatną domenę, która jest subdomeną, taką jak name.cloudways.com .
  • Jest to podobne do subdomeny zapewnianej również przez Webflow ( domain.webflow.io )

Powyższy adres URL i poświadczenia przeniosą Cię do panelu administracyjnego WordPress, który jest częściowo podobny do pulpitu nawigacyjnego Webflow.

Teraz nadszedł czas na dostosowanie WordPressa .

Najpierw potrzebujesz motywu .

Polecamy Astrę. Jest bardzo lekki i szybki i można go łatwo dostosować do wszystkiego, czego potrzebujesz.

WordPress ma już edytor bloków dla części projektowej.

Ale jeśli chcesz czegoś mocniejszego, możesz zainstalować Spectrę, która zawiera więcej bloków i funkcji.

WordPress jest bardzo elastyczny i pozwala na setki motywów i opcji wtyczek.

W tej chwili zalecamy skupienie się tylko na projekcie i niewiele więcej, abyśmy mogli kontynuować proces migracji.

Krok 4. Eksportuj zawartość Webflow

Teraz masz już gotową nową platformę WordPress, którą musisz wypełnić treścią.

Z pulpitu nawigacyjnego Webflow przejdź do sekcji Kolekcja CMS .

Wybierz treść, którą chcesz przenieść, w naszym przypadku posty na blogu, i kliknij przycisk Eksportuj .

Otrzymasz plik CSV z wybranymi elementami.

Możesz powtórzyć ten krok dla dowolnej posiadanej kolekcji. Niestety nie można wyeksportować statycznych stron ani obrazów .

Ważny

Od tego momentu nie powinieneś niczego modyfikować w Webflow. Jeśli dodasz więcej treści, nie będą one już importowane do WordPressa, ponieważ już je pobraliśmy.

Krok 5. Zaimportuj zawartość do WordPress

Teraz musisz zaimportować zawartość, którą właśnie wyeksportowałeś w Webflow do WordPress.

Jest tylko jedna mała wada: WordPress nie może natywnie importować plików CSV .

Na szczęście rozwiązanie jest proste. Wszystko, co musisz zrobić, to zainstalować darmową wtyczkę o nazwie WP All Import .

Zrobisz to z panelu administracyjnego WordPress > Wtyczki > Dodaj nowy .

Użyj funkcji wyszukiwania, aby zlokalizować wtyczkę, a następnie zainstaluj ją i aktywuj .

Następnie wybierz WP All Import z paska bocznego, zaimportuj wcześniej pobrany plik i określ, jakiego rodzaju jest to zawartość.

W tym przypadku posty. Zmień to na to, co pobrałeś w tym czasie.

Przed sfinalizowaniem importu możesz sprawdzić, jakie treści zostaną zaimportowane.

Jeśli przewiniesz w dół, zauważysz, że obrazy są nadal połączone z Twoim kontem Webflow.

Pamiętaj, że obrazy nie mogą być automatycznie eksportowane z Webflow do WordPress .

Jest to proces, który musisz wykonać ręcznie. Ale w następnym kroku pokażemy Ci, jak zrobić to szybciej.

W ostatnim kroku musisz utworzyć szablon importu .

Oznacza to poinformowanie wtyczki, jaka treść zostanie zawarta w której sekcji artykułu.

Przeciągając i upuszczając, możesz wskazać, że informacje znalezione w „nazwie” zostaną użyte jako tytuł postu, „postbody” jako treść i tak dalej.

Gdy wszystko będzie gotowe, przewiń w dół i kliknij Kontynuuj , aby przejść do ostatniego kroku.

Kliknij opcję Auto-Detect , aby wtyczka przypisała unikalny identyfikator do każdego importowanego elementu, a następnie ponownie kliknij przycisk Kontynuuj .

Uruchom import i gotowe.

Artykuły pojawią się na stronie Posty w WordPress.

Użyj tej samej procedury do migracji innych treści z Webflow, aby wszystko zostało dodane do WordPress.

Krok 6. Prześlij ponownie obrazy

Webflow nie pozwala na eksport obrazów.

Odwołuje się do nich za pomocą kodu, więc będą widoczne w twoich postach WordPress.

Będą one hostowane w Webflow i znikną, jeśli usuniesz swoje konto.

Aby skutecznie rozwiązać ten problem, możesz użyć wtyczki Automatyczne przesyłanie obrazów, ponieważ:

• Skanuje artykuły w poszukiwaniu obrazów osadzonych w zewnętrznych witrynach.
• Pobiera je z oryginalnego źródła, przesyła do WordPress i wymienia starą referencję.

Automatyczne przesyłanie obrazów jest naprawdę łatwe w użyciu, po zainstalowaniu i aktywacji:

1. Przejdź do Post > Wszystkie posty .
2. Wybierz je wszystkie .
3. W pierwszym menu rozwijanym wybierz Edytuj .
4. Kliknij przycisk Zastosuj .

W panelu edycji, który się pojawi, pozostaw wszystko tak, jak jest i po prostu kliknij Aktualizuj .

Wtyczka będzie działać w tle, a połączone obrazy będą od teraz hostowane w Twojej witrynie.

Krok 7. Przekieruj domenę

Twoja witryna jest teraz doskonale funkcjonalna. Ale teraz jest dostępny tylko za pośrednictwem tymczasowego adresu URL dostarczonego przez Cloudways.

Twoja domena nadal wskazuje na Twoją stronę wykonaną w Webflow.

Aby rozwiązać ten problem, musisz wykonać dwa kroki .

Najpierw dodaj domenę, której chcesz używać w panelu Cloudways i ustaw ją jako domenę podstawową .

Następnie skopiuj publiczny adres IP swojego serwera .

Znajdziesz go w zakładce szczegółów dostępu w Cloudways.

Na koniec musisz udać się do rejestratora domen i zmodyfikować kilka wartości. Zamiast wskazywać na serwery Webflow, chcemy, aby wskazywał na Cloudways.

Odbywa się to poprzez modyfikację DNS poprzez dodanie 2 nowych rekordów.

Zobacz przykład poniżej, jak to się robi w Namecheap.

• Nagranie:
  • Host/Nazwa: @ lub puste.
  • Wartość/cel: adres IP, który właśnie skopiowałeś.
  • TTL: Automatyczny/Domyślny.
• Rekord CNAME:
  • Gospodarz: www
  • Wartość: nazwa Twojej domeny (np. nameofyourstore.com)
  • TTL: Pozostaw domyślne

Po wprowadzeniu tej aktualizacji może być konieczne odczekanie do 48 godzin na rozpowszechnienie zmiany.

Jeśli utkniesz, Twój rejestrator domen lub nowy dostawca usług hostingowych powinien być w stanie Ci pomóc.

Kolejne kroki po migracji

Po zakończeniu migracji należy szybko sprawdzić i ręcznie pracować nad niektórymi aspektami witryny.

• Odtwórz strony: Webflow nie pozwala na eksportowanie stron statycznych. Będziesz musiał utworzyć je ręcznie w WordPress.

• Odtwórz menu nawigacyjne: I inne elementy, takie jak widżety paska bocznego lub stopki.
• Zainstaluj dodatkowe wtyczki: do tworzenia formularzy kontaktowych, przechwytywania potencjalnych klientów i wszelkich innych, aby przywrócić ważne funkcje Twojej firmy.
• Zainstaluj ponownie kod, którego teraz brakuje. Jak kod z Google Analytics lub Meta Pixels.

Przetestuj wszystko , aby upewnić się, że wszystko jest pod kontrolą i że nie pozostawiłeś żadnych treści w Webflow.

Gdy będziesz tego pewien, zamknij swoje konto Webflow, aby uniknąć dodatkowych kosztów.

Migracja z Webflow do WordPress — często zadawane pytania

Ten przewodnik zawiera wszystko, co musisz wiedzieć, ale doceniamy, że nadal możesz mieć pytania.

Ostatnie przemyślenia na temat przejścia z Webflow na WordPress

Migracja strony internetowej z Webflow do WordPressa nie jest trudna.

Po utworzeniu nowego cyfrowego domu za pomocą WordPress na wybranym przez siebie hostingu i skonfigurowaniu projektu zgodnie z własnymi upodobaniami, wystarczy przenieść zawartość z jednego miejsca do drugiego.

WP All Import pomoże, importując posty na blogu lub produkty, które wcześniej wyeksportowałeś z Webflow.

Pamiętaj jednak, że obrazy nie są eksportowane, ale osadzane z oryginalnego źródła, więc aby rozwiązać ten problem, musisz użyć wtyczki Automatyczne przesyłanie obrazów.

Webflow i WordPress to bardzo różne platformy, dlatego nieuniknione jest, że pewnych elementów nie da się przenieść.

Menu nawigacyjne, formularze kontaktowe czy sama szata graficzna to nieodłączne cechy Webflow. Będziesz musiał odtworzyć je ręcznie w WordPress, ale jest to łatwe.

Może to być dodatkowy krok, ale musisz to zrobić tylko raz.

I warto zacząć pracę z łatwiejszą w obsłudze i tańszą platformą, którą można rozbudowywać na nieograniczone sposoby dzięki wtyczkom i integracjom.

Jakie są powody, dla których zdecydowałeś się odejść z Webflow?

Czy chcesz wiedzieć, jak powielić funkcję platformy w WordPress?

Daj nam znać w komentarzach poniżej!