Beaver Builder vs Elementor - ostateczny przewodnik i porównanie (2021)

Beaver builder vs Elementor

Jakie są dwa najpopularniejsze kreatory stron dla WordPressa? Jeśli szukasz Beaver Builder vs Porównanie Elementora, już wiesz, są to dwa najlepsze produkty! Jako użytkownik końcowy, który chce samodzielnie zaprojektować swoją witrynę, jesteśmy pewni, że wiesz, że te wtyczki są jednym z najlepszych wyborów spośród wielu dostępnych opcji.

Są jednak pewne Różnice o których musisz wiedzieć, zanim dokonasz wyboru. Oba te produkty mają swoje niuanse, które mogą mieć wpływ na Twoją decyzję.

Ponieważ, gdy już podejmiesz decyzję, w większości zajmujesz się nią na dłuższą metę, (prawie) nie ma odwrotu. Dokonanie właściwego wyboru ma kluczowe znaczenie! 

Musisz upewnić się, że wybierasz program do tworzenia stron, który odpowiada Twoim potrzebom i preferencjom.

Na przykład, jeśli utworzysz strony za pomocą jednego kreatora stron, a następnie zdecydujesz się przełączyć na inny, Twoja treść zostanie zachowana, ale skończysz z niechlujnym układem wraz ze skrótami rozrzuconymi po całym miejscu. Odbudowa wszystkiego od nowa może być bardzo żmudna i czasochłonna.

Omówimy funkcje obu wtyczek i porównamy je, abyś mógł podjąć właściwą decyzję.

Ale możesz mieć teraz pytanie.

Jeśli korzystanie z wtyczek do tworzenia stron sprawi, że Twoja witryna zależny na nim, po co w ogóle używać jednego? Omówmy to szybko w następnej sekcji. Jeśli chcesz szybko rozpocząć porównanie, możesz przejść do Elementora vs Beaver Builder działy.

To Beaver Builder Artykuł dotyczący wtyczki vs Elementor został zaktualizowany w wrzesień 2021 dodawanie istotnych i ważnych informacji oraz aktualizacji w miarę opracowywania i udostępniania nowych funkcji w obu produktach. Możesz mieć pewność, że ten artykuł zawiera najnowsze, bezstronne informacje.

Beaver Builder vs Elementor

Elementor i Beaver Builder oba są potężnymi narzędziami do projektowania witryn. Elementor ma darmową wersję, ale wersja PRO (49 USD) jest tam, gdzie wyróżnia się bogatym zestawem elementów i biblioteką szablonów. Beaver Builder jest nadal świetną alternatywą dzięki swojej prostocie i atrakcyjnej cenie (99 USD).

  logo elementora beaver builder logo
Ogólnie  5 / 5  4.5 / 5
Zwycięzca 🏆  
Cena $ 49 $ 99
Darmowa wersja tak tak
Edytor w czasie rzeczywistym tak tak
Frontend / Backend Obie Obie
Grupa docelowa Deweloper / Projektant / Użytkownik / Agencja Web Developer / Designer
Obsługiwane elementy 80 +  31 
Wyczyść kod tak tak
Gotowe szablony / układy 300 + 50 +
Fajna funkcja Treść dynamiczna Bobrowy Themer
Wydajność
Co nam się podobało  Bardzo wydajne rozwiązanie do tworzenia każdego rodzaju projektu  Prosty interfejs użytkownika
   Doskonałe opcje zarządzania układem  Treść pozostaje nienaruszona nawet po dezaktywacji wtyczki
   Atrakcyjne ceny z dostępem  Unikalny tryb edytora dla klientów
   Najpopularniejszy program do tworzenia stron nie bez powodu  Umożliwia korzystanie z widżetów WordPress w układach
Co nam się nie podobało    Droższe niż inne kreatory stron
     Brak opcji cofania, ponawiania lub historii
Strona internetowa Odwiedź stronę Elementora Odwiedzić Beaver Builder 

Co to jest Kreator Stron?

Kreatory stron obiecują, że projektowanie witryny będzie o wiele łatwiejsze i less skomplikowane. Zasadniczo te narzędzia zapewniają, że nie potrzebujesz żadnej wiedzy technicznej, jeśli chodzi o takie rzeczy, jak HTML, CSS czy JavaScript.

Pozwalają tworzyć i projektować strony, które wyglądają dokładnie (lub przynajmniej tak blisko, jak to możliwe) tak, jak to sobie wyobrażałeś, bez konieczności grzebania w kodzie.

Jest to sprzeczne z tym, co jeszcze kilka lat temu było normą. Bycie programistą, a przynajmniej dobra znajomość technologii internetowych była niezbędna do stworzenia strony internetowej!

Wraz z pojawieniem się tych produktów, potrzeba zatrudnić programistów internetowych wydaje się być odległą myślą lub zupełnie niepotrzebną.

W rzeczywistości tak nie jest.

