Tworząc projekty w WordPressie można je przygotować w sposób standardowy, czyli programując i kodując tak jak się od zawsze robiło robiąc strony internetowe. Można również ułatwić sobie życie i skorzystać z builderów – czyli wizualnego tworzenia strony. Oczywiście programiści od razu podniosą lament, że to nie jest “koszerne” i tak stworzone serwisy nie są tak bardzo wydajne.

Wiadomo – te stworzone za pomocą edytorów wizualnych mają może kilka procent niższe prędkości wczytywania, ale… wynagrodzi nam to szybkość tworzenia takich stron oraz ew. zmian wyglądu. Poza tym do takiego tworzenia nie jest potrzebny programista. Poradzi sobie z tym każdy – czy to projektant, czy nawet zwykłe, nietechniczny człowiek. Więc warto pochylić się nad tematem.

Czym są edytory wizualne?

Edytory wizualne, to najprościej rzecz ujmując wtyczki do WordPress, które umożliwiają tworzenie stron internetowych na podglądzie strony na zasadzie WYSIWYG (what you see is what you get). Dzięki temu nie musisz znać żadnego języka programowania, żeby stworzyć to co sobie wymyśliłeś. Po prostu odpalasz stronę do edycji i układasz klocki z odpowiednią zawartością. W ten sposób możesz stworzyć cały serwis nie pisząc nawet jednej linijki kodu.

Jakie edytory są dostępne na rynku?

Tak naprawdę takich edytorów jest bardzo dużo. Nawet sam WordPress zauważył tą tendencję i zmienił swój klasyczny edytor na Gutenberga. Natomiast nie jest w 100% edytorem wizualnym – to co stworzysz widzisz w edycji w uproszczonej formie. Natomiast same style i ostateczny wygląd dopiero w podglądzie.

W ciągu ostatnich lat rynek został zdominowany przez 2 graczy – Divi i Elementor. Cała reszta builderów w sumie się nie liczy i nie jest tak dynamicznie rozwijana. Sam korzystam z obydwu rozwiązań w kilku projektach i myślę, że po kilku latach jestem w stanie dość dobrze je podsumować.

Elementor

Elementor jest chyba najpowszechniejszym edytorem – przede wszystkim dlatego, że jego podstawowa wersja jest dostępna za darmo. Oczywiście jak w przypadku wszystkich darmowych rzeczy – żeby naprawdę rozwinęła skrzydła – musisz zainwestować w wersję PRO (licencje od 59$ za rok – do użycia na jednej stronie.)

W podstawowej wersji Elementor służy do tworzenia zawartości stron. Oczywiście z pewnymi ograniczeniami, ale mając już swój serwis – możesz doinstalować Elementora i uzupełniać content za pomocą buildera. W wersji PRO możesz już stworzyć całą stronę – masz możliwość stylowania zarówno nagłówka jak i stopki. Przy wyższych pakietach możliwości rosną – np. możesz za jego pomocą stylować sklep internetowy (WooCommerce), czy tworzyć same strony sklepu, produktów czy koszyka.

Zalety Elementora

1. Prostota użycia: Elementor oferuje intuicyjny interfejs, który umożliwia użytkownikom łatwe przeciąganie i upuszczanie elementów na stronie. Nawet osoby bez doświadczenia w programowaniu mogą łatwo tworzyć atrakcyjne strony internetowe.
2. Edycja wizualna „Na Żywo”: Jedną z głównych zalet Elementora jest możliwość edycji strony w czasie rzeczywistym. Wszystkie zmiany są odzwierciedlane na bieżąco, co pozwala użytkownikom natychmiast zobaczyć, jak będą wyglądać ich strony po opublikowaniu.
3. Duża biblioteka szablonów: Elementor oferuje szeroką gamę gotowych szablonów, które mogą znacząco przyspieszyć proces projektowania strony. Szablony są responsywne i mogą być dostosowywane do indywidualnych potrzeb.
4. Rozbudowane funkcje wizualne: Elementor dostarcza różnorodne elementy i widgety, które umożliwiają dodawanie zaawansowanych funkcji do stron internetowych, takich jak galerie, formularze, animacje i wiele innych, bez konieczności korzystania z dodatkowych wtyczek.
5. Kompatybilność z wieloma motywami: Elementor działa dobrze z wieloma motywami WordPress, co daje użytkownikom elastyczność w wyborze projektu strony.
6. Współpraca z wtyczkami: Elementor jest zazwyczaj kompatybilny z wieloma popularnymi wtyczkami WordPress, co umożliwia użytkownikom rozszerzanie funkcjonalności swoich stron.
7. Wsparcie społeczności i dokumentacja: Elementor ma aktywną społeczność użytkowników, co oznacza, że można znaleźć wiele poradników, tutoriali i wsparcie od innych użytkowników online. Ponadto, dostępna jest dobrze udokumentowana oficjalna dokumentacja.
8. Bezpłatna wersja podstawowa: Elementor oferuje wersję podstawową (Elementor Free), która dostarcza wiele podstawowych funkcji, umożliwiając użytkownikom korzystanie z narzędzia bez ponoszenia dodatkowych kosztów.

