Beaver Builder vs Divi - Welke WordPress Builder is goed voor u, en welke niet? (2022)

Dus je bent op zoek naar een nieuwe plug-in voor het bouwen van WordPress-pagina's, toch? Hoe kies je tussen? Beaver Builder vs Divi wanneer dit de meest populaire producten zijn?

U hebt wat vooronderzoek gedaan en ontdekt dat deze twee de meest aangeprezen keuzes zijn voor het bouwen van websites. Mogelijk hebt u ook enige ervaring met het gebruik van een van deze plug-ins voor het maken van pagina's.

Nu wil je weten welke van deze populaire plug-ins de beste is. En vooral, wat is je geld waard?

Dan bent u bij ons aan het juiste adres. In de post van vandaag op CollectiveRay, gaan we alle belangrijke functies van deze plug-ins voor het bouwen van pagina's verkennen en ze onderling vergelijken om u te helpen de beste te vinden voor u - en waar u uw geld aan moet uitgeven.

Lees verder om erachter te komen wat de beste plug-in voor paginabuilder is voor WordPress. Als je geïnteresseerd bent in WordPress-plug-ins in het algemeen, kun je onze andere recensies en overzichten bekijken die op Collectiveray.

We hebben sites waarop beide producten zijn geïnstalleerd, dus we hebben dit artikel opnieuw bekeken in mei 2022 om alle relevante details zo nodig bij te werken.

Beaver Builder vs Divi

Beaver Builder is heel gemakkelijk te gebruiken, maar Divi heeft meer aanpassingsmogelijkheden. Beide producten geven u toegang tot professioneel ogende lay-outs. Divi heeft 140+ lay-outs in vergelijking met Beaver Builder50 sjablonen. Divi is iets goedkoper dan Beaver Builder voor $ 89, inclusief alle producten van ElegantThemes.

Samengevat

