Webflow vs. Wordpress. Która platforma będzie lepsza dla Twojej strony internetowej?

Wstęp

‍

Dotarłeś do tego artykułu, ponieważ prawdopodobnie masz zamiar zbudować nową stronę internetową dla siebie lub swojej firmy. Prawdopodobnie wiesz, dlaczego każda firma musi mieć stronę internetową i dlaczego jest to tak ważne, aby mieć obecność online. A może masz już stronę internetową, ale jeden, który został zbudowany kilka lat temu. Strona nie wygląda już ładnie i nie spełnia swojego biznesowego celu. Zmiana jest konieczna. 

W poniższym artykule pokażę Ci jakie są główne zalety i wady dwóch popularnych rozwiązań do budowy stron internetowych. Jednym z nich jest bardzo znany w Polsce i na świecie WordPress. Drugim jest rozwiązanie bardzo popularne w Stanach Zjednoczonych i Australii, które coraz mocniej rozpycha się w Europie - Webflow. 

‍

Myślę, że to kwestia czasu, kiedy liczba stron działających na Webflow dorówna tym z silnikiem WordPress.

‍

Jaka jest różnica między Webflow a WordPressem?

‍

Zanim zagłębimy się w zalety i wady każdej z platform, poznajmy każdą z nich bardziej szczegółowo.

‍

‍

‍Czym jest Webflow?

‍Webflow to platforma internetowa typu no-code. Daje możliwość budowania responsywnych (tj. dobrze wyglądających na komputerze i telefonach komórkowych) stron internetowych bez pisania linii kodu. Projektanci znający HTML i CSS mogą z łatwością budować zaawansowane strony internetowe na wizualnym projektancie. Za jedną opłatą Webflow zapewnia hosting i dba o bezpieczeństwo i wydajność strony. 

Czym jest WordPress?

WordPress to system zarządzania treścią (CMS) typu open-source. Używany jest przez ponad 40% wszystkich stron internetowych na świecie. Projektanci kontrolują wygląd swojej strony poprzez szablony (darmowe lub płatne) i dodają nowe funkcje poprzez wtyczki. Korzystając z WordPressa, projektanci sami dbają o hosting, bezpieczeństwo i wydajność strony.

‍

Ogólnie rzecz biorąc, oba narzędzia wykonają zadanie - pomogą Ci zbudować stronę internetową. Jednak z pewnością nie chcesz kolejnej przeciętnej strony w internecie. Dlatego rozważając Webflow vs. WordPress, powinieneś zwrócić uwagę na kluczowe cechy. Mają one duże znaczenie! Zajmiemy się nimi w następnym rozdziale!

‍

‍

Przygotowanie środowiska pracy

‍

Webflow

Niektórzy zaliczają obie platformy do rodziny no-code. Osobiście nie zgodziłbym się z tym stwierdzeniem. Dla mnie Webflow, w przeciwieństwie do WordPressa, jest klasycznym przykładem rodziny nocode. Budowanie stron na Webflow można rozpocząć praktycznie od razu po zalogowaniu się na platformę. Klikamy "NEW SITE" i już działamy. Środowisko jest od razu gotowe i możemy zacząć budować naszą stronę.

‍

WordPress

Zanim przystąpimy do fazy budowania, musimy przygotować całą infrastrukturę. Musimy kupić serwer, założyć konta FTP, stworzyć bazę danych, pobrać pliki instalacyjne WP i wgrać je na serwer, połączyć Instalator z bazą danych i ... wreszcie możemy zabrać się za tworzenie strony na WordPressie.

‍

Budowanie strony internetowej

‍

Webflow

Budowanie strony w Webflow odbywa się poprzez widok Designer, gdzie przenosimy komponenty z dostępnego menu do obszaru roboczego. Następnie konfigurujemy komponent poprzez dodanie klas CSS. Dzięki klasom CSS możemy precyzyjnie określić wygląd, rozmiar, kolory, pozycjonowanie na stronie, zachowanie podczas przewijania czy klikania. Praktycznie bez żadnych ograniczeń. Idealne rozwiązanie dla projektanta. 

WordPress

Strony budujemy na backendzie. Dodajemy gotowe komponenty, które wypełniamy treścią. W zależności od pobranego szablonu, komponenty mają pewien z góry ustalony wygląd. Możemy oczywiście ustawić kolor czy wielkość czcionki. Jednak zmiana wyglądu i rozmieszczenia elementów na komponencie jest już problematyczna. Nie obejdzie się bez grzebania w kodzie PHP. Nawet szukanie plików na serwerze staje się dość problematyczne, gdyż każdy szablon ma inny układ plików.

