Recenzja Beaver Builder: szczegółowe spojrzenie na popularną wtyczkę WordPress Page Builder

Beaver Builder z pewnością pojawi się na dowolnej liście wtyczek do tworzenia stron WordPress. Ale czy popularna wtyczka jest warta swojej soli? Czy ma dla Ciebie odpowiednie funkcje i czy łatwo jest za jego pomocą tworzyć świetne witryny WordPress? Jak w ogóle zainstalować wtyczkę na WordPressie? Otrzymasz wszystkie odpowiedzi w tej dogłębnej i dokładnie przetestowanej recenzji Beaver Builder.

Aby spojrzeć na to z innej perspektywy, wtyczka Beaver Builder WordPress to narzędzie do tworzenia stron, które wykorzystuje metodę przeciągania i upuszczania, dzięki której projektowanie stron internetowych to spacer po parku. Pozwala pracować bezpośrednio na interfejsie witryny i tworzyć wspaniałe witryny w podróży bez umiejętności kodowania.

W gruncie rzeczy korzystanie z kreatorów stron, takich jak Beaver Builder, jest jak zabawa z Legos. Wybierasz kawałki (elementy i moduły) i składasz je razem, aby stworzyć to, na co pozwala twoja wyobraźnia. Tworzenie stron internetowych za pomocą dobrych kreatorów stron jest takie proste.

Więc jeśli tego właśnie szukasz, przejdźmy od razu do tej ostatecznej recenzji Beaver Builder!

Beaver Builder: przegląd

Beaver Builder stanowi alternatywę dla domyślnego edytora bloków WordPress do tworzenia treści, korzystając z podobnego, ale znacznie bardziej wszechstronnego systemu modułów.
Na rynku dostępnych jest wiele wtyczek do tworzenia stron, ale Beaver Builder jest jedną z najpopularniejszych opcji ze względu na łatwość obsługi. Dostępna jest darmowa wersja Beaver Builder, a także wersja premium. W tej recenzji skupię się na wersji premium i podzielę się moimi doświadczeniami ze wszystkimi funkcjami i wydajnością.

Potężne funkcje i kontrola

Podstawowa różnica między wtyczkami do tworzenia stron polega na dostarczanych przez nie opcjach dostosowywania i stopniu kontroli nad wszystkimi tymi elementami. Jednak korzystanie z wielu kreatorów stron może być trudne, niezależnie od liczby oferowanych przez nie funkcji.

Łatwość użytkowania i integracji

Ale Beaver Builder należy do tej drugiej kategorii, która oferuje mnóstwo wspaniałych funkcji i funkcjonalności oraz jest dołączona do łatwego w użyciu pakietu. Interfejs do edycji wizualnej wtyczki umożliwia również wyświetlanie strony w takiej postaci, w jakiej będzie ona wyglądać dla odwiedzających podczas edycji, co jest świetne.

Kreator stron umożliwia także edycję postów i niestandardowych typów postów. Co więcej, działa z większością motywów WordPress i dobrze integruje się z większością wtyczek generujących skróty lub widżety.

Konfigurowalne szablony

Jeśli jednak nie chcesz tworzyć stron od zera, Beaver Builder zawiera również bibliotekę gotowych, dostosowywanych szablonów. Możesz zapisać dowolną utworzoną stronę, aby ponownie wykorzystać jej układ dla innej zawartości, i możesz zrobić to samo z dowolnym dodanym wierszem, kolumną lub modułem.

Responsywne strony internetowe

Na koniec warto zauważyć, że Beaver Builder umożliwia tworzenie responsywnych stron internetowych po wyjęciu z pudełka. W dowolnym momencie możesz wyświetlić podgląd strony na komputerach stacjonarnych, smartfonach i tabletach.

Na papierze Beaver Builder brzmi imponująco. W następnych sekcjach pokażę, jak to działa w akcji.

Funkcje i zalety Beaver Builder

Do tej pory masz jasny obraz tego, co oferuje Beaver Builder i jak to działa. Zanim pokażę Ci interfejs wtyczki, zróbmy krótkie podsumowanie jej funkcji:

• Wizualny kreator stron frontonu typu „ przeciągnij i upuść”
• 33 moduły do dodawania treści
• Gotowe szablony stron, których możesz użyć do rozpoczęcia tworzenia treści
• Integruje się z większością motywów WordPress, a także z wtyczkami generującymi skróty i widżety
• W pełni konfigurowalne strony i niestandardowe typy postów.

To są świetne funkcje, ale ile płacisz, aby je zdobyć, aby zbudować swoją witrynę? Rzućmy okiem na wycenę wtyczki!

Ceny konstruktora bobrów

Jak wspomniałem wcześniej, Beaver Builder jest dostępny zarówno w wersji darmowej, jak i płatnej. Jeśli jednak planujesz używać Beaver Builder do czegokolwiek poza osobistymi projektami, takimi jak blog hobby, prawdopodobnie będziesz potrzebować wersji premium.

Licencje Beaver Builder Pro zaczynają się od 99 USD z aktualizacjami przez rok dla nieograniczonej liczby witryn i 40% zniżką na roczne odnowienia. To jest plan Standard, który polecam dla większości użytkowników indywidualnych, którzy tworzą witryny e-commerce, biznesowe lub profesjonalne blogi.

Istnieją droższe plany, które oferują więcej funkcji, takich jak:

• Obsługa wielu witryn WordPress
• Oficjalny motyw Beaver Builder, zaprojektowany do bezproblemowej współpracy z wtyczką
• Funkcjonalność white-label.

Jeśli szukasz kreatora stron do projektów agencyjnych, powinieneś rozważyć jeden z droższych planów Beaver Builder. Oprócz tych scenariuszy licencja standardowa zapewnia wszystko, czego potrzebujesz.

Wymagania systemowe dla Beaver Builder

Przyjrzyjmy się teraz wymaganiom systemowym Beaver Builder.

Kompatybilność z przeglądarką

Możesz korzystać z trzech najnowszych wersji przeglądarek Chrome, Firefox, Safari i Edge. Dla użytkowników Internet Explorera zalecany jest IE 11.

Wersje WordPress

Polecam korzystanie z najnowszej wersji WordPressa i PHP dla lepszego bezpieczeństwa i wydajności. Aktualizacje i instrukcje dotyczące WordPressa można znaleźć w artykułach dotyczących WordPressa.

• Wtyczka Beaver Builder: WordPress 4.6 i nowsze | PHP 5.6.20 i nowsze (zalecane PHP 7.x)

Uwaga : Wersje WordPress od 4.9.6 wymagają Beaver Builder w wersji 2.1.1.3 lub wyższej.

• Motyw Beaver Builder : WordPress 4.1 i nowsze | PHP 5.6.20 i nowsze
• Motyw bobra : WordPress 4.6 i nowszy

Wersje jQuery

Beaver Builder obsługuje wersje jQuery, które są dołączone do WordPressa. Nie zaleca się używania innych wersji jQuery, ponieważ może to działać, ale może doprowadzić do uszkodzenia Twojej witryny.

Dlatego przed instalacją upewnij się, że postępujesz zgodnie z wymaganiami, aby uniknąć blokad dróg i płynnie osiągnąć wymaganą lokalizację.

Jak zainstalować Beaver Builder na swojej stronie WordPress?

Teraz nadszedł czas, aby zainstalować Beaver Builder na WordPressie. Beaver Builder jest dostarczany z darmową (lite) wersją i wersją premium i jest łatwy w instalacji. Podzielę się procesem instalacji dla obu wersji jeden po drugim.

Darmowa (Lite) wersja

Przejdź do Pulpit nawigacyjny WordPressa > Wtyczka > Dodaj nowy.

Wyszukaj Beaver Builder w pasku wyszukiwania po prawej stronie. Kliknij przycisk instalacji, a następnie aktywuj go.

Po zainstalowaniu i aktywacji Beaver Builder, nowa opcja Beaver Builder pojawi się po najechaniu kursorem myszy na dowolną stronę lub opublikowaniu na pulpicie nawigacyjnym.