Programiści i projektanci stron internetowych są nadal najlepszym wyborem dla w pełni niestandardowych rozwiązań. Nie oznacza to, że nie ma miejsca dla twórców stron. Oba mają swoje scenariusze przypadków użycia.

Kreatory stron mogą w rzeczywistości zwiększyć wydajność projektantów stron internetowych.

Najważniejsze jest to, że projektanci stron internetowych i twórcy stron będą nadal współistnieć w dającej się przewidzieć przyszłości. Wielu programistów i projektantów korzysta z kreatorów stron do tworzenia stron internetowych dla swoich klientów.

Istnieje wiele artykułów, dyskusji i debat online na ten temat, jeśli chcesz głębiej zagłębić się w różnice między zatrudnianiem projektantów stron internetowych a korzystaniem z wtyczki do tworzenia stron.

Ale na razie robimy dygresję.

Ponieważ głównym tematem tego artykułu jest Beaver Builder w porównaniu z Elementorem, porozmawiamy trochę o tym, dlaczego chcesz użyć narzędzia do tworzenia stron zamiast zatrudniać profesjonalnego projektanta stron internetowych.

Po co w ogóle korzystać z Kreatora Stron?

Istnieje wiele powodów, dla których warto użyć wtyczki do tworzenia stron:

Kompletny pakiet

Po pierwsze, kreator stron jest jak wtyczka „wszystko w jednym”. Mają przyciski, pokazy slajdów, formularze kontaktowe, galerie, siatki treści, przyciski udostępniania społecznościowego itp. Wszystko w jednym pakiecie. Jeśli nie używasz kreatora stron, musisz zainstalować wiele wtyczek, po jednej dla każdej konkretnej potrzeby.

Wraz ze wzrostem wymagań może być konieczne zainstalowanie wielu różnych wtyczek. A jeśli zdecydujesz się na wtyczki premium, opłaty licencyjne zaczną się sumować.

A potem pojawia się kwestia sprawdzenia, która wtyczka jest najlepsza, wraz z pracami konserwacyjnymi, które wiążą się z instalacją tak wielu wtyczek.

Mówiąc najprościej, twórcy stron są ogólnie wygodny i tańszy.

Elementy

Szablony i układy

Następny powód jest najbardziej oczywisty i jest również głównym powodem, dla którego chcesz mieć zainstalowany program do tworzenia stron WordPress: piękne niestandardowe szablony i układy.

Chociaż możemy uzyskać motywy premium, które zaoferują nam wiele funkcji i opcji dostosowywania, przez większość czasu nie ma wielu motywów, które spełniają WSZYSTKIE nasze wymagania projektowe.

Większość z nich trafi w „większość” naszych potrzeb.

Zawsze będziesz myślał, że czegoś brakuje lub „Chciałbym zrobić to lub tamto”.

Rozwiązanie? Kreatory stron WordPress lubią Beaver Builder i kreatora Elementora.

Nie ma ograniczeń co do tego, co możesz zbudować za pomocą kreatora stron. Możesz dostosować swoje strony w dowolny sposób, a w niektórych przypadkach nawet cały motyw.

Istnieją również gotowe szablony, które ułatwią Ci życie. To są w pełni rozwinięte witryny i strony, które TYLKO musisz dostosować do swoich treści.

Szablony układów

Nie musisz wiedzieć, jak kodować

Chociaż możesz ulepszyć kreatory stron, tworząc bardziej spersonalizowane projekty, wiedząc, jak pisać kody HTML i CSS, NIE jest to konieczne.

Większość kreatorów stron, takich jak Elementor i Beaver Builder wtyczki, pochodzą z interfejsem przeciągnij i upuść, który pomaga w łatwym tworzeniu stron bez wiedzy o tym, co tag robi.

Teraz to jest na uboczu, przejdźmy do porównania Beaver Builder vs kreatory stron Elementora.

Elementor kontra Beaver Builder: Interfejs

Jedną z najważniejszych rzeczy do rozważenia przy wyborze aplikacji lub oprogramowania jest interfejs użytkownika. Chociaż chodzi głównie o osobiste preferencje, korzystanie z aplikacji, której interfejs nie jest taki, do którego przywykłeś, lub który Ci się nie podoba, może być trudne.

Musi być zarówno łatwy w użyciu, jak i poprawiać wydajność.

Przyjrzymy się więc „twarzom” obu wtyczek, a raczej interfejsom.

Sam interfejs nie czyni wtyczki świetnym. Należy wziąć pod uwagę inne rzeczy, takie jak dostępność funkcji i modułów, więc przed podjęciem decyzji przeczytaj do końca.

Ale oczywiście wygląd i wrażenia użytkownika związane z budowaniem witryny za jego pomocą mogą stworzyć lub zepsuć produkt.

Zacznijmy od interfejsu Elementora.

Interfejs Elementora

Interfejs Elementora jest podzielony na dwie główne sekcje. Pasek boczny, który znajduje się po lewej stronie, oraz podgląd na żywo Twojej witryny/strony.