Prijs	$ 89 (inclusief alle ET-plug-ins en WordPress-thema's)	$ 99
Gratis versie	Nee	Ja
Realtime editor	Ja	Ja
Frontend / Backend	Te gebruiken zowel	Te gebruiken zowel
Doelgroep	Ontwikkelaar / Ontwerper / Gebruiker	Webontwikkelaar / ontwerper
Elementen ondersteund	46	31
Schone code	Ja	Ja
Vooraf gemaakte sjablonen / lay-outs	140+	50+
Coole functie	A/B-testing	Bever Themer
Prestatie
Wat we leuk vonden	Een zeer krachtige oplossing voor het maken van elk type lay-out	Eenvoudige gebruikersinterface
	Superieure opties voor lay-outbeheer	De inhoud blijft intact, zelfs na het deactiveren van de plug-in
	Aantrekkelijke prijzen met toegang tot tal van andere WordPress-thema's en plug-ins	Unieke bewerkingsmodus voor klanten
	Nieuwe prestatieverbeteringen veranderen het spel	Hiermee kunt u WordPress-widgets gebruiken in de lay-outs
Wat we niet leuk vonden	Het kost wat tijd om eraan te wennen	Duurder dan de andere pagebuilders
	Het laden van de frontend-editor duurt even.
globaal
Winnaar	🏆
Website	Bezoek Elegant Themes (10% KORTING)	Bezoek Beaver Builder

Waarom Beaver of . gebruiken Divi Builder?

Als je relatief nieuw bent in de WordPress-wereld, weet je misschien niet de volledige geschiedenis van paginabuilders en hoe ze tot stand zijn gekomen.

In wezen kon WP tot een paar jaar geleden pagina's of berichten maken. Beide inhoudsitems lijken erg op elkaar.

Ze ondersteunden voornamelijk teksten en afbeeldingen en uw alledaagse website-inhoud zoals video enz.

Als je iets exclusiever wilde, moest je indien nodig plug-ins en/of shortcodes gebruiken.

Nu waren shortcodes geweldig, omdat ze je in staat stelden om specifieke functies en functies in te voegen waar je maar wilde op een pagina.

Maar ze hadden nog steeds hun beperkingen - je moest nog steeds een heleboel verschillende plug-ins installeren om meerdere verschillende elementen op een pagina te kunnen bereiken en gebruiken.

Als je sliders, call-to-action-knoppen, video's, afbeeldingsgalerijen en andere dingen wilde, moest je steeds meer plug-ins toevoegen.

Dit bracht nog een ander probleem met zich mee: hoe meer producten u aan uw installatie toevoegt, hoe zwaarder uw website zou worden en hoe meer kwetsbaarheden de verschillende items die u moest installeren, op beveiligingsproblemen stuiten.

Dit was een probleem.

Er was nog een probleem. Je kon geen pagina of bericht maken visueel. U moest een pagina ontwerpen met behulp van shortcodes en na verschillende iteraties van wijzigingen zou u tot een resultaat komen dat dicht in de buurt kwam van wat u wenste.

Uiteindelijk begonnen ontwikkelaars en WP-leveranciers te beseffen dat de meeste mensen de mogelijkheid wilden hebben om hun eigen pagina's te ontwerpen en te definiëren zonder beperkingen - geen sjablonen gebruiken, waardoor alle websites er hetzelfde uitzagen.

En zo ontstond het concept van pagebuilders.

Dit is in wezen de kern van zo'n functie - de mogelijkheid om verschillende elementen te slepen en neer te zetten om een ​​pagina of bericht te ontwerpen en te definiëren op een manier die JIJ wilt.

Lees verder: Assistant Pro - sjablonen voor paginabuilder opslaan op internet

We weten niet zo zeker wie het product voor het maken van de eerste pagina heeft bedacht, maar zeker, Elegant Themes zijn een van de leveranciers geweest om dit concept zeer succesvol te maken.

Zodra mensen het potentieel zagen, begonnen alle grote leveranciers op de kar te springen.

Tegenwoordig bundelen de meeste grote leveranciers een soort visuele paginabuilder in hun thema's - als ze er zelf geen hebben, zullen ze met iemand samenwerken en deze functie in hun thema insluiten/inschakelen.

Dus hoe zit het met Divi en Beaver Builder?

ElegantThemes zijn al zo lang in deze niche dat ze echt hebben begrepen wat mensen willen en het hun hebben gegeven - hun product is een van de meest populaire die er is, met meer dan 600,000, 701,600 verkopen.

Ze zijn gericht op die gebruikers die een website willen maken, maar zich niet druk maken over wat er onder de motorkap gebeurt - ze willen gewoon dat dingen werken en willen er niet technisch over worden of rotzooien met welke code dan ook.

Elegant Themes Doelgroep: 

Mensen die een website willen laten ontwerpen en gebruiken zonder tussenkomst van een ontwikkelaar or veel weten over code.

Voorbeeld gebruikers:

1. Eigenaren van kleine bedrijven
2. Bloggers
3. SEO
4. Eigenaars van aangesloten websites
5. Contentschrijvers die websites maken
6. Web ontwerpers
7. Digitale marketingbureaus

Als je naar de onderstaande afbeelding moet kijken, is Divi gericht op de ontwerper. Misschien wil je er zelfs een paar bekijken voorbeelden van live Divi-thema hier.

Beaver Builder heeft een ander soort gebruiker. Terwijl ElegantThemes richt zich op degenen die zijn less "technisch", gaat BB achter die gebruikers aan die in hart en nieren ontwerpers en ontwikkelaars zijn. Divi heeft enkele beperkingen die deze ontwikkelaarstypes frustrerend vinden, en BB identificeert en lost deze problemen netjes op. 

Hierdoor kon dit product goed van de grond komen bij degenen die zich meer als ontwikkelaars identificeren.

Als je geïnteresseerd bent in hoe ET-producten zich verhouden tot andere populaire opties die er zijn, zou je de volgende twee artikelen kunnen overwegen die we ook hebben geschreven:

https://www.collectiveray.com/divi-vs-genesis

en

https://www.collectiveray.com/divi-vs-avada

Verdergaand op de afbeelding hierboven, zou BB meer thuis zijn bij de ontwikkelaar.

BeaverBulder Doelgroep:

Webontwikkelaars en ontwerpers die houden van naar prutsen met de code, volledige controle hebben over wat er gebeurt wat om dingen aan te passen zodat ze werken zoals ze willen, niet zoals de leverancier het heeft ontworpen.

Voorbeeld gebruikers:

1. webontwikkelaars
2. Webdesigners die willen sleutelen aan code
3. Digitale bureaus
4. Freelancers

Met die introductie uit de weg, laten we beginnen met het graven van elk product, zodat we de kenmerken, functies, voor- en nadelen van het gebruik van een van deze twee items kunnen zien.

Laten we beginnen met het bespreken van de gebruikersinterface van beide producten.

De gebruikersinterface en gebruikerservaring van WordPress PageBuilder

Het Divi Builder Interface

ElegantThemes werken op dit punt al een aantal jaren aan hun product. Met een sterke community die hen ondersteunt en hen veel goede feedback geeft, weten deze jongens hoe ze de vinger aan de pols van hun gebruikers moeten houden.

Ze hebben een interface gebouwd die volledig is gericht op een geweldige gebruikerservaring.

Ze hebben niet per ongeluk hordes fans opgebouwd. Hun strikte focus op het ontwerp en de bruikbaarheid van hun product is een van de belangrijkste aspecten geweest om deze bouwer zo succesvol te maken.

Bekijk deze korte introductievideo (2 minuten). Dit is van de allereerste versie van Divi (2015), sindsdien is er veel veranderd, maar het is fijn om snel een overzicht te krijgen van de mogelijkheden.

Maar laten we eens kijken naar de gebruikersinterface.

Na het installeren van Divi heb je toegang tot de builder door een nieuwe post of pagina aan te maken. Het eerste wat je gaat zien is dit:

Als u op de Te gebruiken Divi Builder knop zal je doorverwijzen naar de nieuwe visuele editor, die werd geïntroduceerd in Divi 3.18.

Deze functie is een reactie op WordPress 5.0 na de introductie van de nieuwe Gutenberg-editor zoals je kunt zien op de afbeelding hierboven. De oude Divi-back-end-editor is nu niet beschikbaar voor gebruik met de nieuwe WordPress-posteditor.

Dat is waarom Elegant Themes gericht op het verbeteren van hun front-end visuele editor en het zo gemaakt dat de back-end en front-end nu naadloos zijnlessmet elkaar geïntegreerd.

U hebt echter nog steeds de mogelijkheid om niet alleen terug te keren naar de klassieke Divi-backend-editor, maar ook naar de klassieke WordPress-posteditor. Het enige wat je hoeft te doen is naar Divi > Plugin-opties > Geavanceerd.

Schakel de "Klassieke editor inschakelen” naar Aan om de oorspronkelijke WordPress-berichteditor terug te brengen.

Als u deze optie inschakelt, wordt ook de volledige back-end-editor van Divi teruggezet. Schakel vervolgens de "Schakel de nieuwste" in Divi Builder Ervaring" uitgeschakeld zal de pre-Gutenberg Divi-backendbuilder terugbrengen (houd er echter rekening mee dat u enkele van de nieuwste functies en verbeteringen van de moderne builder verliest).

Met de front-end real-time editor kunt u nu ontwerpen en visualiseren de pagina waaraan u on-the-fly werkt.

Dit is eerlijk gezegd een geweldige functie omdat je de voorkant niet hoeft te "raden" of verversen om het resultaat te zien van het ontwerp waaraan je werkt.

Je kunt het zien terwijl je het ontwerpt.

Dit is wat ElegantThemes zijn aan het bellen "Een nieuwe visuele ervaring".

Ze hebben onlangs gewerkt aan het maken van een nieuwe versie van de Builder (die werd uitgebracht als versie 3.0). De crux van deze versie was dat in plaats van twee afzonderlijke "views", een backend-weergave en een live-weergave, de twee in hetzelfde zullen opgaan. De back-end-editor toont de live-versie terwijl u aan het werk bent.

De nieuwe Divi visual builder verving de oudere back-end/front-end editors.

Hieronder zie je hoe de nieuwe bouwer eruit ziet. Merk op hoe je kunt naaienlessSchakel met een enkele muisklik tussen de backend-weergave (wireframe) en de front-end-weergave.

Dit is een complete WYSIWYG-ervaring (What You See is What You Get). 

Kijk eens naar de onderstaande afbeelding - zie je dat ontwerp in de backend? Dit is precies hoe het eruit zal zien wanneer het wordt gepubliceerd.

Om toegang te krijgen tot de pagebuilder vanuit de backend, ga je naar Berichten > Nieuwe toevoegen. Klik op de resulterende pagina op "Gebruik de" Divi Builder" knop. Dit opent de interface, die er als volgt uitziet:

Divi (die we hier al hebben besproken) kunt u aparte secties maken voor verschillende delen van de pagina. Het ondersteunt drie soorten secties: standaard, volledige breedte en speciaal.

Voor de secties standaard en volledige breedte kunt u een op kolommen gebaseerde structuur kiezen. Er zijn veel combinaties, waaronder twee, drie, vier kolommen in verschillende maten. Het speciale gedeelte bevat negen speciaal gemaakte kolomstructuren. U kunt meerdere rijen binnen een sectie toevoegen om meerdere kolomstructuren te hebben.

Nadat u een lay-out heeft gekozen, kunt u modules toevoegen aan de afzonderlijke kolommen. U vindt afzonderlijke opties om de module-inhoud te leveren, de ontwerpopties te configureren en aangepaste CSS te bieden.

U kunt de modules, kolommen, rijen en secties verplaatsen door deze naar de gewenste locaties te slepen en neer te zetten. Er zijn speciale knoppen om het instellingengedeelte voor elk van deze items te verwijderen, dupliceren en te openen. Het is ook mogelijk om ongedaan te maken, de laatste acties opnieuw uit te voeren en terug te keren naar de vorige acties met behulp van de geschiedenisfunctie.

Om de pagebuilder vanaf de frontend te gebruiken, gaat u naar de pagina die u wilt bewerken en klikt u op de knop "Visual Builder inschakelen".

Afhankelijk van de pagina-inhoud kan het even duren om de interface te laden (wees even geduld, de front-end editor is behoorlijk zwaar en heeft tijd nodig om te downloaden en te renderen).

Zodra de paginabuilder met de voorkant is geladen, kunt u beginnen met het aanpassen van de pagina.

Net als de backend-interface, kunt u een nieuwe sectie toevoegen, de kolomstructuur kiezen en genieten van volledige toegang tot alle opties voor module-instellingen.

Natuurlijk is een ontwerper zonder slepen en neerzetten dood in het water, maar dit product gaat natuurlijk heel mooi om met D&D.

In feite is het niet alleen slepen en neerzetten, maar het behoudt ook het reactievermogen terwijl u aan het ontwerpen bent.

Aangezien je aan de daadwerkelijke live blokken met inhoud en elementen werkt, sleep je de daadwerkelijke stukjes inhoud.

En natuurlijk is alles nog steeds volledig responsive.

Bekijk de volgende korte demo van live, responsieve blokken.

U kunt de modules, rijen, kolommen slepen en neerzetten en ze ook kopiëren, plakken, verwijderen of bewerken volgens uw vereisten. 

Krijg 10% KORTING op Divi tot mei 2022

ps. Bovenstaande aanbieding is alleen beschikbaar via CollectiveRay.

Dus hoe zit het met ElegantThemes concurrent? Heeft het dezelfde flexibiliteit? Werkt het in realtime in de front-end?

Lees de rest van dit artikel voor het antwoord op deze vragen. 

Gebruiksaanwijzing Beaver Builder

BB wil niet achterblijven in de race naar de dominantie van de pagebuilder en is met alle wapens naar buiten gekomen.

Of tandenknarsen, als we de Bever-analogie willen behouden. 😀

BB biedt zowel bewerking in de frontend als de backend aan, dus het blijft wat dat betreft niet achter.

Het kan worden gebruikt op pagina's, berichten en de meeste andere WP-aangepaste typen, zolang ze zijn ingeschakeld.

Door op het tabblad Beheerder voor het relevante aangepaste type te klikken, ziet u dat de bouwer wordt geladen, zodat u deze kunt gebruiken om uw inhoud te ontwerpen.

Voordat we verder gaan, wil je misschien de volgende korte video (2 minuten) over het gebruik van BB bekijken.

In wezen gaat u in de backend-methode, nadat u zich eerst bij uw dashboard hebt aangemeld, naar Berichten> Nieuw toevoegen en klikt u op de knop "Paginabouwer". Dit zal de paginabuilder-interface oproepen - iets wat lijkt op het onderstaande.

De eerste stap is het kiezen van een sjabloon voor de pagina. U kunt een van de kant-en-klare sjablonen kiezen of aan de slag gaan met de lege om uw eigen sjabloon te maken. Nadat u de sjabloon hebt gekozen, is de volgende stap het kiezen van de rijlay-out.

U kunt de rijindeling kiezen in de linkerzijbalk. Open de zijbalk door op de knop "Inhoud toevoegen" in het menu linksboven op de pagina te klikken. Het menu biedt ook een paar andere knoppen om de sjabloon te wijzigen, de tools, sectie te openen, de pagina te publiceren en een speciale helpknop.

BeaverBuilder biedt verschillende kolomstructuren, waaronder één, twee, drie, vier, vijf of zes kolommen en rijen met linker-, rechter- of beide zijbalken.

Sleep de rijlay-out gewoon naar de gewenste positie op de pagina.

De volgende stap is het toevoegen van modules aan de kolommen. U vindt de modules in de linkerzijbalk.

Kies de module die je wilt gebruiken en sleep deze naar de gewenste kolom op de pagina. Op dit punt krijgt u het venster met module-instellingen te zien. Er zijn meerdere secties om de inhoud en stijl van de module te beheren.

U kunt de rijen en modules slepen en neerzetten om hun posities te wijzigen. Er zijn aparte knoppen om de instellingen voor elke rij of module te verwijderen, dupliceren of te openen. Het is ook mogelijk om de kolomstructuur van een rij te wijzigen.

Om toegang te krijgen tot de pagebuilder vanaf de frontend, gaat u naar de pagina die u wilt bewerken en klikt u op de knop "Page Builder". Dit opent dezelfde interface als het maken van de pagina vanuit de backend.

U kunt werken met het bestaande ontwerp of een nieuwe lay-out kiezen. Alle andere opties, zoals het toevoegen van verschillende rijen, modules, widgets en het beheren ervan, zijn precies hetzelfde als de backend.

Wil je een gratis live demo zien van BeaverBuilder nu? Klik op onderstaande knop. (Opent in een nieuw venster)

Probeer het BeaverBuilder demo nu

De beschikbare modules voor Beaver Builder / Verdeeld

Divi Builder

Deze plug-in wordt momenteel geleverd met 46 inhoudsmodules, maar gezien de schaal van ontwikkeling en nieuwe versie-releases, ziet u waarschijnlijk meer wanneer u dit artikel leest.

Over nieuwe releases gesproken, de nieuwe prestatie-update voor Divi die in augustus 2021 werd gelanceerd, heeft Divi naar de kop van de wachtrij gestuurd voor WordPress-thema's.

Pagina gebouwd met de nieuwe versie van Divi laadt sneller dan ooit tevoren dankzij een reeks codeverbeteringen onder de motorkap.

Die verbeteringen zijn onder meer:

• 94% kleinere CSS
• Intelligente CSS die alleen laadt wat nodig is
• Slimme stijlen verminderen duplicatie tussen stylesheets voor sneller laden
• Dynamische PHP voor snellere verwerking
• JavaScript-optimalisatie
• Uitstel van Gutenberg stylesheet
• jQuery uitstel

Onder deze vindt u de reguliere zoals:

• tekst,
• zoeken,
• accordeon,
• knop,
• CTA,
• audio,
• video,
• aangepaste code,
• verdeler

Geavanceerde keuzes van elementen omvatten:

• teller,
• opt-,
• portefeuille,
• log in,
• kaart,
• persoon,
• prijstabel,
• getuigenis, en
• video-schuifregelaar

Dit zijn natuurlijk niet de enige beschikbare modules, maar als we ze zouden blijven opsommen, aangezien er meer dan 46 ondersteunde elementen zijn, zouden we hier voor altijd zijn.

Laten we zeggen dat de kans het grootst is dat u een module vindt voor alle vereisten die u nodig heeft.

Als u een dergelijke module niet ingebouwd vindt, kunt u kiezen voor elementen van derden die speciaal voor bepaalde vereisten zijn ontwikkeld.

Met versie 3.1 is een API ontwikkeld en vrijgegeven, waardoor je kunt verwachten dat aangepaste elementen en modules overal zullen opduiken.

Leuke tijden in het verschiet!

Laten we eens kijken met welke mooie dingen andere ontwikkelaars op de proppen zullen komen. Blijf kijken.

Maar genoeg daarover, laten we eens kijken hoe we een module kunnen gebruiken:

Klik op de gewenste module om deze aan het bericht toe te voegen. Op dit punt moet u de module-instellingen configureren. 

De pagebuilder biedt u hiervoor drie secties:

1. Inhoud,
2. Ontwerp en
3. Geavanceerd.

Het Content sectie bevat alle opties met betrekking tot de inhoud van de door u gekozen module.

Design stelt u in staat om de kleur, het lettertype, de achtergrondstijl, de rand, de marge en de opvulling voor de module te kiezen.

Tenslotte Geavanceerd bevat speciale velden voor het toevoegen van aangepaste CSS-ID, klasse en voor het toepassen van aangepaste CSS voor of na de module of op de hoofdinhoud.

Wil je nu meer informatie over deze plug-in lezen? Klik op de onderstaande knop om naar de te gaan ElegantThemes website.

Krijg 10% KORTING op Divi tot mei 2022

ps. De aanbieding is alleen beschikbaar via de bovenstaande link. 

Beaver Builder

BB verdeelt de modules in twee categorieën –

1. Basismodules en
2. Geavanceerde modules

De basismodules omvatten:

• tekstverwerker,
• rubriek,
• HTML,
• knop,
• beeld,
• filmpje, enzovoort.

De andere categorie bevat meer geavanceerde modules:

• CTA,
• inhoud schuifregelaar,
• afteltimer,
• menu,
• berichten schuifregelaar,
• tabbladen,
• enz.

De plug-in biedt drie secties om een ​​module te beheren:

1. Algemeen,
2. Stijl, en
3. Geavanceerd.

Onder deze, de Algemeen sectie kunt u de instellingen configureren die betrekking hebben op het moduletype.

Het stijl sectie stelt u in staat om de kleur, uitlijning, lettertype en andere stijlen voor de desktop- en mobiele versies te kiezen.

Geavanceerd bevat opties om de zichtbaarheid in te stellen, animatie samen met speciale velden voor het toevoegen van CSS-klasse en ID.

U kunt een duidelijkere demo zien van de BeaverBuilder onderstaande kenmerken.

Bezoek BeaverBuilder Website

Het volgende deel van onze Beaver Builder vs Divi review gaat over de beschikbare paginasjablonen of vooraf gedefinieerde lay-outs. Dit is iets dat uw leven ongetwijfeld eenvoudiger zal maken en u in staat zal stellen gloednieuwe websites te ontwerpen in een kwestie van uren, zelfs minuten, in plaats van weken.

Bekijk hieronder wat we bedoelen!

Ingebouwde paginasjablonen

Ingebouwde paginasjablonen zijn er in wezen om uw ontwerp-/ontwikkelingstijd te verkorten. Door deze op hun plaats te hebben, hoef je alleen de inhoud en het ontwerp een beetje aan te passen en je bent klaar om te gaan!

Divi Builder Paginasjablonen (ook bekend als lay-outs)

Toen versie 3.0 werd uitgebracht, werd deze geleverd met verschillende (meer dan 100) kant-en-klare sjablonen om u te helpen zo snel mogelijk aan de slag te gaan.

U kunt een sjabloon gebruiken door op de knop "Laden uit bibliotheek" in de berichteditor te klikken. Dit opent een lijst met de beschikbare sjablonen.

U vindt professionele lay-outs voor de bestemmingspagina, binnenkort, over mij, contact met ons, team, onderhoudspagina, samen met verschillende variaties voor de startpagina, blog, winkel en portfoliopagina's.

Het is mogelijk om deze lay-outs te gebruiken zoals ze zijn of deze aan uw wensen aan te passen.

Natuurlijk kan je een behoorlijk groot aantal sjablonen (of zoals ET ze noemt) paginalay-outs hebben, maar het echte vlees is of ze echt goed en bruikbaar zijn om je eigen ontwerpen te maken.

In wezen is het basisidee dit - u laadt een vooraf gedefinieerde lay-out, dan past u de tekst, afbeeldingen en andere inhoud aan uw bedrijf aan en - voila - u heeft een geweldige "ontworpen" website zonder dat u enige echte ontwerpkennis nodig heeft .

Dit is een grote kracht in de handen van degenen die snel aan de slag willen, maar niet erg vertrouwd zijn met code of ontwerp op zich.

Gewoon een FYI - er zijn meer dan 250 lay-outs beschikbaar op het moment van schrijven van dit artikel.

Laten we eens kijken wat er beschikbaar is op het gebied van lay-outs.

Volledige websitepakketten

Dit hier is een geweldige functie waarvan we denken dat deze geweldig is voor de doelgroep waarvoor dit product is bedoeld. Aangezien we het publiek noemden als mensen die snel iets van de grond willen krijgen, is de beschikbaarheid van complete websitepakketten echt ablessIng.

In wezen zijn dit een bundel van de essentiële 7 tot 8 individueel ontworpen pagina's die iemand nodig heeft om binnen enkele minuten een volledige site te lanceren. 

Bekijk hoe Nick Roach van ET de waarde beschrijft die de lay-outs aan dit product toevoegen. (Ja, je zult merken dat Nick's haar langer is, er is behoorlijk wat tijd verstreken tussen de twee video's!).

De pagina's zijn aangepast aan de specifieke niche/industrie en bevatten de essentiële elementen die nodig zijn voor dat specifieke soort bedrijf.

Het enige dat u als gebruiker hoeft te doen, is het ontwerp importeren en de inhoud aanpassen aan uw specifieke vereisten.

Hier zijn enkele van de niches die beschikbaar zijn als websitepakketten. Vanaf nu zijn er 31 lay-outpakketten beschikbaar met in totaal 250 ontworpen pagina's.

• Restaurant-bestemmingspagina - dit is een pakket bestaande uit 8 pagina's om alles te bieden wat een restaurant of voedselbedrijf nodig heeft om hun online aanwezigheid te lanceren, inclusief de openingstijden in de voettekst voor gemakkelijke toegang door klanten.

• Ontwerpbureau - het ontwerpbureaupakket is een bundel van 9 pagina's met creatief en professioneel ontworpen pagina's voor een digitaal of ontwerpbureau. Natuurlijk wordt aandacht besteed aan werk en stijl, waarbij de vaardigheden van het bedrijf worden getoond op een manier die converteert
• Mode-bestemmingspagina - een branche die er zeker online geweldig uit moet zien, is een modeblog. Dit lay-outpakket van 8 pagina's is erop gericht de blogger in staat te stellen zijn imago naar behoefte te markeren. Het is allemaal geweldig voor gebruik door fotografen en andere visuele bedrijven.
• Reisbureau - het ontwerp hier heeft een sterke focus op de gebruiker die de site bezoekt en actie onderneemt, de huidige kijker duwt en aanspoort om nu te bellen of te boeken met aantrekkelijke Call To Action-knoppen.
• Startpagina bruiloft - een perfecte manier om snel een huwelijksshowcase te lanceren. Het richt zich natuurlijk erg op de esthetiek en vele andere aangepaste functies die specifiek zijn voor bruiloften.
• SaaS Company - een ander type bedrijf, meestal startups, dat doorgaans weinig tijd te verliezen heeft en snel aan de slag moet. Dit lay-outpakket geeft ze alles wat ze nodig hebben om aan de slag te gaan en de nodige informatie te krijgen.

Er zijn tal van andere lay-outs beschikbaar, waaronder maar niet beperkt tot:

• Learning Management System
• Coffeeshop
• Boerenmarkt
• Yoga of Fitness Studio
• Foto Marktplaats
• Copywriting
• Bloemist
• Web Agency
• Interieurontwerpbedrijf
• Zakelijk voor digitale betalingen
• Aardewerk- en knutselatelier
• SEO Agency
• Bedrijfsadvies
• Ontwerpconferentie
• Recepten voor eten
• Advocatenkantoor
• Auteur
• etc., etc.

Naarmate de tijd verstrijkt, blijft ET steeds meer lay-outs aan hun bibliotheek toevoegen om tegemoet te komen aan specifieke niches. Zelfs als uw specifieke branche momenteel niet wordt bediend, kunt u zeker een van de bestaande lay-outs aanpassen en aanpassen aan uw behoeften.

Bekijk nu alle lay-outs

Beaver Builder Paginasjablonen

BB wordt ook geleverd met veel professioneel ontworpen sjablonen. Bij het maken van een nieuw bericht wordt u gevraagd een sjabloon te kiezen. Het is ook mogelijk om de huidige sjabloon te wijzigen door op de knop "Sjablonen" te klikken.

Er zijn twee soorten lay-outs -

• Bestemmingspagina's en
• Inhoudspagina's.

landing pagina's bevatten sjablonen voor fysieke producten, apps, professionals, restaurants, technologie, mode, fotografie, mobiel, muziek, automotive, enzovoort.

Inhoudspagina's bevatten sjablonen voor de benodigde webpagina's zoals de over ons, diensten, portfolio, team, contact, FAQ, blog, enz. De meeste van deze sjablonen zijn beschikbaar in verschillende stijlen. Omdat de sjablonen zijn voorzien van een afbeelding, kunt u eenvoudig de beste kiezen op basis van uw vereisten.

Laten we eens wat dieper ingaan op wat er voor u als klant van BB beschikbaar is.

Landingspagina's

BB heeft verschillende sjablonen voor bestemmingspagina's ontworpen die klaar zijn voor gebruik. Onder deze kunnen we vinden:

• Sjabloon voor kleine bedrijven - op basis van de Probiz-sjabloon kunt u hiermee snel een aanwezigheid voor een klein bedrijf creëren.
• Fitness-, sportschool- of sportsjabloon - fitness en sport zijn altijd een hot niche en The Body Factory-sjabloon is speciaal ontworpen voor klanten in deze branche. Yoga, Gym of welke fysieke fitnessindustrie dan ook werkt hier goed mee.
• Tijdschrift, Blogger, Modeblogger-sjabloon - Een andere altijd rokende hete industrie, de Fashion Freaks-sjabloon is precies goed als een high-end ontworpen look en feel die klasse, verfijning en luxe uitstraalt.
• Advocaat, advocatenkantoor sjabloon - een andere populaire niche, advocaten en advocatenkantoren zijn lucratieve klanten, die een aanwezigheid eisen die goedbetaalde klanten kan converteren. De professionele aanwezigheid op het web kan eenvoudig worden aangepast aan andere praktijkgerichte industrieën.
  We zullen slechts kort de rest van de sjablonen noemen
  
• Sjabloon voor fotografieportfolio
• DJ / muzikant / bandsjabloon
• Restaurant / café-sjabloon
• Indelingssjabloon voor volledig scherm
• Creatief, webbureausjabloon
• eBook-sjabloon
• Onderwijs- of universiteitssjabloon
• Auto's / Automotive sjabloon
• Sjabloon voor mobiele apps
• Algemene zakelijke sjabloon
• Bouwsjabloon
• Binnenkort beschikbaar sjabloon

We raden u ten zeerste aan om de demo's te bekijken die beschikbaar zijn bij elk van deze sjablonen, om te zien hoe gemakkelijk het is om met deze sjablonen aan de slag te gaan.

Inhoudspagina's

Hoewel sjablonen van volledige websites fantastisch zijn, willen we soms nog steeds specifieke pagina's aanpassen of maken. Om deze reden heeft BB ook veel inhoudspagina's die zijn ontworpen en klaar voor gebruik.

Hier zijn enkele van de pagina's die beschikbaar zijn voor gebruik:

• Over ons (meerdere versies)
• Onze diensten 
• Fotoportfolio
• Ontwerpportfolio
• Ons team (meerdere versies)
• Contact (meerdere versies)
• Prijzen (meerdere versies)
• Blog (meerdere versies)

Natuurlijk verwachten we dat deze in de loop van de tijd alleen maar zullen groeien.

Klik op onderstaande link om direct naar de sjablonenpagina te gaan. 

Betaalpagina BeaverBuilder templates

PageBuilder-instellingen 

Divi Builder Instellingen

Het instellen van deze plug-in is heel eenvoudig.

Nadat u de plug-in hebt geïnstalleerd en geactiveerd, gaat u naar Plugin-opties, en geef uw gebruikersnaam en API-sleutel op in het gedeelte "Updates" om automatische updates te ontvangen.

U kunt hier aanvullende instellingen zien, zoals API-instellingen, Post Type Integration en Advanced.

De API-instellingen bevatten opties voor Google Fonts en Google Maps-integratie.

Onder Post Type Integration kunt u in- of uitschakelen Divi builder op bepaalde soorten berichten.

Op het tabblad Geavanceerd vindt u opties voor minificatie, statische CSS-bestandsgenerator, enz. en de opties om de klassieke WordPress-editor en klassieke Divi-back-endbuilder in te schakelen.

Het nieuwste item hier is de pagina "Theme Builder".

Hier vindt u de sjablonen voor het bouwen van thema's die u heeft gemaakt of geïmporteerd, samen met opties om ze te importeren en exporteren, de bewerkingsgeschiedenis van de themabouwer te bekijken en meer. We zullen deze nieuwe functie later in dit artikel in meer detail bespreken.

U vindt een lijst met alle aangepaste lay-outs in de Divi-bibliotheek bladzijde. Er zijn aparte knoppen om de lay-outcategorie te beheren en om de lay-outs te importeren of exporteren. Ga naar Divi Roleditor om te bepalen hoeveel toegang verschillende gebruikersrollen hebben.

Ten slotte kunt u in het ondersteuningscentrum de status van uw systeemserver controleren, in wezen geeft het enkele belangrijke informatie over uw server weer.

Als er opties zijn die niet zijn ingesteld op bepaalde aanbevolen waarden, zal Divi u hier op de hoogte stellen zodat u ze kunt corrigeren.

Hier kunt u ook "toegang op afstand" configureren, waardoor het ondersteuningsteam van Elegant Theme rechtstreeks toegang heeft tot uw beheerdersdashboard om u te helpen eventuele fouten op te lossen.

Andere items zijn onder meer de veilige modus en logboekregistratie.

Beaver Builder Instellingen

De instellingsopties voor BB bevinden zich op de pagina Instellingen > Page Builder. Geef uw licentiesleutel op in het gedeelte Licentie om automatische updates voor de plug-in in te schakelen.

In Modules kunt u de modules in- of uitschakelen. Met berichttypen kunt u bepalen welke berichttypen kunnen worden gebruikt BeaverBuilder. In Sjablonen kunt u beslissen welke sjablonen beschikbaar zijn in de paginabuilder-interface.

In het gedeelte Pictogrammen kunt u beslissen welke pictogrammen beschikbaar moeten zijn in de interface.

De beschikbare opties omvatten:

• LettertypeAwesome,
• Stichting, en
• Dashiconen. 

Dit is een voorbeeld van hoe je met BB alle opties die je nodig hebt kunt aanpassen en eraan kunt sleutelen. Als je niet tevreden bent met het gebruik van FontAwesome, kies dan iets dat je leuk vindt.

U zult ook afzonderlijke secties vinden om de cache te wissen, waardoor alle dynamisch gegenereerde CSS en Javascript worden verwijderd.

Ten slotte vindt u een optie om de installatie ongedaan te maken Beaver Builder. Deze functies verwijderen alle BB-gerelateerde gegevens uit uw WordPress-database - maak dus back-ups voordat u deze gebruikt en zorg ervoor dat u weet wat u doet.

Aanbevolen literatuur: https://www.collectiveray.com/beaver-builder-vs-elementor

Extra functies

Divi-thema

De plug-in van Elegant Themes wordt geleverd met verschillende andere opwindende functies. Met de PageBuilder-bibliotheek kunt u bijvoorbeeld aangepaste modules en lay-outs opslaan, zodat u ze in de toekomst opnieuw kunt gebruiken. Bovendien is het ook mogelijk om deze items te importeren of exporteren van en naar andere websites.

Speciale vermelding verdienen ook de superieure indelingsafstanden. Deze opties maken het een stuk eenvoudiger om de exacte afstand tussen de rijen, elementen en secties toe te passen. U vindt speciale opties om de marge, opvulling, verticale en horizontale afstand te definiëren. Het is ook mogelijk om de rij- en kolombreedte in te stellen.

In sommige gevallen moet u dezelfde module mogelijk op meerdere plaatsen gebruiken. U kunt elke module, rij of kolom eenvoudig kopiëren en plakken naar andere berichten of pagina's. Bovendien kunt u deze markeren als globale items. Hierdoor kunt u de wijzigingen aanbrengen in een enkel globaal item, en de wijzigingen worden automatisch ook toegepast op de andere plaatsen. 

Divi Thema Builder

Een van de grootste updates Elegant Themes die de afgelopen jaren voor Divi is uitgebracht, is de Theme Builder.

Met deze nieuwe functie (vanaf oktober 2019) kun je je hele website bouwen, ontwerpen en aanpassen. Het is niet langer alleen een paginabuilder, het is een complete themabouwer.

U kunt globale aangepaste kop- en voetteksten maken of er een definiëren voor afzonderlijke delen van uw site.

U kunt ook aangepaste hoofdtekstsjablonen definiëren waarmee u aangepaste productsjablonen, blogpostsjablonen, 404-pagina's, zoekresultatenpagina's en aangepaste archiefpagina's zoals aangepaste categoriepagina's, aangepaste auteurspagina's en meer kunt maken.

De themabouwer breidt de kracht van de paginabouwer uit naar uw hele website.

Wanneer u een nieuwe sjabloon maakt, heeft u toegang tot alle tools en functies van de paginabuilder, zodat u deze kunt bouwen en ontwerpen zoals u dat wilt.

Dit betekent dat u desgewenst aangepaste ontwerpen voor kop- en voetteksten kunt maken. Om dit aan te vullen, wordt de menumodule geleverd met verbeteringen zoals extra lay-outopties en totale ontwerpcontrole om u te helpen prachtige kop- en voetteksten te maken met een aangepast menu.

Met de nieuwe aangepaste body-sjablonen kun je al je berichten, producten of het ontwerp en de structuur van je pagina's in één keer wijzigen.

Daarvoor moest je naar elk bericht, product of pagina gaan en ze bewerken met de paginabuilder om wijzigingen aan te brengen. Nu hoeft u alleen nog maar een sjabloon te definiëren, deze toe te passen op de juiste delen van uw site en u bent klaar.

U kunt zelfs WooCommerce-modules gebruiken om aangepaste productsjablonen voor uw online winkel te maken. Er zijn ook dynamische inhoudsmodules die zijn uitgerust met een bijgewerkte postloop en filteropties die u kunt gebruiken om aangepaste archiefpagina's te maken.

Natuurlijk heeft u ook de volledige controle over waar en hoe uw sjabloon wordt toegepast. U kunt eenvoudig bepaalde items in een sjabloon opnemen of uitsluiten via selectievakjes, zoals hieronder te zien is:

Vanaf versie 4.0 is Divi niet langer een pagebuilder, maar een themabuilder.

Krijg 10% KORTING op Divi tot mei 2022

ps. Bovenstaande aanbieding is alleen beschikbaar via de bovenstaande link van CollectiveRay

Beaver Builder

Aan de andere kant heeft BB ook wat trucjes in petto.

Allereerst is live frontend-editing indrukwekkend. Het biedt een intuïtieve ervaring waarbij u de pagina kunt bewerken en de exacte uitvoer kunt krijgen zonder giswerk. Hiermee kunt u ook de standaard WordPress-widgets en aangepaste widgets in uw lay-outs gebruiken.

De editor-modus is handig bij het afleveren van een project aan de klant. Met deze modus kunt u de mogelijkheden van de klant beperken om ervoor te zorgen dat ze geen ongewenste wijzigingen aanbrengt in de basislay-out.

Een ander belangrijk kenmerk van BB is dat de pagina-inhoud intact blijft, zelfs nadat u de plug-in deactiveert.

U verliest de stijlen, maar de pagina geeft nog steeds de inhoud weer. Daarentegen laten de meeste andere paginabuilders je achter met een puinhoop aan shortcodes wanneer je die plug-in deactiveert.

Bezoek BeaverBuilder van de

Voors en tegens

Divi-thema

VOORDELEN

1. Een zeer krachtige oplossing voor het maken van elk type lay-out,
2. Nieuwe prestatie-update (augustus 2021) maakt Divi sneller dan ooit,
3. Aantrekkelijke prijzen met toegang tot tal van andere WordPress-thema's en plug-ins - kopen is een goed idee, uitstekende waarde
4. Veel geweldige ontwerpen, met veel aanpassingsmogelijkheden,
5. Krachtige themabouwer,
6. Uitgebreide documentatie en geweldige, responsieve ondersteuning

NADELEN

1. Even wennen,
2. Frontend-editor heeft wat tijd nodig om te laden en het toevoegen van modules aan pagina's is veel langzamer dan BB
3. Je bent beperkt tot de modules die beschikbaar zijn en zijn ontwikkeld door ET (hoewel versie 3.1 nu een ontwikkelaars-API ondersteunt, wat betekent dat ontwikkelaars hun plug-ins ermee gaan integreren)
4. Kan de gegevens die het aan de database toevoegt niet verwijderen, waardoor het moeilijk wordt om van het Divi-thema af te stappen

Beaver Builder

VOORDELEN

1. Een eenvoudige gebruikersinterface,
2. Inhoud blijft intact, zelfs na het deactiveren van de plug-in,
3. Unieke editormodus voor klanten,
4. Hiermee kunt u WordPress-widgets gebruiken in de lay-outs.
5. Snelle, pittige, responsieve gebruikersinterface die een gemakkelijk te begrijpen interface is
6. Grote selectie van professionele sjablonen om u op weg te helpen met uw ontwerp
7. Ondersteunt native WP-widgets, zodat je alle plug-ins kunt gebruiken die beschikbaar zijn voor WP in BB

NADELEN

1. Duurder dan de andere WordPress-paginabuilders

Prijzen van Divi vs Beaver Builder

Te gebruiken zowel Beaver Builder en Divi zijn GPL-vriendelijk, wat betekent dat je ze op zoveel sites kunt gebruiken als je nodig hebt. producten, zodat u ze op zoveel websites kunt gebruiken als u wilt.

Er zijn drie verschillende plannen waar u voor kunt kiezen met Beaver Builder van $ 99 tot $ 399. Elk abonnement of elke licentie geeft u volledige toegang tot de Beaver Builder plug-in en alle modules en sjablonen, waarbij de hogere niveaus u wat meer geavanceerde functies geven, zoals Multisite, White labeling en Themer.

Met Divi heb je slechts twee opties, jaarlijks, tegen een standaardprijs van $ 89, waarvoor een jaarlijkse aankoop vereist is, of de levenslange optie van $ 249. Beide hebben exact dezelfde toegang, maar natuurlijk verlies je de toegang tot ondersteuning en upgrades zodra het jaar voorbij is.

Laten we een meer gedetailleerde blik hebben. 

Divi Builder

Je moet een zijn Elegant Themes lid om hun plug-ins te gebruiken - en toegang is beschikbaar tegen de onderstaande tarieven. 

Er zijn twee abonnementen voor u beschikbaar: jaarlijkse toegang en levenslange toegang.

Het jaarlijkse toegangsplan kost $ 89 per jaar. Aan de andere kant kunt u met levenslange toegang genieten van al deze voordelen voor een eenmalige betaling van $ 249.

Gelukkig, er is een EXCLUSIEF aan CollectiveRay 10% KORTING is nu geldig dus koop vandaag nog een koopje. Nu je toch bezig bent, kun je net zo goed levenslange toegang krijgen met deze tijdelijke korting!

Beide abonnementen bieden onbeperkte toegang tot alle thema's en plug-ins die zijn ontwikkeld door ElegantThemes.

U krijgt ook tijdige updates, eersteklas ondersteuning en een geld-terug-garantie van 30 dagen.

Krijg 10% KORTING op Divi tot mei 2022

Beaver Builder

Beaver Builder biedt drie tariefplannen. Het standaardplan kost $ 99, waarmee u de plug-in op één website kunt gebruiken, u een jaar ondersteuning krijgt en toegang krijgt tot premiummodules en sjablonen.

Pro kost $ 199, inclusief alle voordelen van het standaardplan, plus het BB-thema en multisite-compatibiliteit.

Ten slotte kost Agency $ 399 en geniet het van alle functies van Pro, samen met volledige toestemming voor white labeling.

Kopen BeaverBuilder Nu

Veelgestelde Vragen/FAQ

Wat is beter Divi of Beaver Builder?

Divi is beter dan Beaver Builder in sommige situaties. Divi is ideaal als u volledige controle wilt over het ontwerp van uw website en van plan bent deze voor een lange tijd te gebruiken. Beaver Builder heeft het voordeel dat het kleiner is en gemakkelijk te hanteren is. Hoewel we zeggen dat Divi beter is, zit er niet zoveel in!

Is Beaver Builder sneller dan Divi?

Beaver Builder is niet meer sneller dan Divi. Vroeger laadde het de editor sneller en is het sneller te gebruiken en te leren. Een nieuwe prestatie-update van Divi die in augustus 2021 werd geïntroduceerd, heeft echter de manier waarop Divi werkt getransformeerd. Het is nu een van de snelste WordPress-thema's die je kunt kopen.

Wat is beter: Divi of Elementor?

Divi is beter dan Elementor voor sommige dingen, terwijl Elementor sterker is in andere. Divi is beter voor toegang tot plug-ins en functies, het bureauplan en de pure kracht van de paginabuilder. Elementor is beter omdat het gratis is, met premium-opties en heel gemakkelijk te begrijpen is.

Is Elementor de beste paginabuilder?

Elementor de beste pagebuilder als je gratis een toegankelijke pagebuilder wilt. Als u op zoek bent naar een krachtige, zelfstandige bouwer voor het maken van een of twee websites, kunt u gewoon niet beter worden dan Elementor. Het is snel, gratis en gemakkelijk te gebruiken. Wat heb je nog meer nodig?

Welke Pagebuilder moet je kiezen?

Nu komen we bij het (moeilijke) deel waar we moeten kiezen tussen deze pagebuilders.

Zoals je hebt gemerkt, bieden beide plug-ins een enorme prijs-kwaliteitverhouding. Ze leveren een uitstekende gebruikersinterface en maken het voor u een stuk eenvoudiger om aangepaste lay-outs te maken.

Aangezien beide plug-ins hun gebruiksscenario's hebben, moet u uitzoeken welke het meest aan uw vereisten voldoet. Laat me je daarbij helpen -

• Kies Divi als u volledige controle over de lay-out wilt. Als u eenmaal gewend bent aan de beschikbare opties, is het een zeer krachtig hulpmiddel waarmee u elk type lay-out kunt maken dat u maar wilt.
  Eindresultaat: 5 van de 5.
• Ga met Beaver Builder als je snel aan de slag wilt. Omdat deze pagebuilder geen shortcodes gebruikt, kun je het huidige ontwerp eenvoudig schrappen en met een paar muisklikken een nieuw ontwerp proberen.
   Eindresultaat: 4.5 van de 5

Als je naar andere opties kijkt, wil je misschien ook eens kijken Visual Composer or Elementor Pro, die we beide afzonderlijk op deze site hebben behandeld. Zowel Elementor als Visual Composer zijn belangrijke spelers in de niche van paginabuilders.

Laatste woorden: Beaver Builder vs Divi

Divi en Beaver Builder zijn twee van de meest populaire plug-ins voor paginabuilders op dit moment. nietless je hebt beide plug-ins uitgebreid gebruikt, het is echt een uitdaging om de ene boven de andere te kiezen. Deze vergelijkingspost zou u moeten helpen bij het nemen van die beslissing.

wij geloven dat Elegant Themes geeft je over het algemeen meer waarde, aangezien je toegang krijgt tot een heleboel WordPress-thema's en plug-ins, maar BB is ook een goede keuze. Bovendien heeft die nieuwe prestatie-upgrade die ze hebben geïntroduceerd het spel echt veranderd. Het is serieus moeilijk om te kiezen Beaver Builder over Divi nu.

Krijg 10% KORTING op Divi tot mei 2022

Kopen BeaverBuilder Nu

Dus, welke heb je gekozen? Laat het ons weten in de reacties hieronder. 

Over de auteur

Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/

David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.