Webflow to hostowana platforma, która łączy w jednym produkcie edytor wizualny, system zarządzania treścią i hosting. Układy budujesz wizualnie, ale na prawdziwych koncepcjach z HTML i CSS, takich jak klasy, flexbox i grid. Ustrukturyzowane treści trafiają do kolekcji CMS, a serwerami zajmuje się Webflow. Nie ma wtyczek do aktualizowania, wersji PHP do pilnowania ani serwera do łatania.
Ceną jest kontrola. Pracujesz w granicach tego, co oferuje platforma, płacisz stały abonament i akceptujesz limity zależne od planu. Ten poradnik wyjaśnia, kiedy ten kompromis dobrze się sprawdza, a kiedy WordPress pozostaje lepszym miejscem dla Twojej strony.
Dla kogo jest Webflow
- Zespoły marketingu, które chcą publikować podstrony bez programisty. Jeśli strona ma przemyślany system komponentów i klas, marketerzy mogą składać landing page z gotowych bloków i edytować treści bezpośrednio na podstronie.
- Marki, w których design gra pierwsze skrzypce. Webflow daje projektantom precyzyjną kontrolę nad układem, typografią i interakcjami, bez motywu, który wchodzi w drogę.
- Organizacje zmęczone utrzymaniem. Jeśli aktualizacje wtyczek, ostrzeżenia bezpieczeństwa i układy rozsypujące się po aktualizacjach zabierają Ci czas, hostowana platforma zdejmie z Ciebie większość tej pracy.
- Strony firmowe, kampanijne i contentowe średniej wielkości, takie jak strony firm, strony produktowe, blogi i bazy wiedzy, których ilość treści mieści się swobodnie w limitach planu.
Kiedy zostać na WordPressie
Webflow okazuje się złym wyborem częściej, niż sugeruje jego marketing. Pozostanie na WordPressie, najlepiej zmodernizowanym, jest zwykle lepsze, gdy:
- Strona opiera się na funkcjach z wtyczek, takich jak członkostwa, kursy online, rezerwacje, katalogi (np. firm), fora, sieci multisite albo formularze ze złożoną logiką. W Webflow każda z nich staje się zewnętrznym narzędziem lub własnym kodem, o ile w ogóle da się ją odtworzyć.
- Prowadzisz sklep na WooCommerce z dużym katalogiem, subskrypcjami, złożonymi wariantami, cenami B2B lub niestandardowymi rozszerzeniami.
- Biblioteka treści jest bardzo duża albo korzysta z rozbudowanych taksonomii, przez co zbliżyłaby się do limitów planu lub je przekroczyła.
- Potrzebujesz kodu po stronie serwera, własnej bazy danych lub własnego hostingu, na przykład z powodu wymagań co do miejsca przechowywania danych albo integracji z systemami wewnętrznymi.
- Procesy redakcyjne są złożone: wielu autorów, niestandardowe role i wieloetapowe akceptacje.
- Obecna strona w zasadzie działa. Jeśli problemem jest szybkość, podstawowe zabezpieczenia albo przestarzały motyw, naprawa na miejscu jest zwykle tańsza i niesie mniejsze ryzyko dla SEO niż jakakolwiek migracja.
Najważniejsze różnice
| Obszar | WordPress | Webflow |
|---|---|---|
| Hosting | Sam wybierasz hosting i nim zarządzasz albo korzystasz z zarządzanego hostingu WordPressa, który oferują też polscy dostawcy. | Hosting wyłącznie w Webflow. W niektórych planach można wyeksportować statyczny kod, ale treści z CMS i funkcje dynamiczne w eksporcie nie działają. |
| Rozszerzalność | Dziesiątki tysięcy wtyczek plus własny kod PHP. | Aplikacje z marketplace Webflow, osadzony własny kod i usługi zewnętrzne. |
| Budowanie układów | Motywy, edytor blokowy lub page buildery. | Edytor wizualny działający bezpośrednio na koncepcjach HTML i CSS; komponenty wielokrotnego użytku. |
| Struktura treści | Wpisy, podstrony, własne typy wpisów, taksonomie i pola niestandardowe. | Kolekcje CMS z typowanymi polami i polami referencji między kolekcjami. |
| Utrzymanie | Aktualizacje rdzenia, motywu i wtyczek, kopie zapasowe i monitoring bezpieczeństwa. | Platforma dba o hosting, aktualizacje i bezpieczeństwo infrastruktury. |
| Koszty | Hosting plus licencje płatnych wtyczek, plus czas na utrzymanie. | Plan strony plus miejsca dla użytkowników w workspace i opcjonalne dodatki, na przykład lokalizacja. |
Jak przenieść treści do kolekcji CMS
Większość pojęć z WordPressa ma odpowiednik w Webflow, ale niektóre trzeba przemyśleć od nowa, zamiast kopiować je wprost. Zaplanuj mapowanie, zanim ktokolwiek zacznie budować:
| WordPress | Webflow | Uwagi |
|---|---|---|
| Podstrony (w WordPressie: Strony) | Podstrony statyczne | Każdy odrębny układ projektujesz w Designerze; zastanów się, które podstrony mogłyby stać się szablonami wielokrotnego użytku. |
| Wpisy | Kolekcja „Wpisy” z szablonem kolekcji | Jeden szablon wyświetla każdy element kolekcji. |
| Kategorie | Kolekcja „Kategorie” plus pole referencji we wpisach | Archiwa kategorii stają się szablonem kolekcji „Kategorie”. |
| Tagi | Kolekcja „Tagi” plus pole wielokrotnej referencji (multi-reference) | Wcześnie przetestuj filtrowanie i sortowanie, których potrzebujesz na podstronach tagów; nie każde zachowanie archiwów z WordPressa ma bezpośredni odpowiednik. |
| Własne typy wpisów | Dodatkowe kolekcje | Członkowie zespołu, case studies, lokalizacje i podobne typy przenoszą się dobrze. |
| Pola niestandardowe (np. ACF) | Typowane pola kolekcji | Pola tekstowe, rich text, obraz, liczba, data, przełącznik, opcja, link i referencja pokrywają większość potrzeb. |
| Pola powtarzalne (repeater) i flexible content | Brak bezpośredniego odpowiednika | Użyj osobnej kolekcji z polem multi-reference, pól z wieloma obrazami, rich textu albo odtwórz sekcję jako statyczny element projektu. |
| Autorzy | Kolekcja „Autorzy” | Autorzy stają się elementami treści, a nie kontami użytkowników. |
| Shortcode’y, bloki wielokrotnego użytku, wzorce | Komponenty lub osadzony własny kod | Shortcode’y trzeba usunąć z importowanego tekstu i odtworzyć. |
| Pola z wtyczki SEO | Ustawienia SEO podstron oraz pola kolekcji powiązane z tytułem i opisem SEO | Zaimportuj dotychczasowe tytuły i opisy jako pola, zamiast pisać je wszystkie od nowa. |
| Komentarze | Brak natywnych komentarzy | Użyj zewnętrznego widżetu albo zarchiwizuj stare komentarze jako część treści. |
Limity planów i koszty
Webflow ogranicza zależnie od planu kilka rzeczy, między innymi liczbę elementów CMS, liczbę kolekcji i pól w kolekcji, zgłoszenia z formularzy, produkty w sklepie, wersje językowe i miejsca dla redaktorów. Limity i ceny się zmieniają, więc zanim się zdecydujesz, sprawdź aktualne limity planów Webflow i porównaj je ze swoją inwentaryzacją. Policz wpisy, kategorie, tagi, autorów i każdy własny typ wpisu, a potem dolicz spodziewany przyrost w ciągu najbliższych dwóch, trzech lat.
Blog z tysiącami wpisów i rozbudowaną chmurą tagów może wymusić wyższy plan albo sprawić, że Webflow w ogóle przestanie pasować. Na wielu stronach tę presję zmniejsza połączenie lub wycofanie nieaktualnych treści, co i tak warto zrobić przy każdej migracji.
Do planowania SiteRefactor przyjmuje 18–80 USD miesięcznie za plan strony w Webflow i miejsca dla użytkowników plus od jednej do trzech godzin utrzymania w miesiącu. Kwoty w tym poradniku podajemy w dolarach amerykańskich (USD), bo w tej walucie liczy kalkulator SiteRefactor. To przedział do planowania, a nie cennik; rzeczywisty koszt zależy od planu, dodatków i liczby potrzebnych miejsc.
Sklep internetowy i wersje językowe
Sklep internetowy
Webflow Ecommerce dobrze sprawdza się przy małych katalogach, w których liczy się wygląd, a zakupy są częścią doświadczenia marki. W porównaniu z WooCommerce czy Shopify ma większe ograniczenia w obszarach takich jak subskrypcje, złożone opcje produktów, ceny B2B, sprzedaż w wielu walutach, aplikacje typu marketplace i bardzo duże katalogi. Liczba produktów i dostępne metody płatności zależą od planu, więc sprawdź też, czy obsłużysz metody płatności, których oczekują Twoi klienci w Polsce. Jeśli sklep jest kluczowy dla biznesu, przed decyzją porównaj Webflow z Shopify albo z pozostaniem przy zmodernizowanym sklepie na WooCommerce.
Wersje językowe
Wielojęzyczne strony na WordPressie zwykle korzystają z WPML, Polylang lub podobnej wtyczki. Webflow oferuje lokalizację jako płatny dodatek z osobnymi adresami URL dla poszczególnych języków. Przed migracją sprawdź, które elementy można przetłumaczyć w planie, który rozważasz (podstrony statyczne, elementy CMS, pola SEO, obrazy i teksty alternatywne), ile wersji językowych obejmuje plan i jak obsługiwany jest hreflang. Przypisz każdemu istniejącemu adresowi w danym języku jego nowy odpowiednik, na przykład osobno dla wersji polskiej i angielskiej; wielojęzyczne struktury adresów to częste źródło błędów w przekierowaniach.
Import treści
Są trzy praktyczne drogi, a większość projektów łączy je ze sobą:
1. Import z pliku CSV
Webflow potrafi zaimportować pliki CSV do kolekcji CMS. Wyeksportuj treści z WordPressa wtyczką do eksportu, przez WP-CLI albo REST API, a przed importem je oczyść: usuń shortcode’y i kod page buildera, przekonwertuj daty, popraw adresy obrazów i przygotuj osobny plik CSV dla każdej kolekcji. Najpierw importuj kolekcje, do których odwołują się inne (kategorie, autorzy), a dopiero potem te, które się do nich odwołują. Pola referencji to najbardziej żmudna część, więc sprawdź, jak obecny importer je dopasowuje.
2. API Webflow
Przy większych lub powtarzalnych importach skrypt może czytać dane z WordPressa, przekształcać je i tworzyć elementy kolekcji przez Webflow Data API. Daje to pełną kontrolę nad referencjami, obrazami i rich textem, ale to praca programistyczna: trzeba obsłużyć limity zapytań, zadbać o to, żeby skrypt można było bezpiecznie uruchomić ponownie, i przetestować go na kopii przed importem do właściwego projektu.
3. Ręczne przeniesienie
Małe strony i podstrony statyczne często najszybciej przenieść ręcznie, zwłaszcza gdy układy i tak się zmieniają. Uwzględnij to w budżecie: to realna praca, nawet jeśli prosta.
Niezależnie od wybranej drogi zwróć uwagę na te szczegóły:
- Rich text z tabelami, własnym HTML, stylami inline lub ramkami iframe zwykle wymaga oczyszczenia albo odtworzenia jako osadzony kod.
- Teksty alternatywne obrazów, podpisy i obrazki wyróżniające wymagają osobnych kolumn lub pól; łatwo je zgubić.
- Linki wewnętrzne w treści nadal prowadzą do starych adresów z WordPressa; zaktualizuj je, żeby odwiedzający nie przechodzili przez przekierowania.
- Treści zbudowane w Elementorze, Divi lub WPBakery nie importują się czysto i zwykle odtwarza się je w Designerze.
SEO i przekierowania
Struktura adresów URL to najważniejsza kwestia SEO przy przejściu na Webflow. Elementy CMS są publikowane pod ścieżką swojej kolekcji, na przykład /blog/slug-wpisu. Permalinki z datą, takie jak /2023/05/slug-wpisu/, wpisy w katalogu głównym strony i głębsze struktury folderów zwykle nie dadzą się odtworzyć dla elementów CMS, więc te adresy się zmienią i będą wymagały przekierowań.
- Zbuduj pełną mapę przekierowań na podstawie inwentaryzacji adresów URL: wpisy, podstrony, archiwa kategorii i tagów, strony autorów, paginacja, strony załączników i kanały RSS.
- Skorzystaj z ustawień przekierowań 301 w projekcie Webflow. Reguły oparte na wzorcach obsłużą przewidywalne struktury, na przykład blog z datami w adresach; przy długich listach przekierowań sprawdź aktualne możliwości.
- Przetestuj warianty z ukośnikiem na końcu i bez niego. Adresy w WordPressie zwykle kończą się ukośnikiem; upewnij się, że obie formy każdego ważnego starego adresu trafiają na właściwą nową podstronę jednym przekierowaniem.
- Przenieś tytuły, opisy, obrazy Open Graph i teksty alternatywne, zamiast pisać je wszystkie od nowa w dniu publikacji.
- Odtwórz dane strukturalne, które generowała Twoja wtyczka SEO, za pomocą własnego kodu w ustawieniach podstron i szablonów.
- Sprawdź mapę strony i ustawienia tagów kanonicznych, a po publikacji zgłoś nową mapę strony w Google Search Console.
Licz się z pewnymi wahaniami pozycji, dopóki wyszukiwarki przetwarzają zmiany. Celem migracji SEO jest ochrona tego, co już masz; sama zmiana platformy nie jest strategią na lepsze pozycje. Cały proces publikacji opisuje checklista migracji WordPressa.
Przebieg typowego projektu
- Inwentaryzacja i decyzja: adresy URL, typy treści, wtyczki i integracje; porównaj je z limitami i funkcjami planów.
- Style guide i system komponentów: ustal konwencję nazewnictwa klas i komponenty wielokrotnego użytku, żeby stronę dało się dalej wygodnie utrzymywać.
- Budowa podstron statycznych i szablonów kolekcji.
- Konfiguracja kolekcji i import treści.
- Zastąpienie funkcji wtyczek: formularze, newsletter, analityka, baner zgód i wszelkie osadzone elementy.
- Migracja SEO: przekierowania, metadane, dane strukturalne, mapa strony.
- Testy (QA) na różnych urządzeniach i w różnych przeglądarkach, a potem publikacja przez przełączenie DNS.
- Monitoring błędów 404, Search Console i analityki przez cztery do ośmiu tygodni.
- Szkolenie redaktorów i dokumentacja tego, który komponent do czego służy.
Dla orientacji w kosztach: przy domyślnych założeniach SiteRefactor firmowa strona wizytówka z 15 podstronami i czterema szablonami wychodzi orientacyjnie 4500–22 500 USD za migrację na Webflow, a strona z 250 podstronami zbudowana w Elementorze 7750–40 000 USD. Dane wejściowe i metodę wyjaśnia nasz poradnik o kosztach migracji strony. To przedziały do planowania budżetu, a nie wycena.
Zanim podejmiesz decyzję
- Kto będzie na co dzień edytować stronę i czy te osoby wypróbowały już edycję w Webflow?
- Czy Twoja inwentaryzacja treści, łącznie ze spodziewanym przyrostem, mieści się w aktualnych limitach planu?
- Czy każda funkcja z wtyczek ma przypisane rozwiązanie: odtworzenie, zastąpienie usługą albo świadomą rezygnację?
- Czy Twoje wymagania dotyczące sklepu, członkostw i wersji językowych pasują do platformy w jej obecnym kształcie?
- Czy odpowiada Ci platforma dostępna wyłącznie w hostingu dostawcy i stały abonament?
- Czy masz pełny plan przekierowań dla adresów, których nie da się zachować?
- Czy porównano to z kosztem modernizacji obecnej strony na WordPressie?
Jeśli nie masz pewności, zacznij od faktów. Analiza SiteRefactor na podstawie publicznie dostępnych sygnałów wykrywa obecne technologie, page builder i wtyczki, szacuje liczbę podstron na podstawie mapy strony i porównuje migrację na Webflow z pozostaniem przy obecnej stronie, jej modernizacją lub przebudową. Chcesz pójść dalej? Możesz skorzystać z wygenerowanego planu DIY albo poprosić w raporcie o profesjonalną wycenę.