Odwiedź, aby pobrać bezpłatną wersję Elementora

Działa z koncepcją bloków, którą możesz zobaczyć w akcji w tym 1-minutowym filmie:

VRoPdyk97mg

 interfejs elementor

Pasek boczny zawiera WordPress widgety oraz elementy, których możesz użyć do zbudowania swoich stron, wraz z ustawieniami, które możesz dostosować.

Możesz dodawać elementy do swoich stron, przeciągając je i upuszczając na podgląd na żywo. Na przykład dodaliśmy dodatkowy nagłówek w naszej przykładowej witrynie:

przeciągnij i upuść elementor

Edycja tekstu jest łatwa. Wystarczy kliknąć dowolny element tekstowy w swojej witrynie i bezpośrednio go edytować.

elementor edycji tekstu

Możesz także edytować tekst za pomocą paska bocznego.

element edycji tekstu lub pasek boczny

Wreszcie na dole możesz uzyskać dostęp do dodatkowych ustawień.

elementor więcej interfejs

 

  • Ustawienia ogólne - tutaj możesz zobaczyć informacje o bieżącej stronie WordPress, takie jak tytuł strony, polecany obraz, status publikacji i inne.
  • nawigator - kliknięcie tego spowoduje wyświetlenie wyskakującego okienka z panelem drzewa nawigacji, co ułatwia nawigację.
  • historia - jeśli chcesz wrócić do poprzedniej wersji, możesz kliknąć tutaj. Pamiętaj, że wyświetla to tylko zmiany wprowadzone w bieżącej sesji.
  • Tryb responsywny - pozwala zobaczyć, jak Twoja strona będzie wyglądać na różnych urządzeniach/rozdzielczości ekranu.

Jeśli najedziesz kursorem na element i klikniesz prawym przyciskiem myszy, uzyskasz dostęp do różnych opcji:

kliknij prawym przyciskiem myszy elementor

Menu prawego przycisku myszy pozwala usunąć element, wyświetlić go w nawigatorze, zapisać jako element globalny (tylko wersja pro), powielić go i nie tylko.

Teraz, gdy widzieliśmy główny interfejs Elementora, przyjrzyjmy się Beaver Builder następny.

Beaver BuilderInterfejs użytkownika

Beaver BuilderInterfejs 's jest bardziej minimalistyczny niż kreator Elementor. 

Kliknij tutaj, aby zobaczyć demo na żywo

Jeśli nie masz czasu, aby sprawdzić demo, ten 2-minutowy film stworzony przez Beaver Builder zespół, może szybko pokazać interfejs i sposób budowania stron:

tCNDDQ7Jrs8

Jak widać na powyższym filmie podczas edycji strony WordPress za pomocą Beaver Builder, oto co zobaczysz:

interfejs bobra

Na górze masz Beaver Builderpasek wyświetlający minimalne, ale istotne informacje o bieżącej stronie. Aby dodać element, kliknij „+” znajdujący się w prawym górnym rogu.

moduły bobra

Aby dodać element lub „moduł” zgodnie z Beaver Builderterminologii można po prostu przeciągnąć i upuścić.

przeciągnij i upuść bobra

Mogłeś to zauważyć Beaver BuilderEdytor tekstu jest nieco inny niż Elementor. Widzimy z powyższego GIF-a, że ​​podczas edycji tekstów będziemy mieli wyskakujący edytor.

Możesz także kliknąć moduł tekstowy, aby go edytować, co ponownie spowoduje wyświetlenie pop-up Edytor tekstu.

edytor tekstu bobra

Jeśli nie podoba Ci się ta funkcja wyskakującego okienka, możesz przeciągnąć edytor tekstu na lewą lub prawą stronę ekranu, aby go przypiąć. Gdy to zrobisz, będziesz mógł również wykonać edycję in-line.

dostosowany edytor tekstu bobra

Zwróć uwagę, że przypięcie tego edytora tekstu spowoduje również przypięcie wszystkiego, dzięki czemu będzie wyglądać jak konstruktor Elementora pod względem układu.

dostosowany interfejs bobra

Jak widać z góry, Beaver Builder ma teraz taki sam układ jak Elementor. Jeśli wolisz, możesz przenieść go na prawą stronę, przeciągając i przypinając.

Na koniec mamy dodatkowe ustawienia, klikając przycisk strzałki w dół znajdujący się wokół lewego górnego rogu ekranu.

dodatkowe ustawienia bobra

Wniosek dotyczący interfejsu

Jedną z największych różnic i być może przełomem dla innych jest: Beaver Builderbrak historii edycji w celu ułatwienia cofania zmian.

Poza tą jedną wadą, obie wtyczki oferują identyczne układy i wydajność edycji.