Wady Elementora

1. Wydajność strony: Niektórzy użytkownicy zgłaszają, że Elementor może wpływać na wydajność strony, szczególnie jeśli jest używany z dużą ilością elementów i zaawansowanych funkcji. Należy zwrócić uwagę na optymalizację strony, aby uniknąć spadku prędkości ładowania.
2. Zajętość miejsca w bazie danych: Elementor generuje duże ilości danych, co może prowadzić do zajętości miejsca w bazie danych WordPress. Niektórzy użytkownicy zauważyli, że baza danych może się powiększyć, co może wpływać na wydajność witryny.
3. Zależność od motywu: Elementor działa dobrze z wieloma motywami, ale nie zawsze jest kompatybilny z każdym. W niektórych przypadkach użytkownicy mogą napotkać problemy z wyglądem strony, zwłaszcza jeśli motyw nie jest odpowiednio dostosowany do korzystania z kreatora Elementor.
4. Wymagane aktualizacje: Elementor regularnie aktualizuje swoje oprogramowanie, co może czasami prowadzić do konieczności aktualizacji motywów i innych wtyczek. Niektórzy użytkownicy preferują stabilność i unikają częstych aktualizacji.
5. Złożoność struktury HTML: Strony zbudowane za pomocą Elementora mogą generować dość złożony kod HTML, co nie zawsze jest optymalne z punktu widzenia SEO. Dla osób skoncentrowanych na optymalizacji dla wyszukiwarek, może to być istotne.
6. Konieczność dodatkowych wtyczek: Mimo że Elementor oferuje wiele funkcji, czasami użytkownicy muszą korzystać z dodatkowych wtyczek, aby uzyskać pewne zaawansowane funkcje. Może to prowadzić do nadmiernego obciążenia strony.
7. Wersje dla mobilnych urządzeń: Chociaż Elementor jest zazwyczaj responsywny, nie zawsze gwarantuje idealną prezentację na wszystkich urządzeniach mobilnych. Wymaga to dodatkowego dostosowywania.

Dodatkowo opłaty licencyjne wychodzą dość drogo. Wersja obsługująca ecommerce to już min. 99$ za rok. Najdroższy pakiet pozwala na instalację na 25 serwisach (199$ rocznie) lub nawet na 1000 (400$ rocznie). Oczywiście te najdroższe pakiety skierowane są do agencji czy freelancerów tworzących strony dla swoich Klientów. Niemniej trzeba sobie przekalkulować, czy to się nam opłaca.

Divi

Divi jest moim ulubionym edytorem. Zresztą nawet blog, który właśnie czytacie jest w 100% w nim stworzony. Niestety nie występuje w wersji darmowej. Natomiast jest to mały problem jak się zobaczy co wersja płatna udostępnia.

Zalety Divi