Wersja Premium

Jeśli uaktualnisz Beaver Builder do wersji premium lub bezpośrednio zainstalujesz wersję premium, musisz wykonać poniższe czynności.

• Pobierz plik zip wtyczki Beaver Builder ze strony Moje konto . Twój klucz licencyjny pojawi się nad łączami do plików zip na stronie.

• Przejdź do WordPress Dashboard > Wtyczka > Dodaj nową i kliknij Prześlij wtyczkę .

• Kliknij przycisk wyboru pliku , a pojawi się okno przeglądarki.

• Wybierz plik zip Beaver Builder z lokalnego systemu lub po prostu przeciągnij plik na górę przycisku Przeglądaj. Nazwa pliku zip pojawi się po prawej stronie przycisku Wybierz plik .
• Kliknij Zainstaluj teraz .

• Przed aktywacją wtyczki musisz zrozumieć scenariusz. Jeśli masz zainstalowaną wersję Lite wtyczki, jest ona automatycznie dezaktywowana podczas instalacji wersji premium. Jeśli masz już zainstalowaną wersję premium, możesz ją zastąpić, klikając Zamień bieżącą na przesłane .
• Kliknij Aktywuj, aby aktywować wtyczkę.

Aktywacja licencji

Po zainstalowaniu i aktywacji wtyczki Beaver Builder wyjaśnię Ci proces aktywacji licencji:

• Z pulpitu WordPress przejdź do Ustawienia > Beaver Builder , a następnie kliknij kartę Licencja .
• Dodaj swój klucz licencyjny, który znajdziesz na stronie Moje konto .
• Możesz uzyskać uaktualnienia i obniżenie wersji, gdy Twoja licencja jest aktywna. Numer licencji powinien pozostać taki sam.

Jak korzystać z Beaver Builder (praktyczne)

Po zainstalowaniu i aktywacji nowa opcja Beaver Builder pojawi się po najechaniu kursorem myszy na dowolną stronę lub opublikowaniu na pulpicie nawigacyjnym:

Kliknięcie go otworzy tę stronę i zapewni dostęp do edytora Beaver Builder. Pierwszą rzeczą, jaką zauważysz, jest to, że możesz bezpośrednio kliknąć dowolny element na stronie, aby uzyskać dostęp do wszystkich jego ustawień.

Wśród tych ustawień jest funkcja przeciągania i upuszczania, która umożliwia przesuwanie elementu na stronie, dostosowywanie do tego konkretnego elementu, duplikowanie modułów, edycję kolumn lub możliwość usunięcia elementu:

W powyższym przykładzie wybrałem moduł Nagłówek. Jeśli przejdę do edycji tego nagłówka, klikając ikonę klucza, uzyskam dostęp do menu, które wygląda tak:

Chociaż ustawienia różnią się w zależności od używanego modułu, wtyczka Beaver Builder zawsze dzieli je na trzy szerokie kategorie:

• Ogólne : są to podstawowe opcje dostosowywania dla każdego modułu.
• Styl : pomyśl o karcie stylu jako o szybkim sposobie zastosowania CSS do każdego modułu za pomocą przyjaznego dla użytkownika interfejsu.
• Zaawansowane : karta Zaawansowane umożliwia modyfikowanie marginesów, określanie punktów przerwania, dodawanie animacji, wstawianie niestandardowego kodu HTML i nie tylko.

Bardziej rozbudowane moduły posiadają dodatkowe zakładki. Na przykład moduł Posty, który wyświetla posty lub strony, zawiera kartę Treść do filtrowania wyświetlanych postów oraz kartę Paginacji do kontrolowania sposobu wyświetlania dużego zestawu postów.

Teoretycznie możesz budować całe strony internetowe bez dotykania zaawansowanych ustawień dostosowywania Beaver Builder. Na tym zrzucie ekranu ustawienie Marginesy ma ikonę na pulpicie, którą możesz przełączać, aby ustawić różne wartości marginesów dla dużych, średnich i małych ekranów, jeśli chcesz:

Chociaż korzystałem z kilku narzędzi do tworzenia stron WordPress, Beaver Builder ma najłatwiejszą krzywą uczenia się. Tam, gdzie inni twórcy stron rzucają dziesiątki ustawień od samego początku, dzięki Beaver Builder możesz zrozumieć, jak działa każdy moduł i co możesz z nim zrobić.

Jeśli chodzi o wybór modułów, Beaver Builder zawiera 33 elementy. Wśród nich masz podstawowe funkcje, takie jak menu, formularze kontaktowe, obrazy, akapity, nagłówki i inne.

Jednak Beaver Builder zawiera również bardziej "zaawansowane" opcje, takie jak moduły referencji, grupy ikon, tabele cenowe i liczniki liczb. Tabele cenowe są fantastycznym dodatkiem do każdej witryny e-commerce, więc z przyjemnością dowiedziałem się, że Beaver Builder ułatwia ich tworzenie i dostosowywanie:

Dostosowywanie istniejących stron za pomocą Beaver Builder jest proste, ale tworzenie stron od podstaw jest stosunkowo proste. Proces można podzielić na kilka prostych kroków:

1. Ustal szorstki układ, jaki chcesz mieć na stronie.
2. Zacznij dodawać kolumny i wiersze.
3. Wypełnij kolumny i wiersze wybranymi modułami i dostosuj je.
4. W razie potrzeby przeciągnij moduły, aby elementy wyglądały dokładnie tak, jak chcesz.
5. Zobacz, jak wygląda strona na różnych rozmiarach ekranu.

To nadmierne uproszczenie, tak. Jednak cały proces wydaje się intuicyjny nawet dla kogoś, kto używa Beaver Builder po raz pierwszy.

To powiedziawszy, ważne jest, aby pamiętać, że mam pewne doświadczenie w tworzeniu stron internetowych. Jeśli dopiero zaczynasz korzystać z WordPressa lub tworzysz swoją pierwszą witrynę, być może zainteresuje Cię użycie szablonów Beaver Builder.

Gotowe szablony

Jak wspomniałem wcześniej, Beaver Builder pozwala zacząć od pustego płótna lub szablonów do tworzenia stron. Po wyjęciu z pudełka zawiera ponad 30 szablonów stron docelowych i wiele innych szablonów dla różnych typów stron z treścią oraz ponad 100 gotowych wierszy:

Chociaż wybór szablonów mógłby być szerszy, Beaver Build zawiera nowoczesne projekty i nie będzie wyglądać nie na miejscu na żadnej stronie internetowej. Masz opcje z dużymi sekcjami bohaterów, animowanymi tłami, grupami ikon, sekcjami z referencjami, tabelami cen i nie tylko.

Jeśli nie masz dużego doświadczenia z projektowaniem stron internetowych, szablony są narzędziem ratującym życie. Gdy już zrozumiesz, jak działa wtyczka, możesz również użyć systemu szablonów Beaver Builder, aby zapisać własne projekty i dodać je do innych stron lub projektów:

Szablony to ogromna część tego, co sprawia, że ​​Beaver Builder jest przyjaznym dla początkujących kreatorem stron, więc zachęcam do wypróbowania przynajmniej kilku opcji, jeśli pracujesz nad nowym projektem.

Zgodność i wydajność Beaver Builder z Cloudways

Szybkość witryny odgrywa kluczową rolę w sukcesie Twojej witryny i jest prawdopodobnie jedną z największych obaw większości właścicieli witryn. Optymalizacja witryny jest koniecznością, ale ocena, jak to zrobić, może być trudna. W przypadku tej recenzji Beaver Builder przetestowałem ten program do tworzenia stron na Cloudways, aby zobaczyć, jak dobrze działa, więc nie masz tych przewlekłych myśli.

Użyję kilku ważnych narzędzi do testowania prędkości i pokażę, jak bardzo Beaver Builder jest kompatybilny z platformą Cloudways.

Zasoby, z których korzystaliśmy:

Konfiguracja serwera Cloudways

Konfiguracja aplikacji

Zainstalowana wtyczka

Korzystając z powyższych zasobów, stworzyłem stronę internetową, która pomoże Ci zrozumieć scenariusz na żywo. Możesz sprawdzić stronę internetową pod tym linkiem. Teraz przetestuję witrynę na różnych narzędziach, aby pokazać kompatybilność i wydajność Beaver Builder z Cloudways.

Analiza wydajności GTMetrix

URL: https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• Wydajność : 100%
• Struktura : 93%
• LCP : 539ms
• TBT : 0ms
• CLS : 0,03

Analiza wydajności Pingdom

URL: https://tools.pingdom.com/#5ea5673c8fc00000

• Ocena wydajności : 88
• Rozmiar strony : 2,0 MB
• Czas ładowania : 365 ms
• Prośby: 49

Analiza wydajności PageSpeed ​​Insight

Ogólna ocena : 91
FCP : 0,8 s
Indeks prędkości: 1,5 s
LCP : 1,8 s
TTI : 0,8 s
TBT : 0ms
CLS : 0,028

Jak widać, przetestowałem witrynę na trzech różnych narzędziach testowych, a wyniki są imponujące. Cloudways zapewnia zarządzany hosting WordPress z dedykowanymi serwerami z wbudowanymi wtyczkami pamięci podręcznej i zapewnia niesamowitą wydajność. Wdrażanie witryn internetowych zbudowanych za pomocą kreatorów stron, takich jak Beaver Builder, oznacza, że ​​masz niesamowite wrażenia, które możesz dostarczać swoim użytkownikom.

Beaver Builder: zalety i wady

Przejrzałem wszystko, co oferuje Beaver Builder – jego funkcje, sposób działania i ile to kosztuje. Mając to na uwadze, zróbmy krótkie podsumowanie zalet i wad tej wtyczki do tworzenia stron.

Plusy:

• To niezwykle intuicyjne narzędzie, nawet jeśli nie masz doświadczenia w korzystaniu z kreatorów stron.
• Wybór szablonów charakteryzuje się nowoczesnymi i wszechstronnymi wzorami.
• Dodawanie i dostosowywanie elementów na stronach jest proste, a każdy moduł zawiera szeroki zakres ustawień i opcji.
• System kolumn i wierszy jest prosty i działa na każdym typie witryny.
• Możesz zapisać szablony i niestandardowe moduły, aby ponownie wykorzystać je w innych treściach.

Cons:

Ale chociaż Beaver Builder jest niesamowity, nie jest pozbawiony wad. Na przykład dołączone szablony są dobrze zaprojektowane, ale wybór może być znacznie szerszy, biorąc pod uwagę, że wielu nowicjuszy WordPress prawdopodobnie będzie polegać na nich przy tworzeniu swoich stron internetowych.

Inną potencjalną wadą do rozważenia jest to, że darmowa wersja wtyczki nie zawiera wielu modułów. Aby w pełni wykorzystać Beaver Builder, musisz przejść na płatny plan, co może być kłopotliwe dla użytkowników osobistych witryn.

Niezgodności Beaver Builder

Beaver Builder jest kompatybilny z większością rzeczy związanych z WordPress, ale pewne niedociągnięcia pozostają. WordPress to platforma typu open source, więc użytkownicy próbują różnych motywów i wtyczek, aby sprawdzić zgodność, i czasami im się to udaje, a innym razem napotykają na niekompatybilność.

Rzućmy okiem na kilka głównych niezgodności Beaver Builder.

1. Konflikty wtyczek

Gdy napotkasz jakikolwiek problem z edytorem Beaver Builder, często występuje on z powodu innego konfliktu wtyczek. Wtyczka pamięci podręcznej może być przyczyną konfliktu. Jeśli tak, wyczyść wtyczkę pamięci podręcznej za każdym razem, gdy napotkasz jakiś problem i wyłącz wszystkie wtyczki z wyjątkiem Beaver Builder. Włącz każdą wtyczkę pojedynczo i przetestuj Beaver Builder po każdym z nich. Powtarzaj ten proces, aż znajdziesz wtyczkę powodującą problem.