Pod względem wyglądu, Beaver Builder ma tę zaletę, że jest znacznie czystszy, chociaż może to być tylko osobista preferencja. Przeciąganie i upuszczanie przedmiotów jest również nieco dokładniejsze i łatwiejsze w Beaver Builder niż we wtyczce Elementor.

Moduły i widżety

Elementor nazywa swoje elementy „widgetami”, podczas gdy Beaver Builder nazywa je „modułami”.

Są to bloki konstrukcyjne, których twórcy stron WordPress mogą używać do tworzenia treści Twojej strony. Są to teksty, nagłówki, przyciski, galerie i inne elementy. We wcześniejszych przykładach widzieliście tekst i elementy nagłówka.

Zobaczmy, ile innych elementów mają do zaoferowania te wtyczki.

Elementy Elementora: sekcje, kolumny i widżety

Konstruktor Elementora ma trzy rodzaje elementów:

  1. sekcje,
  2. kolumny i
  3. widżety.

Sekcja znajduje się najwyżej w hierarchii kreatora. Każda kolumna i widżet istnieją wewnątrz sekcji.

Kolumna jest drugą w hierarchii. Każdy widżet znajduje się w kolumnie. Widgety znajdują się najniżej w hierarchii.

Widżety to Twoje treści, takie jak przyciski, tekst i obrazy. Sekcje i kolumny służą do tworzenia różnych układów.

Elementor oferuje 30 widżetów do wykorzystania w wersji darmowej i ponad 52 widżety WordPress w wersji PRO. Liczby te stale rosną w miarę wydawania nowych wersji, więc kliknij tutaj, aby sprawdzić najnowsze liczby.

W poniższym GIF-ie możesz zobaczyć, jak dodaliśmy sekcję, następnie umieściliśmy kolumnę „dwukolumnową” wewnątrz sekcji i na koniec dodaliśmy widżety wewnątrz kolumn. Możesz dodać wiele widżetów w kolumnie, co zobaczysz w drugim GIF-ie poniżej, który pokazuje stylizację.

elementor sekcje kolumny widżety

Stosowanie stylów w sekcji wpływa na wszystko, co się w niej znajduje.

To samo dotyczy kolumn, ale nie wpłynie to na nic poza nimi, a każdy styl zastosowany do widżetu pozostaje dla siebie. Poniższy GIF pokazuje to w akcji dla konstruktora Elementora.

sekcje kolumny widżety hierarchia

 

 Być może zauważyłeś, jak możesz kliknąć element prawym przyciskiem myszy, aby go edytować, zduplikować lub usunąć. To bardzo wygodna akcja.

elementor kliknij menu prawym przyciskiem myszy

Teraz, gdy masz dobry przegląd elementów Elementora. Sprawdźmy drugi.

Beaver BuilderElementy: wiersze, kolumny i moduły

Podobnie jak poprzednia wtyczka, Beaver Builder dzieli również swoje elementy na trzy kategorie:

  1. wydziwianie,
  2. kolumny i
  3. moduły.

Wiersze znajdują się najwyżej w hierarchii. Kolumny wchodzą do rzędów, a moduły do ​​kolumn. Moduły to rzeczywista zawartość, natomiast kolumny i wiersze służą ponownie do celów układu.

Beaver BuilderDarmowa wersja oferuje 6 modułów, podczas gdy wersja pro daje 30 modułów do zabawy. Wskazane jest, aby sprawdzić stronę internetową, aby potwierdzić aktualne moduły dostępne w obu wersjach.

W poniższym GIF-ie używamy kreatora, aby dodać wiersz zawierający trzy kolumny i wypełnić kolumny różnymi różnymi modułami.

moduł kolumn wierszy

Jego stylizacja działa tak samo jak Elementor.

Style zastosowane w wierszach są również stosowane w kolumnach i modułach. Style zastosowane w kolumnach wpływają na moduły i można indywidualnie ustawić określone style dla modułów.

styl modułu kolumn wierszy

W przeciwieństwie do Elementora, Beaver Builder nie ma niestandardowych opcji kliknięcia prawym przyciskiem myszy. Musisz najechać kursorem na element, aby móc wykonywać na nim akcje.

kliknij prawym przyciskiem myszy bóbr

Podsumowanie modułów i widżetów

Obie wtyczki działają w podobny sposób.

Obie oferują łatwe sposoby tworzenia układu stron. Elementor jednak nieco to ułatwia, mając menu prawego przycisku myszy na każdym elemencie, które pozwala bezpośrednio przejść do jego ustawień.

Jeśli chodzi o liczbę dostępnych modułów, wydaje się, że Elementor ma przewagę Beaver Builder, zwłaszcza w wersji darmowej.

Stylizacja

Jak widziałeś wcześniej, zarówno Elementor, jak i Beaver Builder oferują precyzyjną kontrolę nad opcjami stylizacji. Możesz zastosować style do sekcji lub wierszy lub dostosować je, aby poszczególne widżety lub moduły miały swój własny styl.

Zagłębmy się nieco bardziej w opcje stylizacji.