‍

‍

Webflow vs. WordPress - porównanie

‍

Poniżej przygotowałem porównanie dwóch wspomnianych platform. Porównuję czyste instalacje. Takie, które nie zawierają szablonów, wtyczek i innych dodatków.

‍

‍

Strona zbudowana w WordPress - czy to dobry wybór?

Przyjrzyjmy się tej najbardziej znanej platformie open-source. Jakie ma zalety i jakie ma wady.

Dlaczego warto korzystać z systemu CMS WordPress w 2023 roku?

‍

‍

Dodatki

Obecnie dostępnych jest ponad 59 000 darmowych wtyczek do WordPressa oraz niezliczona ilość płatnych rozwiązań. Dzięki nim możesz rozszerzyć możliwości swojej strony o dodatkowe funkcjonalności.

‍

Szablony

Na najbardziej znanym marketplace, ThemeForest, możesz kupić szablon strony internetowej. Możesz wybrać, z ponad 15 500 dostępnych szablonów, ten który najbardziej Ci się podoba i wypełnić go treścią. Jest to świetne rozwiązanie, jeśli nie masz we własnym zakresie projektanta lub dewelopera.

Niskie koszty utrzymania

Sam silnik WordPress jest rozwiązaniem open-source, rozwijanym przez programistów-ochotników. Jest to oprogramowanie bezpłatne. WordPress do działania wymaga miejsca na serwerze oraz bazy danych. Sam hosting jest dość tani. Na tej stronie znajdziesz hosting o najlepszych parametrach.

‍

Jeśli nie chcemy w ogóle płacić za utrzymanie naszej strony, możemy zbudować ją na www.wordpress.com. Nie należy jednak spodziewać się po takiej stronie spektakularnych efektów. Trudno będzie ją pozycjonować, a co dopiero dbać o wydajność.

CMS (System Zarządzania Treścią)

Trzeba powiedzieć, że WordPress ma świetne rozwiązanie o nazwie Gutenberg. Dzięki niemu możemy budować strony i posty na naszej stronie poprzez dodawanie elementów do naszego postu lub podstrony. Polecam obejrzeć filmik, w którym dowiesz się jak zacząć korzystać z Gutenberg WordPress.

‍

‍

Dlaczego uważam, że WordPress to złe rozwiązanie w 2023 roku?

Błędy w kodzie

Sama instalacja WordPressa jest czysta i przyjemna. Nie zrobimy jednak na nim ciekawej strony bez zainstalowania motywu lub wprowadzenia zmian w kodzie strony. Każda taka ingerencja skutkuje dodaniem kodu "trzeciej strony". ‍

‍

Zdarza się również, że zainstalowane wtyczki mają 'dziury' w kodzie, przez co nasza strona może ucierpieć. Przykładem jest popularna wtyczka visual page builder: Kaswara Modern WPBakery Page Builder Addons, której niskiej jakości kod uszkodził tysiące stron opartych na WordPressie.

‍

Niekończące się aktualizacje

Chcesz mieć formularz kontaktowy na swojej stronie? Zainstaluj wtyczkę. Chcesz zrobić ankietę na stronie? Zainstaluj wtyczkę. Chcesz zaimplementować wyskakujące okienka? Zainstaluj wtyczkę.

‍

To wspaniałe móc rozszerzyć możliwości strony w tak prosty sposób. Wtyczki naprawdę dodają wartości. Należy jednak pamiętać, że trzeba je aktualizować. Dodatkowo sama Fundacja WordPress wyda nową wersję swojego oprogramowania, którą również należy regularnie aktualizować. Dowiedz się jak bezpiecznie aktualizować WordPressa.

‍

Bez aktualizacji nasza strona staje się dziurawa i może zostać shakowana. Jeśli tak się stanie, w najlepszym wypadku nasz programista ją uratuje lub odtworzy ostatnią działającą wersję. W najgorszym razie strona będzie musiała zostać usunięta z serwera i zbudowana od nowa.

‍

Zależność od szablonu

Jeśli nie jesteś programistą znającym PHP, HTML, CSS i JS to będziesz musiał zaakceptować wygląd i działanie elementów dostępnych w szablonie. Ich zmiana będzie praktycznie niemożliwa, poza edycją kolorów czy wielkości czcionek (to też nie zawsze). Kilka tysięcy szablonów stron internetowych można znaleźć na stronie WordPress Themes.