1. Szybkość – i nie mówię to tylko w kontekście szybkości tworzenia stron. DIVI zostało zoptymalizowane pod kątem prędkości działania, więc tworząc w nim nie zauważamy podstawowej wady builderów – czyli spadku wydajności serwisu.
2. Bogactwo modułów i funkcji: Divi dostarcza szeroką gamę modułów, które można dodawać do stron, takich jak galerie, formularze, przewijane elementy, animacje i wiele innych. To umożliwia użytkownikom rozbudowę swoich projektów o zaawansowane funkcje bez konieczności korzystania z dodatkowych wtyczek.
3. Setki gotowych szkiców (Layoutów): Divi oferuje ogromną bibliotekę gotowych szkiców, które stanowią świetny punkt wyjścia dla projektowania stron. Działa to oszczędnie czasu i umożliwia szybkie dostosowanie projektu do indywidualnych potrzeb.
4. Responsywność i dostosowywanie do mobilnych urządzeń: Divi zapewnia responsywność projektowanych stron, co oznacza, że ich wygląd dostosowuje się do różnych urządzeń, w tym tabletów i smartfonów. To kluczowy element w dobie mobilnego ruchu internetowego.
5. Wsparcie społeczności i dokumentacja: Divi cieszy się dużą społecznością użytkowników, co oznacza dostęp do licznych zasobów, takich jak fora dyskusyjne, tutoriale i tematyczne grupy online. Dodatkowo, oficjalna dokumentacja jest obszerna i pomocna.
6. Brak limitów tworzonych serwisów: Już w najtańszej wersji (aktualnie 67$ rocznie) możesz używać tego komercyjnie tworząc strony dla Klientów.
7. Razem z Divi otrzymujesz dodatki:
   • Estra – szablon przygotowany do tworzenia portali
   • Bloom – wtyczka do przygotowywania popupów np. do zapisywania się na newsletter z bardzo łatwym definiowanem warunków, kiedy mają się pojawić
   • Monarch – wtyczka do dzielenia się treściami w social mediach.
8. Możliwość zakupienia licencji lifetime: Płacisz raz i już na zawsze masz Divi aktualne bez konieczności płacenia co roku – dostępne od 187$ jednorazowej opłaty. Osobiście korzystam z tej opcji od wielu lat i bardzo żałuję, że więcej developerów nie korzysta z tej opcji.

Oczywiście zalet Divi jest dużo więcej, jak chociażby możliwość tworzenia treści za pomocą sztucznej inteligencji bezpośrednio w edytorze, czy opcja pełnego stylowania sklepów internetowych.

Wady Divi

1. Zajętość miejsca w bazie danych: Podobnie jak w przypadku Elementora, korzystanie z Divi może prowadzić do zajętości miejsca w bazie danych WordPress. To może być szczególnie problematyczne przy dużych projektach.
2. Zależność od motywu: Chociaż Divi jest kompatybilny z wieloma motywami WordPress, nie zawsze działa idealnie z każdym z nich. Niektórzy użytkownicy mogą napotykać na problemy z wyglądem strony, zwłaszcza gdy używają bardziej niestandardowych motywów.
3. Złożoność struktury CSS: Divi używa dość skomplikowanej struktury CSS, co może sprawić, że dostosowywanie niektórych stylów może być bardziej zaawansowane, zwłaszcza dla osób z ograniczoną wiedzą na temat kodowania.
4. Wymagane dodatkowe zasoby: Strony zbudowane przy użyciu Divi mogą wymagać większej ilości zasobów serwera, co może prowadzić do konieczności korzystania z bardziej zaawansowanych planów hostingowych, szczególnie w przypadku dużych witryn.

Kto jest zwycięzcą w tym porównaniu?

W świecie kreatorów stron WordPress, konkurencja między Divi a Elementorem trwa nieustannie. Niemniej jednak, analizując obie platformy, można dojść do przekonania, że Divi wybija się jako lepszy edytor stron.

Divi oferuje kompleksowy zestaw narzędzi do projektowania, który pozwala użytkownikom na pełną kontrolę nad każdym aspektem ich strony. Z własnym kreatorem stron, szerokim wyborem modułów i elastycznymi szablonami, Divi stawia na wszechstronność i rozbudowane opcje projektowe.

Jednym z kluczowych punktów przewagi Divi jest również jego wydajność. Mimo, że Elementor jest łatwiejszy do natychmiastowej edycji, Divi oferuje bardziej zaawansowane możliwości projektowe. Sprawia to, że jest bardziej atrakcyjny dla doświadczonych projektantów.

Podsumowując, Divi wyróżnia się jako lepszy edytor stron dla tych, którzy szukają zaawansowanych opcji projektowych i pełnej kontroli nad wyglądem swojej witryny. Choć wybór zależy od indywidualnych preferencji i potrzeb, DIVI zdaje się być bardziej kompleksowym i potężnym narzędziem dla zaawansowanych użytkowników.