Opcje stylizacji Elementora

Zanim sprawdzimy opcje stylizacji dostępne w samym edytorze, przyjrzyjmy się ustawieniom stylizacji Elementora, które można znaleźć w Elementor > Ustawienia.

Opcje stylizacji elementor

w Ogólne warunki ustawienia, możesz skonfigurować, czy wyłączyć domyślne kolory i czcionki Elementora. Zaleca się zaznaczenie tych pól, aby zachować spójność stylu w całej witrynie.

Pod Styl można skonfigurować różne inne ustawienia projektu.

styl ustawień elementora

Nie będziemy omawiać ich wszystkich, ale jak widzisz, na tej stronie możesz dostroić wiele opcji stylizacji. Przejdźmy do opcji stylizacji edytora.

Podstawowe opcje stylu Elementora

Dostępne opcje stylizacji pozostają prawie podobne dla większości elementów w Elementorze. Poniżej możesz zobaczyć podstawowe opcje stylu dla elementu Heading.

style elementorów

Nawiasem mówiąc, być może zauważyłeś, że zmienił się styl i kolor czcionki – to dlatego, że właśnie włączyliśmy Wyłącz domyślne kolory i Wyłącz domyślne czcionki w ustawieniach Elementora.

Teraz dziedziczy kolory i czcionki motywu zamiast używać swoich niestandardowych (co widać na naszych wcześniejszych przykładach).

Wróćmy do dostępnych nam opcji stylistycznych. Powyżej mamy:

  • Kolor tekstu
  • Typografia
  • Cień tekstu
  • Tryb mieszania

Zaawansowane opcje stylu Elementora

Jeśli uważasz, że to nie wystarczy, możesz przejść do zakładki Zaawansowane, aby uzyskać więcej opcji.

Zaawansowane style elementor

Tutaj możesz skonfigurować wszystko, od niestandardowych marginesów i dopełnień, efektów przewijania, ustawień tła itp. Możesz także zastosować niestandardowy CSS, jeśli chcesz (jest to dostępne tylko w wersji PRO).

Jedną z unikalnych cech Elementora jest możliwość ustawienia niestandardowych wartości dla różnych rozmiarów ekranu, które można zobaczyć poniżej:

zaawansowane style responsywne

Daje to lepszą kontrolę nad sposobem wyświetlania treści na różnych urządzeniach i rozdzielczościach ekranu.

Beaver Builder Opcje stylizacji

W przeciwieństwie do Elementora, Beaver Builder domyślnie dziedziczy czcionki i kolor motywu. Pozwala to na zachowanie spójności po wyjęciu z pudełka.

Beaver BuilderOpcje stylizacji różnią się w zależności od elementu, ale w zasadzie masz styl, separator, typografia, i zaawansowany Opcje.

style

style bobra

Styl ustawienia są wyświetlane podczas edycji wiersza, a także innych elementów, takich jak przyciski. Możesz znaleźć opcje dla:

  • Szerokość
  • Szerokość treści
  • Wysokość
  • Kolory, takie jak kolor linku, kolor tekstu, kolor najechania linkiem itp.
  • Typ, kolor i nieprzezroczystość tła
  • Granica

Stosowanie kolorów, takich jak kolory tekstu, linków i najechania kursorem, zostanie zastosowane do każdego elementu w wierszu. Możesz jednak zastąpić te ustawienia, ustawiając niestandardowe wartości na element.

Zaawansowane style bobra

w zaawansowany ustawienia można znaleźć opcje dla:

  • Rozstaw
  • Odpowiedzialny układ
  • Widoczność
  • Element HTML - możesz ustawić niestandardowy identyfikator HTML i klasę dla konkretnego elementu w celu dalszego dostosowania

Obie Beaver Builder a Elementor pozwalają dostosować sposób wyświetlania treści na różnych urządzeniach, klikając ikonę urządzenia obok ustawienia (która jest widoczna tylko w przypadku ustawień, które je obsługują).

bóbr reaguje

Separator

style separatora bobra

Pandemia separator to kolejna opcja stylizacji, która pozwala nadać elementom bardziej wyrafinowany wygląd.

Tutaj znajdziesz opcje dla swojego separatora. Jeśli zastanawiasz się, jak wygląda separator, zobacz przykład powyżej - czerwona linia pod nagłówkiem na powyższym obrazku. Masz opcje:

  • Styl separatora
  • Pozycja separatora
  • Styl linii
  • Kolor linii
  • Grubość i szerokość

Typografia

typografia w stylu bobra

Pandemia typografia opcje służą do kontrolowania wyglądu tekstu. To ustawienie zwykle pojawia się dla nagłówek moduł. Tutaj masz opcje:

  • Tag HTML
  • Styl, rozmiar i twarz czcionki
  • Kolor tekstu
  • Marginesy

Wniosek dotyczący stylizacji

