Revizuirea Beaver Builder: Este cel mai bun plugin WordPress Page Builder? (2022)

Căutați cel mai bun plugin de generare de pagini pentru site-ul dvs. WordPress?

Beaver Builder merită cu siguranță un loc pe această listă. De la lansarea sa în 2014, a devenit unul dintre cei mai importanți constructori de pagini și și-a construit o reputație binemeritată pentru fiabilitatea solidă și o comunitate grozavă.

În recenzia noastră practică Beaver Builder, vă voi oferi o privire detaliată asupra pluginului, inclusiv ce face bine și ce face prost.

În general, cred că Beaver Builder este un generator de pagini foarte bun, dar nu este neapărat cel mai bun instrument pentru toată lumea, așa că veți dori să aveți informațiile potrivite pentru a decide dacă ar trebui să utilizați Beaver Builder sau una dintre alternativele sale populare, cum ar fi Elementor sau Divi Builder.

Continuați să citiți recenzia noastră și vă voi ajuta să luați această decizie!

Revizuirea Beaver Builder: un rezumat rapid

Dacă nu sunteți familiarizat cu Beaver Builder, voi începe cu un rezumat foarte rapid al caracteristicilor sale pentru a vă pune la curent.

Beaver Builder este un plugin ușor de utilizat pentru crearea paginilor cu drag-and-drop. Aceasta înseamnă că vă ajută să construiți designuri complexe și pagini de destinație fără a necesita cunoștințe tehnice.

Vă puteți configura designul folosind module de conținut și puteți crea machete folosind rânduri și coloane . Pentru fiecare modul, rând și coloană, veți obține opțiuni detaliate pentru a-i controla designul, aspectul, spațierea și multe altele.

Dacă doriți să mergeți mai departe, puteți utiliza suplimentul Beaver Builder Themer pentru a vă proiecta întreaga temă folosind editare vizuală, prin glisare și plasare, inclusiv anteturi personalizate, șabloane de postări, subsoluri etc.

Practic, Beaver Builder vă ajută să construiți un site web WordPress personalizat 100%.

Cum funcționează interfața Beaver Builder

Să începem prin a explora interfața Beaver Builder și cum funcționează.

Tur interfață de bază

Când lansați interfața, obțineți o previzualizare frumoasă pe lățime completă a designului dvs. live. Nu există o bară laterală fixă ​​în mod implicit, deși puteți crea una dacă doriți:

Adăugarea de module

Pentru a adăuga module sau șabloane noi, puteți face clic pe pictograma „plus” din colțul din dreapta sus pentru a deschide interfața de inserare. Modulele sunt împărțite în diferite categorii și puteți căuta și după nume.

Pentru a adăuga un modul, trebuie doar să-l trageți pe pagină:

Odată ce adăugați modulul, meniul dispare și reveniți la o previzualizare completă.

Dacă preferați ca meniul să rămână fix, îl puteți trage fie în partea dreaptă, fie în partea stângă pentru a-l transforma într-o bară laterală fixă ​​pe acea parte. Aici, l-am reparat în stânga:

În ceea ce privește modulele în sine, Beaver Builder face o treabă bună oferindu-vă acces la toate cele mai importante module. Lista s-ar putea să nu fie la fel de mare ca unii alți generatori de pagini, dar nu cred că majoritatea oamenilor vor avea probleme. Dacă trebuie să adăugați mai multe module, puteți oricând să faceți acest lucru folosind pluginuri terță parte (mai multe despre asta mai târziu).

Configurarea modulelor, coloanelor și rândurilor

Pentru a deschide setările pentru orice element, puteți trece cu mouse-ul peste el și puteți face clic pe pictograma cheie.

Dacă aveți meniul care dispare, setările vor apărea într-un pop-up pe care îl puteți trage în orice locație și îi puteți modifica dimensiunea:

Dacă preferați abordarea barei laterale fixe, setările se vor deschide automat în bara laterală:

Deși puteți vedea un editor de text în capturile de ecran de mai sus, Beaver Builder acceptă și editarea inline, ceea ce înseamnă că puteți adăuga text direct pe pagină făcând clic și tastând.

În ceea ce privește numărul de opțiuni de design, aș spune că obțineți toate opțiunile de bază importante, dar nu obțineți opțiunile avansate de design pe care le oferă unii creatori de pagini, cum ar fi Elementor și Divi Builder.