2. Konflikty tematyczne
Motywy mogą również powodować problemy z wtyczką Beaver Builder WordPress. Jakie problemy pojawiają się w związku z tematem i jak możemy je zidentyfikować?

Sprawdźmy poniższe punkty, aby lepiej zrozumieć:

• Strona zawiesza się podczas edycji lub po zapisaniu edytowanej strony
• Użytkownik nie może edytować strony w Beaver Builder
• Pasek edycji Beaver Builder nie pojawia się u góry strony
• Pola ustawień modułu nie pojawiają się w edytorze

Przejdź do Pulpit nawigacyjny WordPressa > Wygląd > Motyw i przełącz aktywny motyw na dowolny standardowy motyw WordPress, na przykład dwadzieścia dwadzieścia.

3. Asynchroniczna wtyczka JavaScript

Wtyczka Async Javascript może powodować konflikty i powodować problemy, chyba że skonfigurujesz poniższe ustawienia.

• Wyklucz jQuery
• wp-includes/js jest dodawany do pola Async Javascript > Ustawienia > Wykluczenie skryptów .

4. Wtyczka duplikatora

Nie zaleca się używania jakiejkolwiek wtyczki duplikatora do klonowania stron i zapisywania układów. Może się okazać, że to działa, ale kiedy edytujesz układ Beaver Builder na nowej stronie, powoduje to problemy. Zamiast tego, możesz użyć Duplicator Layout z menu Beaver Builder Tools.

5. Ładowarka rakiet Cloudflare

Rocket Loader Cloudflare może powodować problemy z Beaver Builderem podczas edycji stron, dlatego zaleca się jego wyłączenie podczas edycji. Możesz go włączyć po zakończeniu tworzenia witryny.

Opinie użytkowników Cloudways na temat Beaver Builder

Poczta pantoflowa jest głośniejsza niż techniki marketingowe, więc spójrzmy na społeczność Beaver Builder i przeanalizujmy, co ludzie mówią o Cloudways. Czas zbadać, w jaki sposób ludzie uważają Cloudways za najlepszą platformę podczas korzystania z Beaver Builder.

Można śmiało powiedzieć, że Cloudways to jeden z najlepszych wyborów dla Twojej następnej witryny, którą zamierzasz zbudować za pomocą Beaver Builder.

Ostatnie przemyślenia na temat Beaver Builder

Po dokładnym przetestowaniu wtyczki Beaver Builder WordPress Plugin mogę śmiało powiedzieć, że jest to jedno z najlepszych rozwiązań do rozpoczęcia budowy fenomenalnych stron WordPress.

Wtyczka ma mnóstwo funkcji i jest wystarczająco elastyczna, abyś mógł być tak kreatywny w swoim projekcie, jak to tylko możliwe. A przede wszystkim jest niesamowicie łatwy w użyciu. To prawie jak zabawa z Lego: wybierasz elementy, które chcesz na swojej stronie i umieszczasz je tam, gdzie chcesz. Rób to dalej (ale możesz przejść na wszystkie ustawienia zaawansowane, jeśli chcesz), podczas gdy strona wynikowa jest tuż przed tobą. Krótko mówiąc, widzisz wszystkie zmiany na stronie podczas ich wprowadzania, dzięki czemu proces jest bardzo intuicyjny i, ośmielę się powiedzieć, zabawny.

A po przetestowaniu wydajności wtyczki na Cloudways Managed Hosting mogę powiedzieć z całą pewnością, że jeśli chcesz szybko wdrożyć stronę internetową, ale nie chcesz narażać jej wydajności, bezpieczeństwa itp., musisz skorzystać z serwera WordPress na Cloudways + Wtyczka Beaver Builder, która jest pewną formułą sukcesu.

Co myślisz o Beaver Builder po przeczytaniu tej recenzji? Jeśli jest jakiś punkt, który mogliśmy przegapić, daj mi znać, a zaktualizuję tę recenzję.