Obie wtyczki oferują szeroką gamę opcji stylizacji i konfiguracji. Pozwalają na koniecless dostosowanie do najdrobniejszych szczegółów każdego elementu na stronie. Uważamy, że oba kreatory stron są w większości równoważne pod tym względem.

Szablony

Do tej pory widzieliśmy potężne narzędzia, które pozwalają nam tworzyć niestandardowe strony od podstaw. Ale czy nie byłoby lepiej, gdybyśmy mieli szablony do wykorzystania? Szablony pozwoliłyby na znacznie szybszy proces projektowania.

Wspaniałą rzeczą jest to, że zarówno Elementor, jak i Beaver Builder oferują funkcje szablonów. 

W tym kontekście szablony to gotowe projekty, których możesz użyć do szybkiego rozpoczęcia projektowania swoich stron. Zarówno Elementor, jak i Beaver Builder udostępnia nam mnóstwo szablonów do wyboru.

Jako projektanci stron internetowych lub programiści prawdopodobnie będziesz chciał mieć możliwość tworzenia własnych motywów lub określonych szablonów stron, które możesz ponownie wykorzystać/dostosować w ramach procesu projektowania.

Spójrzmy.

Szablony elementów

W Elementorze, gdy tworzysz nową stronę, zobaczysz, że masz możliwość dodania sekcji lub użycia szablonu.

W darmowej wersji masz do wyboru około 40 szablonów. W wersji Pro masz do wyboru ponad 300 różnych stron i szablonów bloków.

Odwiedź stronę internetową, aby sprawdzić wszystkie szablony

elementor nowy szablon

Po kliknięciu na Dodaj szablon zostaniesz przywitany menu pokazującym szablony do wyboru.

selektor szablonów elementor

Elementor oferuje dwa rodzaje szablonów: szablony blokowe i szablony stron.

Szablony blokowe to szablony sekcji, których możesz użyć do zbudowania określonych części strony. Przykładem szablonu bloku jest formularz kontaktowy lub sekcja CTA.

Poniżej możesz zobaczyć przykłady dostępnych szablonów CTA.

szablony bloków elementor

Szablony stron to szablony całostronicowe zaprojektowane dla określonych typów stron i/lub celów za pomocą wtyczki kreatora.

Poniżej możesz zobaczyć szablony strony docelowej i strony głównej. Ponadto do wyboru są różne smaki. Na przykład masz szablon strony głównej dostosowany do restauracji i szablon dostosowany do agencji.

szablony stron elementor

Możesz także tworzyć niestandardowe szablony stron, a nawet kompletne motywy zapisać je do ponownego użycia. Możesz to zrobić, klikając małą strzałkę w górę obok przycisku publikowania i wybierając Zapisz jako szablon.

niestandardowe szablony elementor

Możesz nawet importować szablony stworzone przez strony trzecie, przesyłając je do swojej witryny. To pozwala na koniecless możliwości dostosowywania.

szablon importu elementor

Beaver Builder Szablony

In Beaver Builder, masz do wyboru trzy rodzaje szablonów: Landing Pages, Content Pages i Saved Templates. W przeciwieństwie do Elementora, Beaver Builder nie ma szablonów na poziomie bloków, ale możesz użyć wtyczek, aby uzyskać tę samą funkcjonalność.

Kliknij tutaj, aby zobaczyć wszystkie szablony

Pamiętaj, że darmowa wersja Beaver Builder nie ma w ogóle opcji szablonów, więc musisz zrobić wszystko od zera, jeśli chcesz korzystać z darmowej wersji.

beaver builder Szablony

Szablony stron docelowych służą do tworzenia rozbudowanych stron docelowych. W chwili pisania tego tekstu możesz wybierać spośród 30 różnych szablonów stron docelowych w ramach Beaver Builder.

szablon strony docelowej bobra

Szablony stron treści są przeznaczone dla stron treści, takich jak strona, strona kontaktowa, strona główna itp. W chwili pisania tego tekstu istnieje 25 szablonów stron treści do wyboru Beaver Builder.

szablon strony z treścią bobra

 

Zapisane szablony to Twoje niestandardowe zapisane szablony. Podobnie jak w Elementorze, możesz utworzyć stronę jako szablon za pomocą kreatora, aby móc ją ponownie wykorzystać później.

Importowanie szablonów jest również możliwe na Beaver Builder, ale nie jest tak intuicyjny jak Elementor. Możesz sprawdzić, jak to się robi, czytając ich dokumentację tutaj.

Szablony Wnioski

kreator Elementor oferuje więcej szablonów do wyboru oraz łatwiejsze opcje importu i eksportu szablonów niż Beaver Builder. Jeśli chodzi o projekt i wygląd, obie wtyczki zapewniają szeroką gamę pięknych szablonów, które zaspokajają wiele różnych rodzajów nisz.