De exemplu, nu există o poziționare absolută/relativă personalizată și nici ceva precum Efectele de mișcare ale Elementor sau Efectele de defilare ale Divi ( deși Beaver Builder include animații de bază ).

Pentru utilizatorii obișnuiți, nu cred că veți simți că vă lipsește ceva. Dar dacă ești un designer căruia îi place să poată configura toate acele efecte de design interesante, atunci Elementor și Divi sunt cu siguranță puțin mai flexibile în acest sens.

Beaver Builder acceptă și designul receptiv. Puteți ascunde anumite elemente pe dispozitivele mobile și, de asemenea, puteți obține opțiunea de a schimba configurația în funcție de dispozitivul unui utilizator (de exemplu, puteți utiliza diferite spații sau dimensiuni ale fontului pentru vizitatorii mobili):

Există, de asemenea, un mod de editare receptiv, care facilitează proiectarea pentru dispozitive mobile și tablete.

Crearea de modele cu mai multe coloane

Aceasta este una dintre funcțiile mele preferate Beaver Builder și nu știu de ce fiecare generator de pagini nu o face în acest fel.

Să presupunem că doriți să creați un design cu mai multe coloane. Cu majoritatea celorlalți generatori de pagini, mai întâi trebuie să vă configurați structura coloanelor. Apoi, puteți trage widget-urile în acele coloane.

Cu Beaver Builder, puteți sări peste acel pas și pur și simplu trageți un modul lângă alt modul pentru a crea automat o nouă coloană. Este un lucru mic, dar este foarte util și vă va economisi ceva timp:

Desigur, Beaver Builder încă vă permite să configurați mai întâi structura coloanei - trebuie să adăugați manual un rând dacă preferați să o faceți în acest fel.

Inserarea șabloanelor

Pentru a economisi timp, Beaver Builder include câteva șabloane de pagină completă pe care le puteți insera. Aceste șabloane vin în două forme:

• Pagini de destinație complete
• Pagini de conținut (de exemplu, o pagină „Despre”)

Aș spune că șabloanele nu sunt punctul forte al Beaver Builder, totuși. Șabloanele în sine arată bine, dar nu aveți acces la aproape cantitatea de șabloane oferită de alte instrumente. De exemplu, Divi vă oferă peste 1.700 de șabloane, iar Elementor este, de asemenea, în sute.

În plus față de șabloanele de pagină, primești și șabloane de rând prefabricate, care sunt șabloane pentru o parte a unei pagini - de exemplu, o secțiune erou.

De asemenea, puteți salva propriile modele ca șabloane pentru a le reutiliza mai târziu.

Utilizarea setărilor globale

Setările globale vă permit să controlați setările de nivel înalt pentru toate modelele dvs. Beaver Builder, cum ar fi lățimea implicită pentru rânduri, marginile/padding implicite pentru rânduri și coloane, machete receptive și multe altele.

De asemenea, puteți personaliza punctele de întrerupere a dispozitivelor mici și medii în pluginul de bază, ceea ce nu permit toți constructorii de pagini (de exemplu, Elementor este încă în curs de a permite puncte de întrerupere ajustabile).

Lucrul cu Cod

Dacă doriți să lucrați cu cod, Beaver Builder facilitează adăugarea CSS sau JavaScript direct la pagină - apăsați Ctrl + Y pentru a deschide editorul de cod.

Cu toate acestea, nu puteți adăuga CSS personalizat direct la un modul/secțiune individual, așa cum permite Elementor Pro. Chiar dacă puteți adăuga o clasă CSS personalizată sau un ID la un modul, nu puteți adăuga CSS-ul în sine.

Gânduri generale despre interfață și experiență de editare

În general, cred că experiența de editare în Beaver Builder este destul de bună.

Nu are chiar „la fel de mult” ca Elementor sau Divi când vine vorba de opțiuni de design, dar are toate opțiunile de bază de care vor avea nevoie majoritatea utilizatorilor.

În plus, îmi place foarte mult interfața în sine. Deși este greu să arăți acest lucru în capturi de ecran, interfața este întotdeauna rapidă și fără erori. Nu întâmpin niciodată întârzieri sau probleme atunci când deschid setările sau trag lucruri în jur - pur și simplu funcționează.