‍

Brak wsparcia ze strony WordPress

WordPress jest udostępniany za darmo i nie posiada własnego wsparcia. Jest oczywiście uruchomione oficjalne forum, gdzie ludzie szukają pomocy w trudnych chwilach. Nie ma jednak oficjalnego wsparcia, ze strony pracowników/programistów WordPressa.

‍

‍

Budowanie stron internetowch w Webflow - czy to dobry pomysł?

Przejdźmy teraz do platformy Webflow, która jest uwielbiana przez projektantów i designerów.

‍

Dlaczego warto zbudować stronę internetową w Webflow?

Budowanie stron bez kodowania

Wizualne budowanie stron daje projektantom możliwość tworzenia niestandardowych stron internetowych bez potrzeby używania kodu. Tworząc strony na Webflow metodą "przenieś i upuść", nie musisz się martwić o kod tworzony na zapleczu witryny. W przeciwieństwie do WordPressa, strony na Webflow zawierają tylko niezbędne elementy HTML i CSS, a także JS, jeśli używasz animacji lub niestandardowego kodu JavaScript.

‍

Bezpieczeństwo

Platforma Webflow działa na infrastrukturze firmy Amazon, a dokładniej na Amazon Web Service. O bezpieczeństwo aplikacji Webflow, a tym samym Twojej witryny, dbają specjaliści z firmy Amazon i Webflow. Dbają oni o to, aby usługi były zawsze dostępne i działały poprawnie, a nieproszeni goście nie zawędrowali do Twojej instalacji.

‍

Webflow nie potrzebuje wtyczek

W WordPressie, aby połączyć się z Google Analytics lub Google Tag Manager, potrzebujesz wtyczki. Aby umieścić na swojej stronie Facebook Pixel, potrzebujesz wtyczki. Aby przyspieszyć swoją stronę, potrzebujesz wtyczki. Aby skonfigurować formularz kontaktowy, potrzebujesz wtyczki. W Webflow, te i wiele innych funkcji są wbudowane. Wchodzisz w ustawienia i wypełniasz odpowiednie pola. Proste. 

‍

Szablony

Istnieje kilka stron, na których można znaleźć szablony przygotowane dla Webflow. Na stronie szablony Webflow masz dostęp do ponad 1000 szablonów Webflow przygotowanych przez certyfikowanych projektantów. Nie są to byle jakie osoby. Musisz przejść przez proces recenzji i zatwierdzenia przez projektantów Webflow, aby móc oferować swoje szablony na wspomnianej stronie.

‍

W przeciwieństwie do WordPressa, szablony są w pełni edytowalne. Możemy zmienić wygląd przycisków, kolory czcionek czy zmodyfikować animacje Webflow.

‍

Szybkość i gwarantowana wydajność

Jak już wspomniałem, Webflow działa na serwerach firmy Amazon. Dzięki temu strony działające na tej platformie mają dostępność na poziomie 99,99%. Należy jednak zaznaczyć, że tylko witryny uruchomione na najwyższym planie mają tego pełną gwarancję ze strony Webflow. 

‍

Webflow wspiera błyskawiczne skalowanie zasobów. Jeśli mamy dużo odwiedzających stronę, Webflow automatycznie dodaje pamięci i mocy obliczeniowej naszej witrynie, aby nasi goście korzystali z niej w komfortowych warunkach.

‍

Możemy łatwo zoptymalizować (zminifikować) kod HTML, CSS i JS. Dzięki temu nasza strona będzie ładować się szybciej.

‍

Dowiedz się czym jest minifikacja koduw poniższym filmie.

‍

Wszystkie plany zawierają CDN dla wysokiej prędkości ładowania strony. Bardziej zaawansowane plany zawierają zaawansowany globalny CDN. 

‍

Czym jest CDN? Kiedy strona internetowa korzysta z CDN, żądanie użytkownika jest wysyłane do najbliższego serwera CDN. To znacznie zmniejsza opóźnienia i - w konsekwencji - sprawia, że strona internetowa lub e-commerce ładuje się znacznie szybciej.

‍

W rezultacie użytkownicy na całym świecie otrzymują poszukiwane treści bez długiego czasu oczekiwania, niezależnie od lokalizacji ich komputera w Internecie.

Bardzo elastyczny CMS

‍

W Webflow sami tworzymy CMS (Content Management System), że tak powiem. To my decydujemy, które pola będą widoczne dla użytkownika podczas dodawania nowego wpisu lub studium przypadku. 