Jeśli chodzi o ich bezpłatne wersje, Elementor wygrywa z Beaver Builder. Dzięki Elementorowi nadal możesz wybierać spośród ponad dwóch tuzinów darmowych szablonów, a nawet możliwości ich importowania i eksportowania. Na Beaver Builder, musisz uaktualnić do wersji premium, aby skorzystać z tej funkcji.

Budynek tematyczny

Funkcja budowania motywów jest bardzo potężnym narzędziem, które zarówno Elementor, jak i Beaver Builder oferuje swoim użytkownikom.

W przypadku Elementora kreator motywów jest automatycznie odblokowywany po uaktualnieniu do wersji premium. Jeśli chodzi o Beaver Builder, musisz zainstalować osobną wtyczkę o nazwie Beaver Themer, która jest osobnym zakupem za 147 USD.

Kreator motywów Elementora

Aby uzyskać dostęp do kreatora motywów, możesz przejść do Szablony > Kreator motywów. Stamtąd możesz tworzyć lub edytować szablony motywów. Możesz tworzyć lub edytować szablony dla:

  • Strona
  • Nagłówek
  • Footer
  • Single Post
  • Archiwum
  • Strony 404
  • Itd.

Kreator motywów Elementora działa prawie tak samo, jak jego kreator stron.

Masz wszystkie normalne elementy oraz nowe i specyficzne elementy dla typu sekcji motywu, nad którą pracujesz. Na przykład tak wygląda kreator motywów Pojedynczy post.

edytor pojedynczych postów elementor

Jak widać, masz nowy zestaw widżetów WordPress przeznaczonych dla pojedynczych postów, takich jak tytuł posta, polecany obraz, komentarze do postów itp.

Jeśli nie chcesz zaczynać od zera, możesz skorzystać z gotowych szablonów, do których możesz uzyskać dostęp, naciskając ikonę folderu w edytorze treści, tak jak w zwykłym narzędziu do tworzenia stron.

Po zakończeniu tworzenia niestandardowego szablonu motywu możesz kontrolować, kiedy i gdzie się pojawi. Na przykład możesz wybrać wyświetlanie niestandardowego szablonu pojedynczego posta tylko dla konkretnego autora posta.

Beaver BuilderKreator motywów

Beaver BuilderKreator motywów, choć aktywowany w inny sposób, działa podobnie do kreatora motywów Elementora. To świetne narzędzie, jeśli Twoi klienci wymagają, abyś stworzył dla nich niestandardowe motywy.

Dostęp do kreatora motywów można uzyskać tylko po zainstalowaniu wtyczki Beaver Themer. Po aktywacji możesz uzyskać dostęp Beaver Builder > Układy tematyczne i stamtąd możesz utworzyć niestandardowy szablon dla następujących elementów:

  • Nagłówek
  • Footer
  • Archiwum
  • Pojedyncze posty (pojedyncze)
  • stron 404
  • Część

 

beaver builder konstruktor motywów

Po wybraniu układu, który chcesz utworzyć lub edytować, możesz go dalej dostosowywać, wybierając miejsce i czas wyświetlania.

Na przykład w przypadku niestandardowej stopki możesz wybrać, czy ma ona pojawiać się w całej witrynie, skutecznie zastępując domyślną stopkę, czy też wyświetlać ją tylko w określonych postach lub stronach.

Możesz go również dodatkowo dostosować, wyświetlając go tylko wtedy, gdy post jest napisany przez określonego autora.

Ta personalizacja oparta na regułach w Beaver Builder jest dość potężną rzeczą, ponieważ zapewnia dużą elastyczność i możliwości dostosowywania.

beaver builder niestandardowe zasady motywu

Jeśli chodzi o sam edytor, będziesz miał taki sam interfejs użytkownika jak Beaver Builder program do tworzenia stron.

Poniżej możesz zobaczyć edytor układu motywu w akcji, w którym edytujemy utworzoną przez nas niestandardową stopkę. Masz dostęp do tej samej liczby modułów i innych elementów, co w zwykłym kreatorze stron.

beaver builder edytor motywów

Podsumowanie kreatora motywów

Obie wtyczki kreatora zapewniają doskonałą kontrolę i dostosowywanie tworzenia motywów. Jeśli jednak mamy mówić o cenach, wtyczka kreatora Elementor jest tańsza niż Beaver Builder ponieważ jego kreator motywów jest zintegrowany z wersją premium.

cennik

Porównaliśmy już te dwie wtyczki i widzieliśmy, co można uzyskać w ich wersjach bezpłatnej i Pro. Ale ile kosztuje każdy budowniczy? A który z nich daje Ci największą wartość?

Obie ich wersje premium builder są dostępne w trzech poziomach cenowych.

Cennik elementów

Zacznijmy od Elementora. Dostępne są opcje cenowe Personal, Business i Unlimited.

  • personel - 49 USD za jedną witrynę.
  • biznes - 99 USD za trzy witryny.
  • Ekspert - 199 USD za 25 witryn
  • Studio - 499 USD za 100 witryn
  • Nieograniczony - 999 USD za nieograniczoną liczbę witryn.