De asemenea, este bine că poți personaliza interfața în funcție de preferințele tale. Dacă vă place să aveți previzualizarea vizuală pe ecran complet, puteți continua să utilizați stilul pop-up implicit și să ascundeți toate setările atunci când vă uitați la design.

Sau, dacă vă place abordarea barei laterale, puteți lipi bara laterală pe ambele părți și faceți totul dintr-o interfață fixă.

Nu este nimic deosebit de atrăgător, este doar o interfață foarte solidă, plăcută de utilizat.

Beaver Themer

Beaver Themer este o extensie oficială a echipei Beaver Builder care adaugă suport complet pentru construirea temei la Beaver Builder.

Beaver Builder a fost unul dintre primii creatori de pagini care a oferit crearea completă a temei, depășind alte nume mari precum Elementor și Divi.

Cu Beaver Themer activ, puteți accesa Beaver Builder → Themer Layouts pentru a crea șabloane pentru tema dvs.:

• Antet
• Subsol
• Singular (de exemplu, postări unice pe blog, pagini etc.)
• Arhivă (de exemplu, pagina care listează toate postările de pe blog)
• 404 pagina

De asemenea, puteți crea părți tematice, care este o caracteristică cu adevărat îngrijită care vă permite să injectați un design în diferite părți ale site-ului dvs., un fel ca un cârlig de temă.

Șabloane tematice

Când creați un șablon de temă nou, mai întâi trebuie să alegeți când să utilizați șablonul respectiv. Puteți viza anumite tipuri de conținut, de exemplu, toate postările de blog sau numai postările cu o anumită categorie/etichetă.

Dacă doriți mai mult control, puteți, de asemenea, să configurați Reguli , care vă permit să utilizați un anumit șablon numai atunci când sunt îndeplinite condițiile specificate, cum ar fi starea de autentificare, rolul utilizatorului, autorul, câmpul personalizat, șablonul de postare și multe altele.

Deoarece majoritatea celorlalți creatori de teme nu au o caracteristică similară, acesta este un avantaj clar al Beaver Themer.

De acolo, puteți utiliza aceeași interfață Beaver Builder pentru a vă proiecta șablonul. Singura diferență este că veți putea introduce conținut „dinamic”, cum ar fi titlul și conținutul unei postări.

Beaver Themer funcționează, de asemenea, cu câmpuri personalizate, astfel încât să puteți insera date din plugin-uri precum Advanced Custom Fields sau Pods. Mai jos, puteți vedea cum este să conectați conținutul unui câmp la informații dinamice.

Piese tematice

Părțile de temă funcționează practic la fel ca șabloanele de temă, dar aveți o opțiune suplimentară care vă permite să injectați partea într-o anumită locație a temei dvs., de exemplu, sub titlul postării sau sub conținut.

Puteți folosi părți tematice pentru anunțuri, formulare de înscriere, îndemnuri și multe altele.

Temă Beaver Builder

Tema Beaver Builder este o temă WordPress de bază ușoară, concepută pentru a se asocia cu Beaver Builder.

În esență, ideea este că utilizați tema Beaver Builder pentru a gestiona zone care nu sunt de conținut, cum ar fi antetul, subsolul și șabloanele de blog, apoi utilizați Beaver Builder pentru a proiecta conținutul real (partea care se află între antet și subsol).

Sincer, totuși, nu mi se pare că tema Beaver Builder este o adăugare atât de valoroasă în 2022 și mai departe. Nu este că tema este „rea” – este o temă bună. Cred doar că spațiul WordPress s-a schimbat și nu mai este atât de special.

Cu ani în urmă, tema era plăcută pentru că era încă greu să găsești teme de bază ușoare și multifuncționale.

Dar acum, avem răsfățat de alegere când vine vorba de teme flexibile și ușoare, concepute pentru a se asocia cu creatorii de pagini. Toate aceste teme urmează același principiu de bază ca și tema Beaver Builder, dar o fac mai bine ( cel puțin în opinia mea ). În 2022 și mai departe, aș prefera să asociez Beaver Builder cu GeneratePress.

Performanţă