‍

Każde z tych pól może być warunkowane. Przykładowo, możliwe jest ustawienie maksymalnej liczby znaków dla pola tekstowego lub minimalnego/maksymalnego rozmiaru (szerokość, wysokość i waga) dodanego nośnika. 

‍

Wsparcie dla ecommerce

Choć Webflow nie jest wprost stworzony do budowania sklepów internetowych, można na nim zbudować podstawowy, prosty sklep. Oczywiście bez instalowania dodatkowych wtyczek :) 

‍

Funkcjonalność sklepu jest ograniczona. Można oczywiście sprzedawać produkty. Jest integracja ze Stripe jako systemem płatności. Nie ma jednak możliwości tworzenia kont użytkowników. A integracja z firmami kurierskimi jest utrudniona. Jeśli chcesz założyć sklep internetowy, lepiej skorzystać z platformy Shopify. Dlaczego Shopify? Jest to dedykowana platforma do budowy sklepów internetowych.

‍

Dlaczego nie powinieneś korzystać z Webflow do budowy stron www?

‍

Subskrypcja

W przeciwieństwie do WordPressa, Webflow nie jest darmowy. Tzn. jest, ale w celach edukacyjnych i przy budowie strony internetowej. Docelowo, aby podpiąć swoją domenę, musimy wykupić abonament miesięczny lub roczny na utrzymanie strony.

‍

Do wyboru jest pięć planów abonamentowych. W większości przypadków wystarczy zakupić plan Basic. Jeśli nie planujesz edytować strony to zamiast tego planu polecam wyeksportowanie kodu i umieszczenie go na standardowym serwerze, np. na hostingu OVH. Jest jeszcze plan CMS, który daje dużo większe możliwości. Dzięki niemu możemy stworzyć bloga, case studies, stronę z ofertami pracy itp. a możliwość edycji tych stron jest delegowana do odpowiednich działów. Dodawanie nowych elementów odbywa się z poziomu systemu CMS.

‍

‍

Jeśli mamy problem z wyborem odpowiedniego dla nas planu, zawsze możemy skontaktować się z pomocą techniczną Webflow. Konsultant dobierze odpowiedni plan do naszych potrzeb. 

‍

Możesz także napisać do mnie na Twitter. Bardzo chętnie Ci pomogę wybrać odpowiedni plan 🙂

Długa krzywa uczenia się

Webflow posiada wiele wbudowanych funkcjonalności. Aby je poznać i odpowiednio wykorzystać i wykorzystać, musimy zagłębić się w temat. 

‍

Osobiście uważam, że najlepsze filmy instruktażowe zostały stworzone przez... Webflow. Na stronie Webflow University znajdziesz świetny Webflow 101 Crash Course, który łącznie trwa około 2 godzin. Po jego przejściu będziesz w stanie zbudować podstawową stronę na Webflow.

‍

Aby bezproblemowo pracować z Webflow, musisz znać przynajmniej podstawy HTML i CSS. Bez tego nie będziesz w stanie zbudować strony, która będzie się dobrze wyświetlać na komputerach i urządzeniach mobilnych.

‍

Jeśli natomiast chcemy przejść na wyższy poziom, niezbędna jest zaawansowana znajomość CSS i JavaScript. 

‍

‍

Podsumowanie

Pracowałem na obu platformach. Przez ponad 7 lat budowałem strony na WordPressie. Z Webflow jestem związany od 2020 roku. Przyznam, że obie platformy są świetne do budowania stron internetowych.

‍

Zarówno na Webflow jak i na WordPressie postawisz stronę osobistą lub firmową. Wszystko zależy od Twoich osobistych preferencji i budżetu. Na WordPressie zbudujesz standardową stronę internetową, korzystając z szablonu. Doprawisz ją wtyczkami i będziesz miał dużą funkcjonalność bez programowania całości. Wszystko to bez pomocy programistów i projektantów. Niestety, będziesz musiał pamiętać o regularnym utrzymaniu swojej strony.

‍

Jeśli jesteś projektantem lub firmą, która potrzebuje całkowitej swobody w budowaniu strony internetowej, to Webflow jest zdecydowanie najlepszym wyborem dla Ciebie. Webflow daje możliwość odtworzenia projektu (np. z Figmy lub Adobe XD) praktycznie w całości. Na dodatek dodawanie własnych animacji jest dostępne bez pisania linijki kodu.

‍

‍