cennik elementarny

Wszystkie plany mają taką samą liczbę funkcji i będą nadal otrzymywać wsparcie premium i aktualizacje przez 1 rok oraz są dostarczane z kreatorem motywów.

Kliknij tutaj, aby uzyskać najniższą cenę na Elementor

Beaver Builder cennik

Jak Elementor, Beaver Builder ceny również dzielą się na trzy poziomy.

  • Standard - 99 USD
  • Pro - 199$
  • Agencja - $399

 

Ceny BB

Pandemia standard licencja nie obsługuje wielu lokalizacji i Beaver Builder Motyw. ten dla licencja jest zdolna do obsługi wielu witryn i jest dostarczana z Beaver Builder Motyw, ale nie ma białych etykiet.

Wreszcie, agencja licencja posiada wszystkie funkcje standardowe i pro plus białe oznakowanie. Wszystkie plany dotyczą nieograniczonej liczby witryn.

Pamiętaj, że Beaver Themer to oddzielny zakup od Beaver Builder kosztuje 147 dolarów.

Kliknij tutaj, aby uzyskać najniższą cenę na Beaver Builder

Bezpłatnie kontra zawodowiec

Obie wtyczki są dostępne w wersji bezpłatnej i Pro, ale bezpłatna wersja Elementora jest tutaj wyraźnym zwycięzcą.

Bezpłatna wersja Elementora zawiera dziesiątki modułów i szablonów za darmo. Beaver Builder jest dostarczany tylko z bardzo podstawowymi, co czyni go bardzo ograniczonym w swojej bezpłatnej wersji.

Podsumowanie cenowe

Jeśli chcesz mieć bezpłatną wersję, Elementor to oczywisty wybór.

Jeśli chodzi o wersje premium, choć mogłoby się tak wydawać Beaver Builder jest droższy, jego plany wyższego poziomu oferują bardziej przyjazne dla programistów funkcje, zwłaszcza białe etykiety.

Dodatkowo, jeśli jesteś programistą, który chce odsprzedać hosting, możesz chcieć się temu przyjrzeć dyskusja. Krótko mówiąc, Elementor nie pozwala na samodzielne hostowanie witryny klienta i pobieranie miesięcznej opłaty, jeśli użyłeś Elementora do zbudowania lub zaprojektowania ich witryny.

Uważamy, że Elementor jest lepszy dla użytkowników solo, podczas gdy Beaver Builder jest lepszy dla programistów - zwłaszcza ze względu na opcje white label i hostingu.

Jeśli nadal szukasz innych opcji, mamy również recenzja Elementor vs Divi tutaj, i również Beaver Builder kontra Divi, lub w końcu jeśli chcesz więcej recenzji, nasze podejście do Divi, ale uważamy, że w tym momencie należy ograniczyć swój wybór i spojrzeć na nasz wniosek poniżej.

Elementor kontra Beaver Builder: Wniosek

Ogólnie rzecz biorąc, są to obecnie dwie najlepsze wtyczki do tworzenia stron dla WordPress. 

Elementor oferuje ogromną liczbę szablonów i elementów, podczas gdy Beaver Builder stara się zachować prostotę, ale nadal spełnia potrzeby każdego użytkownika projektującego strony internetowe.

Beaver Builder jest przyjazny dla programistów. Oferuje opcje białego etykietowania i nie ma ograniczeń dotyczących sposobu, w jaki programiści mogą sprzedawać usługi lub strony internetowe zbudowane przy jego użyciu.

Elementor nie jest oprogramowaniem typu open source, podczas gdy Beaver Builder jest, ale Elementor jest ogólnie potężniejszy.

Z punktu widzenia bezpieczeństwa Elementor miał poważny luka w zabezpieczeniach w przeszłości, ale zostało to rozwiązane, a produkt rośnie w siłę, osiągając ostatnio 5 milionów aktywnych instalacji i z silną strategią, aby wkrótce osiągnąć 10 milionów!

Więc tak, zdecydowanie kupujesz dobry produkt!

Jeśli jesteś samodzielnym programistą lub użytkownikiem szukającym doskonałej wtyczki z mnóstwem funkcji i szybkimi aktualizacjami, skorzystaj z wtyczki do tworzenia stron Elementor. Jeśli jesteś programistą lub użytkownikiem, który nie chce być przytłoczony mnóstwem funkcji i szybkimi aktualizacjami, wybierz Beaver Builder.

Ale ostatecznie to od Ciebie zależy, czy podejmiesz ostateczną decyzję.

Zarówno jako Beaver Builder i Elementor stale się rozwijają, nie ma wyraźnego zwycięzcy, ale nadal lubimy Elementora tylko trochę lepiej, chociaż możesz łatwo podjąć właściwą decyzję w oparciu o czynniki, które nakreśliliśmy i Twoje bieżące potrzeby.

Odwiedź Elementora

 

O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...