Performanța este întotdeauna un aspect important atunci când utilizați un plugin de generare de pagini. Un generator de pagini va adăuga întotdeauna mai multă greutate paginii decât doar folosind editorul WordPress implicit, dar unii creatori de pagini sunt mai buni decât alții în a menține această greutate la minimum.

Am făcut personal câteva teste în care am creat pagini identice cu diferiți generatori de pagini, iar Beaver Builder este de obicei una dintre cele mai bune opțiuni când vine vorba de performanță. Prin aceasta, vreau să spun că dimensiunile paginilor și solicitările HTTP sunt mai mici decât alți constructori.

Pentru a vă oferi o idee bună despre cât de multă greutate suplimentară adaugă Beaver Builder față de editorul de blocuri WordPress nativ (Gutenberg), am decis să rulez un mic test.

Am creat un design simplu în două versiuni: una cu editorul Gutenberg și una cu versiunea premium a Beaver Builder.

Apoi, am comparat dimensiunile paginilor și solicitările HTTP (aceste numere includ tema site-ului meu, care este GeneratePress):

Puteți vedea că Beaver Builder nu se încarcă prea mult în mod implicit. Designul este foarte simplu și include în principal doar text, butoane și coloane. Acest rezultat este mai mic decât ceea ce ați vedea cu o mulțime de alți generatori de pagini.

De exemplu, când am făcut același lucru cu Divi Builder, a adăugat 316,7 KB (comparativ cu +44,1 KB de la Beaver Builder) și șapte solicitări HTTP noi (comparativ cu cele patru solicitări HTTP noi ale Beaver Builder).

Un alt lucru frumos este că Beaver Builder nu își încarcă scripturile la nivel de site. Deci, dacă aveți o pagină pe care ați creat-o cu editorul nativ WordPress, Beaver Builder nu va încărca un singur script pe pagina respectivă.

Acest lucru este notabil deoarece alți creatori de pagini își încarcă scripturile la nivel de site, ceea ce adaugă greutate paginii, indiferent dacă utilizați sau nu generatorul de pagini pe pagina respectivă.

Concluzia performanței Beaver Builder

Se va încărca o pagină pe care o proiectați cu Beaver Builder la fel de repede ca aceeași pagină pe care o proiectați cu editorul de blocuri Gutenberg? Nu, toate lucrurile sunt egale, nu va fi.

Cu toate acestea, editorul de blocuri Gutenberg nu vă oferă atât de multă flexibilitate de proiectare ca Beaver Builder. Și, în comparație cu alte pluginuri de generare de pagini cu flexibilitate similară, Beaver Builder se compară destul de favorabil.

Așadar, atâta timp cât sunteți de acord cu compromisul de bază de performanță care este adevărat cu orice plugin de generare de pagini, Beaver Builder face o treabă bună menținând greutatea adăugată la minimum.

Atâta timp cât urmați cele mai bune practici WordPress de performanță, folosiți unele pluginuri de optimizare a vitezei și găzduiți site-ul pe găzduire rapidă, puteți crea complet un site cu încărcare rapidă cu Beaver Builder.

Suplimente Beaver Builder terță parte

Pe lângă Beaver Themer, Beaver Builder are și o piață vibrantă de suplimente Beaver Builder terțe, care vă permite să extindeți și mai mult generatorul de bază.

De obicei, veți folosi aceste extensii pentru a adăuga noi module de conținut și șabloane, deși unele adaugă și funcții noi, cum ar fi integrarea cadrului Pods cu Beaver Builder/Themer.

Pentru a vă da un gust, iată două dintre cele mai populare opțiuni:

• Ultimate Addons pentru Beaver Builder (de la aceeași echipă din spatele temei Astra)
• Addon PowerPack pentru Beaver Builder

Pentru a vedea și mai multe opțiuni, consultați rezumatul celor mai bune suplimente Beaver Builder.

Prețuri

Acum că am acoperit totul, să vorbim despre prețuri.

În primul rând, Beaver Builder are o versiune simplă gratuită la WordPress.org, dar este foarte limitată.

Sincer, acum că există editorul de blocuri Gutenberg, nu văd nicio valoare în versiunea gratuită a Beaver Builder în afară de aceasta, care să vă permită să încercați interfața cu utilizatorul pentru a vedea dacă vă place.

S-ar putea să nu fiți de acord - așa că cu siguranță ar trebui să testați singur versiunea gratuită. Dar, după părerea mea, dacă sunteți în căutarea în mod special pentru un plugin gratuit pentru generarea de pagini, versiunile gratuite ale Elementor și Brizy sunt mult mai generoase în funcțiile lor.

Când vine vorba de versiunea premium, totuși, Beaver Builder este destul de accesibil.

În primul rând, lucrul important de reținut este că toate planurile de preț ale Beaver Builder permit utilizarea pe site-uri web nelimitate.

De acolo, planurile încep de la doar 99 USD pentru un an de asistență și actualizări. Pentru toate planurile, puteți obține o reducere de reînnoire de 40% dacă doriți să continuați să primiți asistență și actualizări după primul an.

După cum am menționat mai sus, nu cred că tema Beaver Builder mai este atât de valoroasă, așa că cred că aproape toată lumea va fi bine cu licența Standard de 99 USD. Singurele motive pentru care ați putea dori să plătiți mai mult sunt:

1. Aveți nevoie de suport WordPress pentru mai multe site-uri, caz în care aveți nevoie de licența Pro de 199 USD.
2. Aveți nevoie de etichetă albă, caz în care aveți nevoie de licența agenției de 399 USD.

Dacă doriți să adăugați suport pentru crearea temei, va trebui să achiziționați și Beaver Themer, care costă 147 USD pentru utilizare pe site-uri nelimitate.

Deci, dacă doriți generatorul de pagini și generatorul de teme, ați plăti 246 USD pentru utilizare pe site-uri nelimitate și un an de asistență și actualizări. Veți plăti apoi un total de 147,60 USD pentru reînnoire dacă doriți să continuați să primiți asistență și actualizări după primul an.

Gânduri finale despre Beaver Builder

În general, cred că Beaver Builder este un plugin foarte bun de la o echipă de dezvoltare consacrată și de încredere. Există de peste șapte ani și a construit o comunitate grozavă în acea perioadă.

Cu toate acestea, dacă ar trebui sau nu să utilizați Beaver Builder se reduce cu adevărat la ceea ce prețuiți într-un plugin pentru constructor de pagini WordPress.

Dacă doriți un generator de pagini care adaugă mereu noi funcții și vă oferă noi abilități de design, Beaver Builder s-ar putea să nu fie cea mai bună alegere, deoarece acesta nu pare să fie punctul central al echipei Beaver Builder. Nu este ca și cum Beaver Builder nu adaugă niciodată funcții noi, dar vin într-un ritm mai lent decât plugin-uri precum Elementor, Divi și Brizy.

Cu toate acestea, dacă prețuiești stabilitatea față de obținerea frecventă de noi funcții, acolo cred că Beaver Builder se descurcă foarte bine. Un ciclu de dezvoltare mai lent înseamnă mai mult timp pentru a testa și rezolva problemele. Nu am văzut niciodată utilizatorii Beaver Builder plângându-se că o nouă ediție a cauzat o eroare larg răspândită sau a spart ceva pe site-urile lor.

Există cu siguranță valoare în obținerea de noi funcții, dar există și valoare în stabilitate. Dacă un plugin face deja tot ceea ce aveți nevoie, s-ar putea să doriți doar să continue acest lucru bine, fără a adăuga noi funcții care pot cauza sau nu probleme pe site-ul dvs.

Deci, practic, așa văd eu. Nu cred că există un singur răspuns „corect” – depinde cu adevărat de abordarea pe care o preferați.

Dacă vă place abordarea Beaver Builder, puteți face clic pe butonul de mai jos pentru a accesa site-ul web:

Obțineți Beaver Builder

Dacă preferați să vedeți și alte opțiuni, puteți consulta colecția noastră de cele mai bune pluginuri pentru crearea de pagini. Dacă doriți flexibilitate maximă de design, cred că unele opțiuni bune sunt Elementor (citiți recenzia noastră) și Divi Builder (citiți recenzia noastră).

Pentru a vedea cum se compară Beaver Builder cu aceste plugin-uri, puteți consulta aceste postări:

• Elementor Pro vs Beaver Builder
• Divi vs Beaver Builder

Mai aveți întrebări despre Beaver Builder sau recenzia noastră Beaver Builder? Lasă un comentariu și anunță-ne!