Beaver Builder vs Elementor: er is er maar één goed voor je (2024)

Beaver builder tegen Elementor

Welke zijn twee van de meest populaire paginabuilders voor WordPress? Als u op zoek bent naar een Beaver Builder versus Elementor-vergelijking, je weet het al, dit zijn twee van de beste producten die er zijn!

Als eindgebruiker die uw website zelf wil kunnen ontwerpen, zijn we er zeker van dat u weet dat deze plug-ins tot de beste keuzes behoren uit de vele beschikbare opties.

Er zijn echter enkele verschillen waar u rekening mee moet houden voordat u uw keuze maakt.

Beide producten hebben hun nuances en ideale gebruiksscenario's die kunnen helpen bij uw beslissing.

Want als je eenmaal een beslissing hebt genomen, ben je er meestal voor de langere termijn mee bezig. Er is (bijna) geen weg meer terug. De juiste keuze maken is cruciaal! 

Jouw beslissing is belangrijk.

Als u pagina's maakt met de ene paginabuilder en vervolgens besluit naar een andere over te schakelen, blijft uw inhoud behouden, maar krijgt u een rommelige lay-out en overal verspreide shortcodes.

Het kan erg vervelend en tijdrovend zijn om alles opnieuw op te bouwen.

Daarom is het belangrijk om zo vroeg mogelijk goed te overwegen welke pagebuilder je gaat gebruiken.

We gaan de functies van beide plug-ins doornemen en vergelijken, zodat u die beslissing kunt nemen voordat u begint met bouwen.

Maar misschien heb je nu een vraag in je hoofd.

Als het gebruik van plug-ins voor het maken van pagina's uw site maakt afhankelijk erop, waarom zou je er überhaupt een gebruiken?

Laten we dat hierna snel bespreken.

Als je graag een vliegende start wilt maken met de vergelijking, kun je doorgaan naar de Elementor vs Beaver Builder secties.

Deze Beaver Builder vs Elementor plugin-artikel is in mei 2024 bijgewerkt met relevante en belangrijke informatie en updates naarmate er nieuwe functies worden ontwikkeld en vrijgegeven voor beide producten. U kunt er zeker van zijn dat dit artikel de nieuwste, onpartijdige informatie bevat.

Beaver Builder tegen Elementor

Elementor en Beaver Builder zijn beide krachtige hulpmiddelen voor het ontwerpen van sites. Elementor heeft een gratis versie, maar de Pro-versie ($ 49) blinkt uit met een uitgebreide set elementen en sjabloonbibliotheek.

Beaver Builder is door zijn eenvoud en gebruiksgemak een prima alternatief.

  elementor vs beaver builder beaver builder versus elementor
globaal  5/5  4.5/5
Winnaar 🏆  
Prijs Vanaf $ 59 / jaar $99
Gratis versie Ja Ja
Realtime editor Ja Ja
Frontend / Backend Te gebruiken zowel Te gebruiken zowel
Doelgroep Ontwikkelaar / ontwerper / gebruiker / bureau Webontwikkelaar / ontwerper
Elementen ondersteund 80+  31 
Schone code Ja Ja
Vooraf gemaakte sjablonen / lay-outs 300+ 50+
Coole functie Dynamische inhoud Bever Themer
Performance
Wat we leuk vonden  Zeer krachtige oplossing voor het maken van elk type site  Eenvoudige gebruikersinterface
   Superieure opties voor lay-outbeheer  Inhoud blijft intact, zelfs na deactivering
   Aantrekkelijke prijzen met toegang  Unieke bewerkingsmodus voor klanten
   Niet voor niets de meest populaire paginabuilder  Hiermee kunt u WordPress-widgets gebruiken in de lay-outs
Wat we niet leuk vonden    Duurder dan andere paginabouwers
Website Bezoek Elementor Bezoek Beaver Builder 

Wat is een paginabuilder?

Paginabouwers beloven het ontwerpen van uw website een stuk eenvoudiger te maken en less ingewikkeld.

Ze stellen je in staat om pagina's te bouwen en te ontwerpen die er precies (of in ieder geval zo goed mogelijk) uitzien als wat je voor ogen had, zonder dat je met code hoeft te rommelen.

Dit is in tegenstelling tot wat tot een paar jaar geleden de norm was, waar programmeur zijn, of in ieder geval een goede kennis van webtechnologie hebben, essentieel was om een ​​website te ontwikkelen!

Met de komst van paginabouwers is dat niet meer nodig huur webontwikkelaars in om alles behalve de meest aangepaste codering uit te voeren.

Het komt erop neer dat webontwerpers en paginabouwers in de nabije toekomst naast elkaar zullen blijven bestaan.

Lees verder: Bekijk onze nieuwe Assistent Pro review - een tool voor webdesigners.

Waarom een ​​Page Builder gebruiken?

Er zijn veel redenen waarom u een plug-in voor het maken van pagina's zou willen gebruiken:

Een compleet pakket

Allereerst is een paginabuilder een soort “alles-in-één” plug-in. Ze hebben knoppen, diavoorstellingen, contactformulieren, galerijen, inhoudsrasters, knoppen voor sociaal delen, enz. Alles in één pakket.

Als u geen paginabuilder gebruikt, moet u in plaats daarvan meerdere plug-ins installeren, één voor elke specifieke behoefte.

Naarmate uw vereisten toenemen, moet u mogelijk heel wat verschillende plug-ins installeren. Als u besluit voor premium plug-ins te gaan, zullen de licentiekosten oplopen.

En dan is er nog de kwestie van het onderzoeken welke plug-in de beste is, samen met het onderhoudswerk dat gepaard gaat met het installeren van zoveel plug-ins.

Simpel gezegd, paginabuilders zijn: handig en goedkoper in het algemeen.

geeft je de mogelijkheid

Sjablonen en lay-outs

De volgende reden ligt het meest voor de hand. Het is ook de belangrijkste reden waarom u een WordPress-paginabuilder, prachtige aangepaste sjablonen en lay-outs zou gebruiken.

Hoewel we premium-thema's kunnen krijgen die ons veel aanpassingsfuncties en opties bieden, zijn er meestal niet veel thema's die aan AL onze ontwerpvereisten voldoen.

De meeste sjablonen zullen aan de meeste van onze behoeften voldoen. WordPress-paginabouwers houden van Beaver Builder en Elementor geven u de tools om aan al uw behoeften te voldoen.

Er is geen limiet aan wat u kunt bouwen met een paginabuilder.

U kunt uw pagina's op elke gewenste manier aanpassen en in sommige gevallen zelfs uw hele thema.

Er zijn ook kant-en-klare sjablonen die uw leven gemakkelijker zullen maken.

Dit zijn volledig ontwikkelde sites en pagina's, die u ALLEEN hoeft aan te passen met uw inhoud.

Lay-outsjablonen

U hoeft niet te weten hoe u moet coderen

Hoewel je paginabouwers nog beter kunt maken door meer aangepaste ontwerpen te maken door te weten hoe je HTML en CSS moet schrijven, is dit NIET nodig.

De meeste paginabuilders, zoals Elementor en Beaver Builder, wordt geleverd met een interface voor slepen en neerzetten waarmee u eenvoudig pagina's kunt bouwen zonder enige kennis van wat een label wel.

Nu dat is dit uit de weg, laten we doorgaan met de vergelijking van de Beaver Builder vs Elementor-paginabuilders.

Wat is Elementor?

Elementor is een van de meest gevestigde paginabouwers met slepen en neerzetten voor WordPress. Het werd gelanceerd in 2016 en is steeds sterker geworden.

Het is zo populair dat wanneer iemand aan een paginabuilder denkt, hij automatisch aan Elementor denkt. Het wordt beschouwd als de 'originele' paginabuilder met slepen en neerzetten die de wereld van het bouwen van websites voor iedereen heeft geopend.

Het biedt een gratis versie met veel tools om websites te bouwen en aan te passen en er zijn duizenden thema's mee gebouwd of die dit ondersteunen.

Elementor Pro is de premiumversie. Het voegt meer blokken, sjablonen en hulpmiddelen toe. Het is grotendeels onnodig voor individuen of hobbyisten, maar biedt bureaus veel kracht en flexibiliteit.

Wat is Beaver Builder?

Beaver Builder dateert eigenlijk van vóór Elementor, gelanceerd in 2014. Het maakte niet dezelfde indruk als Elementor en heeft nog steeds niet hetzelfde profiel.

Zoals je snel zult zien, heeft dat meer te maken met de manier waarop de twee worden gepromoot en heeft het niets te maken met kwaliteit of functionaliteit!

Beaver Builder heeft een gratis basisversie en verschillende premiumversies. De gratis versie is redelijk goed, maar heeft niet hetzelfde aantal gratis elementen als de concurrent.

Maar Beaver Builder is stabiel en lichtgewicht, twee dingen die we allemaal waarderen.

Het UI-ontwerp is ook behoorlijk goed.

Elementor versus Beaver Builder: De interface

Een van de belangrijkste dingen waarmee u rekening moet houden bij het kiezen van een applicatie of software is de gebruikersinterface.

Hoewel het vooral om persoonlijke voorkeur gaat, kan het moeilijk zijn om een ​​applicatie te gebruiken waarvan de interface niet is wat je gewend bent of die niet naar je zin is.

De interface alleen maakt een plug-in niet geweldig. Er zijn nog andere dingen waarmee u rekening moet houden, zoals de beschikbaarheid van functies en modules, dus zorg ervoor dat u tot het einde leest voordat u een beslissing neemt.

Laten we beginnen met de interface van Elementor.

De Elementor-interface

De interface van Elementor is verdeeld in twee hoofdsecties. De zijbalk, die zich aan de linkerkant bevindt, en de live preview van uw site/pagina.

Download de gratis versie van Elementor

De zijbalk bevat de WordPress widgets en elementen die u kunt gebruiken om uw pagina's samen te stellen met de instellingen die u kunt aanpassen.

elementor-interface

U kunt elementen aan uw pagina's toevoegen door ze naar het live voorbeeld te slepen en neer te zetten. We hebben bijvoorbeeld een extra kop toegevoegd op onze voorbeeldsite:

slepen en neerzetten elementor

Tekst bewerken is eenvoudig. Klik gewoon op een tekstelement op uw site en bewerk het direct.

tekst bewerken element

U kunt ook tekst bewerken via de zijbalk.

tekstbewerk element of zijbalk

Ten slotte hebt u onderaan toegang tot aanvullende instellingen.

elementof meer interface

 

  • Algemene instellingen - Hier kunt u informatie zien over de huidige WordPress-pagina, zoals de titel van de pagina, de uitgelichte afbeelding, de publicatiestatus en meer.
  • navigator - Er verschijnt een pop-up met een navigatieboompaneel dat navigatie eenvoudiger maakt.
  • Geschiedenis - Als u terug wilt naar een eerdere revisie, kunt u hier klikken. Houd er rekening mee dat dit alleen de wijzigingen weergeeft die u in de huidige sessie hebt aangebracht.
  • Responsieve modus - Hiermee kunt u zien hoe uw website eruit zal zien op verschillende apparaten en schermresoluties.

Als u de muisaanwijzer op een element plaatst en met de rechtermuisknop klikt, krijgt u toegang tot verschillende opties:

rechtsklik elementor element

Met het rechtsklikmenu kunt u een element verwijderen, bekijken in de navigator, opslaan als een globaal element (alleen pro-versie), dupliceren en meer.

Nu we de hoofdinterface van Elementor hebben gezien, laten we eens kijken naar Beaver Builder volgende.

De Beaver Builder Interface

Beaver Builder's interface is minimalistischer dan de Elementor-builder. 

Klik hier voor een live demo

Wanneer u een WordPress-pagina bewerkt via Beaver Builder, dit is wat je ziet:

bever-interface

Bovenaan heb je de Beaver Builder balk met minimale maar essentiële informatie over uw huidige pagina.

Om een ​​element toe te voegen, klikt u op de “+”-knop in de rechterbovenhoek.

bever modules

Om een ​​element toe te voegen, of een “module” te gebruiken Beaver Builder's terminologie, kunt u deze eenvoudig slepen en neerzetten.

bever slepen en neerzetten

Je hebt dat misschien gemerkt Beaver BuilderDe teksteditor van Elementor is iets anders dan die van Elementor.

We kunnen aan de GIF hierboven zien dat we een pop-upeditor hebben bij het bewerken van tekst.

U kunt ook op een tekstmodule klikken om deze te bewerken, waardoor opnieuw de pop-upteksteditor verschijnt.

bever teksteditor

Als deze pop-upvensterfunctie u niet bevalt, kunt u de teksteditor naar de linker- of rechterkant van het scherm slepen om deze vast te zetten.

Zodra u dat doet, kunt u ook inline bewerkingen uitvoeren.

bever teksteditor aangepast

Merk op dat het vastzetten van die teksteditor ook alles vastzet, waardoor het qua lay-out op de Elementor-builder lijkt.

bever interface aangepast

Beaver Builder heeft nu dezelfde lay-out als Elementor. Als je wilt, kun je het naar de rechterkant verplaatsen door het te slepen en vast te zetten.

Ten slotte hebben we extra instellingen door op de pijl-omlaag in de linkerbovenhoek van het scherm te klikken.

bever extra instellingen

Interface - Conclusie

Beide plug-ins bieden vrijwel identieke lay-outs en bewerkingsprestaties.

Qua uiterlijk is Beaver Builder heeft het voordeel dat het er veel strakker uitziet, hoewel dit misschien slechts een persoonlijke voorkeur is.

Het slepen en neerzetten van items gaat ook iets nauwkeuriger en gemakkelijker Beaver Builder dan in de Elementor-plug-in.

Modules en widgets

Elementor noemt zijn elementen "widgets" terwijl Beaver Builder noemt ze "modules".

Dit zijn de bouwstenen die WordPress-paginabouwers kunnen gebruiken om de inhoud van uw pagina samen te stellen.

Ze bevatten tekst, koppen, knoppen, galerijen en andere elementen. In de eerdere voorbeelden zag u de tekst- en kopelementen.

Laten we eens kijken hoeveel andere elementen deze plug-ins te bieden hebben.

Elementorelementen: secties, kolommen en widgets

De Elementor-builder heeft drie soorten elementen:

  1. Secties
  2. columns
  3. widgets

De sectie is de hoogste in de bouwerhiërarchie. Elke kolom en widget bestaat binnen een sectie.

De kolom is de tweede in de hiërarchie. Elke widget leeft in een kolom. De widgets zijn de laagste in de hiërarchie.

De widgets zijn uw inhoud, zoals knoppen, tekst en afbeeldingen. De secties en kolommen zijn voor het maken van verschillende lay-outs.

Elementor geeft je 50 widgets die je kunt gebruiken in de gratis versie en 60+ WordPress-widgets in de Pro-versie.

Deze aantallen nemen steeds toe naarmate er nieuwe versies worden uitgebracht, dus klik hier om de laatste cijfers te bekijken.

In de onderstaande GIF kun je zien hoe we een sectie hebben toegevoegd, vervolgens een kolom met twee kolommen in de sectie hebben geplaatst en ten slotte widgets in de kolommen hebben toegevoegd.

Je kunt meerdere widgets in een kolom toevoegen, die je ziet in de tweede GIF hieronder, die de stijl laat zien.

elementor secties kolommen widgets

Het toepassen van stijlen op de sectie heeft invloed op alles erin.

Hetzelfde geldt voor kolommen, maar het heeft geen invloed op alles daarbuiten en elke stijl die u op een widget toepast, blijft op zichzelf.

secties kolommen widgets hiërarchie

 Het is je misschien opgevallen hoe je met de rechtermuisknop op een element kunt klikken om het te bewerken, te dupliceren of te verwijderen.

Dit is een erg handige actie.

elementor rechtsklikmenu

Nu je een goed overzicht hebt van de elementen van Elementor. Laten we eens kijken Beaver Builder.

Beaver Builder Elementen: rijen, kolommen en modules

Net als de vorige plug-in, Beaver Builder verdeelt ook de elementen in drie categorieën:

  1. Rijen
  2. columns
  3. Modules

Rijen zijn de hoogste in de hiërarchie. Kolommen gaan in rijen en vervolgens gaan modules in kolommen. Modules vormen uw daadwerkelijke inhoud, terwijl kolommen en rijen voor lay-outdoeleinden zijn bedoeld.

Beaver BuilderDe gratis versie van de app geeft je 6 modules, terwijl de pro-versie je 30 modules geeft om mee te spelen.

In de onderstaande GIF gebruiken we de builder om een ​​rij met drie kolommen toe te voegen en de kolommen te vullen met verschillende modules.

rij kolommen module

De styling werkt hetzelfde als Elementor.

Stijlen die in rijen worden toegepast, worden ook toegepast in kolommen en modules. Stijlen die in kolommen worden toegepast, zijn van invloed op modules en u kunt specifieke stijlen voor modules afzonderlijk instellen.

rij kolommen module stijl

In tegenstelling tot Elementor, Beaver Builder heeft geen aangepaste rechtsklikopties. Je moet over een element zweven om er acties op uit te kunnen voeren.

klik met de rechtermuisknop bever

Modules en widgets - Conclusie

Beide plug-ins werken vrijwel op dezelfde manier.

Ze bieden allebei eenvoudige manieren om een ​​lay-out voor uw pagina's te maken.

Elementor maakt het echter een beetje eenvoudiger door voor elk element een rechtsklikmenu te hebben waarmee u direct naar de instellingen kunt springen.

Wat betreft het aantal beschikbare modules, het lijkt erop dat Elementor een voorsprong heeft Beaver Builder, vooral in de gratis versie.

Styling

Zoals je eerder hebt gezien, zijn zowel Elementor als Beaver Builder bieden fijnmazige controle over stylingopties.

Je kunt stijlen toepassen op secties of rijen of deze verfijnen en individuele widgets of modules een eigen stijl geven.

Laten we wat meer ingaan op stylingopties.

Elementor Styling-opties

Voordat we de stylingopties bekijken die beschikbaar zijn in de editor zelf, laten we eerst eens kijken naar de stylinginstellingen van Elementor die te vinden zijn in Elementor > Instellingen.

elementor stijlopties

In het Algemeen instellingen kunt u configureren of u de standaardkleuren en lettertypen van Elementor wilt uitschakelen.

Onder de Style tabblad kunt u verschillende andere ontwerpinstellingen configureren.

elementor instellingen stijl

Zoals u kunt zien, kunt u op deze pagina veel stijlopties verfijnen.

Laten we verder gaan met de stijlopties van de editor.

Elementor-stijlopties

De beschikbare stijlopties blijven voor de meeste elementen in Elementor vrijwel hetzelfde.

Hieronder ziet u de basisstijlopties voor het kopelement.

elementaire stijlen

Trouwens, je hebt misschien gemerkt dat de letterstijl en kleur zijn veranderd - dit komt omdat we zojuist de just hebben ingeschakeld Standaardkleuren uitschakelen en Standaardlettertypen uitschakelen in de instellingen van Elementor.

Nu neemt het de kleuren en lettertypen van het thema over in plaats van de aangepaste kleuren (wat je kunt zien in onze eerdere voorbeelden).

Laten we teruggaan naar de stijlopties die voor ons beschikbaar zijn.

Hierboven hebben we:

  • Tekst kleur
  • Typografie
  • Schaduw tekst
  • Overvloeimodus

Elementor geavanceerde stijlopties

Als je denkt dat dit niet genoeg is, kun je naar het tabblad Geavanceerd gaan voor meer opties.

elementor geavanceerde stijlen

Hier kunt u alles configureren, van aangepaste marges en opvullingen, scrolleffecten, achtergrondinstellingen, enz.

Je kunt desgewenst ook een custom CSS toepassen (deze is alleen beschikbaar in de Pro-versie).

Een van de unieke kenmerken van Elementor is de mogelijkheid om aangepaste waarden in te stellen voor verschillende schermformaten, zoals hieronder te zien is:

geavanceerde responsieve stijlen

Dit geeft u meer controle over hoe uw inhoud wordt weergegeven op verschillende apparaten en schermresoluties.

Beaver Builder Styling opties

In tegenstelling tot Elementor, Beaver Builder neemt standaard de lettertypen en kleur van uw thema over. Dit zorgt voor consistentie out-of-the-box.

Beaver Builder's stylingopties variëren afhankelijk van het element, maar in principe heb je stijl, scheidingsteken, typografie, en vergevorderd opties.

Stijlen

bever stijlen

De stijl instellingen worden weergegeven wanneer u een rij bewerkt, evenals andere elementen zoals knoppen.

U kunt opties vinden voor:

  • Breedte
  • Inhoudsbreedte
  • Lengte
  • Kleuren zoals linkkleur, tekstkleur, link-hoverkleur, enz.
  • Achtergrondtype, kleur en dekking
  • Grens

Het toepassen van kleuren, zoals tekst-, link- en hoverkleuren, wordt toegepast op elk element in de rij.

U kunt deze instellingen echter overschrijven door aangepaste waarden per element in te stellen.

bever geavanceerde stijlen

In het vergevorderd instellingen vindt u opties voor:

  • Spacing
  • Verantwoorde lay-out
  • Zichtbaarheid
  • HTML-element - u kunt een aangepaste HTML-ID en -klasse instellen voor een specifiek element voor verdere aanpassing

Te gebruiken zowel Beaver Builder en Elementor stellen u in staat om te verfijnen hoe uw inhoud op verschillende apparaten wordt weergegeven door op het apparaatpictogram naast een instelling te klikken (die alleen zichtbaar is voor instellingen die dit ondersteunen).

bever reageert

Separator

bever scheidingsteken stijlen

De afscheider is een andere stylingoptie waarmee u uw elementen een meer verfijnde uitstraling kunt geven.

Hier vindt u de opties voor uw afscheider. Als je je afvraagt ​​hoe een scheidingsteken eruit ziet, bekijk dan een voorbeeld hierboven: de rode lijn onder de kop in de afbeelding hierboven.

Je hebt opties voor:

  • Scheidingsstijl
  • Scheidingspositie
  • Lijnstijl
  • Lijnkleur
  • Dikte en breedte

Typografie

bever stijl typografie

De typografie opties zijn om te bepalen hoe uw tekst wordt weergegeven. Deze instelling verschijnt meestal voor de rubriek module.

Hier heeft u opties voor:

  • HTML-tag
  • Lettertype, grootte en gezicht
  • Tekst kleur
  • Marges

Styling - Conclusie

Beide plug-ins bieden een breed scala aan stylingopties en configuraties. Ze laten een einde toeless maatwerk tot in de kleinste details van elk element op een pagina.

Wij zijn van mening dat beide paginabouwers in dit opzicht grotendeels gelijkwaardig zijn.

Sjablonen

Sjablonen zijn kant-en-klare ontwerpen die u kunt gebruiken om het ontwerp van uw pagina's een vliegende start te geven. Zowel Elementor als Beaver Builder biedt ons tal van sjablonen om uit te kiezen.

Als webdesigners of -ontwikkelaars wil je waarschijnlijk de mogelijkheid hebben om je eigen thema's of specifieke paginasjablonen te maken die je kunt hergebruiken/aanpassingen als onderdeel van je ontwerpproces.

Laten we kijken.

Elementor-sjablonen

Wanneer je in Elementor een nieuwe pagina aanmaakt, zul je zien dat je een optie hebt om een ​​sectie toe te voegen of een sjabloon te gebruiken.

In de gratis versie heb je ongeveer 40 sjablonen om uit te kiezen.

In de Pro-versie heb je keuze uit meer dan 300 verschillende pagina's en bloksjablonen.

Bezoek de website om alle sjablonen te bekijken

elementof nieuwe sjabloon

Bij het klikken op de Sjabloon toevoegen knop, wordt u begroet met een menu met de sjablonen waaruit u kunt kiezen.

elementor sjabloonkiezer

Elementor biedt twee soorten sjablonen: Block en Page.

Bloksjablonen zijn sectiesjablonen die u kunt gebruiken om specifieke delen van uw pagina te bouwen. Een voorbeeld van een bloksjabloon is een contactformulier of een CTA-sectie.

Hieronder ziet u voorbeelden van beschikbare CTA-sjablonen.

elementor blok sjablonen

Paginasjablonen zijn paginagrote sjablonen die zijn ontworpen voor specifieke soorten pagina's en/of doeleinden via de builder-plug-in.

Hieronder ziet u sjablonen voor een landingspagina en homepage.

Er zijn verschillende smaken om uit te kiezen. U heeft bijvoorbeeld een startpaginasjabloon op maat gemaakt voor restaurants en één op maat gemaakt voor bureaus.

elementor paginasjablonen

U kunt ook uw eigen paginasjablonen maken en zelfs complete thema's opslaan voor hergebruik.

U kunt dat doen door op het kleine pijltje naar boven naast de publicatieknop te klikken en Opslaan als sjabloon te kiezen.

elementor aangepaste sjablonen

U kunt zelfs sjablonen van derden importeren door ze naar uw site te uploaden.

Dit maakt een einde mogelijkless maatwerk mogelijkheden.

elementor importsjabloon

Beaver Builder Sjablonen

In Beaver Builder, kunt u kiezen uit drie soorten sjablonen: landingspagina's, inhoudspagina's en opgeslagen sjablonen.

In tegenstelling tot Elementor, Beaver Builder heeft geen sjablonen op blokniveau, hoewel u plug-ins kunt gebruiken om dezelfde functionaliteit te krijgen.

Klik hier om alle sjablonen te zien

Merk op dat de gratis versie van Beaver Builder heeft geen sjabloonopties. Als je de gratis versie wilt gebruiken, moet je alles helemaal opnieuw doen.

beaver builder templates

Sjablonen voor bestemmingspagina's zijn bedoeld voor het maken van uitgebreide bestemmingspagina's. Op het moment van schrijven kunt u kiezen uit 30 verschillende landingspagina-sjablonen Beaver Builder.

bever bestemmingspagina sjabloon

Sjablonen voor inhoudspagina's zijn bedoeld voor inhoudspagina's zoals de over-pagina, contactpagina, startpagina, enz.

Er zijn momenteel 25 inhoudspaginasjablonen waaruit u kunt kiezen Beaver Builder.

bever inhoud paginasjabloon

 

Opgeslagen sjablonen zijn uw aangepaste opgeslagen sjablonen. Net als in Elementor kun je met de builder een pagina als sjabloon maken, zodat je deze later opnieuw kunt gebruiken.

Sjablonen importeren is ook mogelijk op Beaver Builder, maar het is niet zo intuïtief als die van Elementor.

Sjablonen - Conclusie

De Elementor-builder biedt meer sjablonen om uit te kiezen en eenvoudigere import- en exportopties voor sjablonen dan Beaver Builder.

Wat de Design en uiterlijk, beide plug-ins bieden u een breed scala aan prachtige sjablonen die geschikt zijn voor veel verschillende soorten niches.

Wat betreft hun gratis versies, Elementor wint zonder twijfel tegen Beaver Builder.

Met Elementor kun je nog steeds kiezen uit ruim twintig gratis sjablonen en zelfs de mogelijkheid om deze te importeren en exporteren.

met Beaver Builder, moet u upgraden naar hun premiumversie om van deze functie te profiteren.

Thema bouwen

De themabouwfunctie is een zeer krachtige tool die zowel Elementor als Beaver Builder biedt.

Voor Elementor wordt de themabouwer automatisch ontgrendeld zodra je upgradet naar hun premiumversie.

met Beaver Builder, moet u een afzonderlijke plug-in installeren met de naam Beaver Themer, wat een afzonderlijke aankoop van $ 147 is.

De Elementor-themabouwer

Om toegang te krijgen tot de themabouwer, gaat u naar Sjablonen > Themabouwer. Van daaruit kunt u themasjablonen maken of bewerken.

U kunt sjablonen maken of bewerken voor:

  • Pagina
  • Voorvoegsel
  • footer
  • Enkele post
  • Archief
  • 404 pagina's
  • Enz.

De themabouwer van Elementor werkt vrijwel hetzelfde als de paginabuilder.

Je beschikt over alle normale elementen plus nieuwe en specifieke elementen voor het type themasectie waaraan je werkt.

Zo ziet de themabouwer er bijvoorbeeld uit Enkele post.

elementor enkele post-editor

Zoals je kunt zien, heb je een nieuwe set WordPress-widgets die specifiek zijn voor afzonderlijke berichten, zoals de titel van het bericht, de aanbevolen afbeelding, het plaatsen van opmerkingen, enz.

Als u niet helemaal opnieuw wilt beginnen, zijn er ook vooraf gemaakte sjablonen die u kunt gebruiken, die u kunt openen door op het mappictogram in de inhoudeditor te drukken, net zoals u zou doen in de gewone paginabuilder.

Zodra u klaar bent met het maken van uw aangepaste themasjabloon, kunt u bepalen waar en wanneer deze wordt weergegeven.

U kunt er bijvoorbeeld voor kiezen om uw aangepaste sjabloon voor één bericht alleen voor een bepaalde berichtauteur weer te geven.

De Beaver Builder Themabouwer

Beaver BuilderDe themabouwer van Elementor, hoewel anders geactiveerd, werkt vergelijkbaar met die van de themabouwer van Elementor.

Dit is een geweldig hulpmiddel als uw klanten vereisen dat u aangepaste thema's voor hen maakt.

Je hebt pas toegang tot de themabouwer als je de Beaver Themer-plug-in hebt geïnstalleerd.

Zodra u het heeft geactiveerd, heeft u toegang Beaver Builder > Thema-indelingen en van daaruit kunt u een aangepaste sjabloon maken voor het volgende:

  • Voorvoegsel
  • footer
  • Archief
  • Enkele berichten (enkelvoud)
  • 404 pagina

beaver builder thema bouwer

Als je eenmaal hebt besloten welke lay-out je wilt maken of bewerken, kun je deze verder aanpassen door te kiezen waar en wanneer deze zou verschijnen.

Voor de aangepaste voettekst kunt u bijvoorbeeld kiezen of deze op uw hele site wordt weergegeven en uw standaardvoettekst vervangt, of dat deze alleen op bepaalde berichten of pagina's wordt weergegeven.

Je kunt het ook verder aanpassen door het alleen weer te geven wanneer een bericht door een bepaalde auteur is geschreven.

Dit op regels gebaseerde maatwerk in Beaver Builder is behoorlijk krachtig spul omdat het veel flexibiliteit en aanpassingsmogelijkheden met zich meebrengt.

beaver builder thema aangepaste regels

Wat de editor zelf betreft, u heeft dezelfde gebruikersinterface als de paginabuilder.

Hieronder ziet u de thema-indelingseditor in actie, waarbij we de aangepaste voettekst bewerken die we hebben gemaakt.

Je hebt toegang tot hetzelfde aantal modules en andere elementen als in de reguliere pagebuilder.

beaver builder thema-editor

Themabouwer - Conclusie

Beide builder-plug-ins bieden uitstekende controle en aanpassing bij het bouwen van thema's.

Als we het echter over prijzen hebben, is de Elementor builder-plug-in goedkoper dan Beaver Builder omdat de themabouwer is geïntegreerd in de premium-versie.

Elementor Popup Builder

Elementor Popup Builder

Als je Elementor Pro koopt, krijg je ook toegang tot de Elementor Popup Builder.

Als u pop-ups gebruikt voor marketing, is dit een aanzienlijk voordeel. Het betekent dat u geen pop-upbouwer van derden hoeft te kopen of gebruiken Beaver Builder heeft zoiets niet.

Elementor Popup Builder integreert in de paginabuilder en gebruikt dezelfde menu's, blokken en methodologie.

U kunt kant-en-klare pop-upsjablonen gebruiken of uw eigen pop-upsjablonen zelf samenstellen, wat een handige truc is.

Hoewel pop-ups controversieel zijn, zijn ze effectief.

Als je een bedrijf start of je huidige bedrijf wilt laten groeien, zijn pop-ups zeker iets om te overwegen.

Performance

Geen Elementor vs Beaver Builder de vergelijking zou compleet zijn zonder een prestatietest.

We wilden hier niet te veel in detail treden, omdat we al veel besproken hebben.

In onze snelle tests hebben we ontdekt dat Elementor over het algemeen sneller is dan Beaver Builder ook al vertragen beide de laadsnelheid van de pagina.

Een standaardsjabloonpagina gebruiken voor elk:

  • Elementor scoorde 83/100 en Beaver Builder scoorde 68/100 op PageSpeed ​​mobiel.
  • Testpagina's geladen in 3.8 seconden met Elementor en 4.2 seconden met Beaver Builder.
  • Elementor's Largest Contentful Paint (LCP) duurt 3.3 seconden Beaver Builderstaat op 7.1 seconden.
  • Elementor heeft een langzamere First Contentful Paint (FCP) van 4.8 seconden versus 2.5 seconden Beaver Builder.
  • Beaver Builder heeft ook minder HTTP-verzoeken dan Elementor, 17 versus 38.

Zoals je kunt zien, is er niet zoveel verschil tussen de twee. Hoewel beide een gematigde invloed hebben op de paginasnelheid vergeleken met het gebruik van de standaard WordPress-editor, zijn ze meestal nek aan nek wat betreft laadtijden.

Prestaties – Conclusie

Hoewel Elementor een kleine voorsprong heeft op het gebied van laadsnelheden, is deze voor het grootste deel te verwaarlozen.

Natuurlijk kan de mobiele score worden verbeterd, maar het is onwaarschijnlijk dat u een website zou lanceren zonder deze eerst te optimaliseren.

Het hebben van minder HTTP-verzoeken is echter een duidelijk voordeel, dus dat is er.

Laten we dit een gelijkspel noemen.

Prijzen

We hebben de twee plug-ins al behoorlijk wat vergeleken en we hebben gezien wat je kunt krijgen in hun gratis en Pro-versies.

Maar hoeveel kost elke bouwer? Welke geeft u de meeste waarde?

Beide premium builder-versies zijn verkrijgbaar in drie prijsniveaus.

Elementor-prijzen

Laten we beginnen met Elementor. Er zijn persoonlijke, zakelijke en onbeperkte prijsopties.

  • essentieel - $ 59 voor een enkele site.
  • Geavanceerd - $ 99 voor drie sites.
  • Expert - $199 voor 25 sites
  • Agentschap - $ 399 voor 1000 locaties.

elementor-prijzen vs beaver builderAlle abonnementen hebben hetzelfde aantal functies en blijven 1 jaar lang premium ondersteuning en updates ontvangen en worden geleverd met de themabouwer.

Klik hier voor de laagste prijs op Elementor

Beaver Builder Prijzen

Zoals Elementor, Beaver Builder prijzen komen ook in drie niveaus - allemaal met een onbeperkt aantal sites maar met verschillende functies ingeschakeld.

  • Standaard - $ 99 per jaar.
  • Pro – $ 199 per jaar.
  • Agentschap - $ 399 per jaar.
  • Ultiem – $ 546 per jaar.

Beaver Builder versus Elementor-prijzenDe standaard licentie heeft geen ondersteuning voor meerdere locaties en Beaver Builder Thema. De voor licentie is geschikt voor multisite-ondersteuning en wordt geleverd met de Beaver Builder Thema maar er is geen white labeling.

Ten slotte agentschap licentie heeft alle standaard- en pro-functies plus witte etikettering.

Alle abonnementen zijn voor een onbeperkt aantal sites.

Houd er rekening mee dat Beaver Themer een afzonderlijke aankoop is van Beaver Builder zelf dat $ 147 kost.

Klik hier voor de laagste prijs op Beaver Builder

Gratis versus Pro

Beide plug-ins worden geleverd met gratis en Pro-versies, maar de gratis versie van Elementor is hier de duidelijke winnaar.

De gratis versie van Elementor wordt geleverd met tientallen gratis modules en sjablonen.

Beaver Builder komt alleen met zeer eenvoudige, waardoor het zeer beperkt is in de gratis versie.

Prijzen - Conclusie

Als je een gratis versie wilt, dan is Elementor je duidelijke keuze.

Wat betreft de premium-versies, hoewel het misschien lijkt dat Beaver Builder is duurder, de hogere abonnementen bieden meer ontwikkelaarsvriendelijke functies, met name white labeling.

Elementor staat niet toe dat u de website van een klant zelf host en hem een ​​maandelijks bedrag in rekening brengt als u Elementor gebruikt om zijn website te bouwen of te ontwerpen.

We zijn van mening dat Elementor beter is voor solo-gebruikers, terwijl: Beaver Builder is beter voor ontwikkelaars - vooral vanwege de white labeling- en hostingopties.

Als u nog steeds op zoek bent naar andere opties, hebben we ook: beoordeeld Elementor vs Divi hier, en ook Beaver Builder tegen Divi.

Als je wilt meer beoordelingen, onze kijk op Divi en Astra WP thema beoordeling, hoewel we denken dat u uw keuze op dit punt moet beperken en onze conclusie hieronder moet bekijken.

Voors en tegens

Zowel Elementor als Beaver Builder hebben voor- en nadelen. Laten we die hier eens bekijken.

Voordelen van Elementor

  • Meer blokken, sjablonen en functies
  • Meer ontwerpopties
  • Ideaal voor kleinere bureaus of particulieren
  • De Pro-versie is concurrerend geprijsd
  • Themagebouw inbegrepen
  • Pop-upbuilder meegeleverd met Pro
  • Duizenden Elementor-compatibele WordPress-thema's

Nadelen van Elementor

  • Sommige bedieningselementen zijn niet zo intuïtief als ze zouden kunnen zijn
  • Pro prijst particulieren en kleinere bureaus uit

Voors van Beaver Builder

  • De gebruikersinterface is modern en gemakkelijk te leren
  • Er wordt aan al uw basisblok- en sjabloonbehoeften voldaan
  • U kunt de gebruikersinterface aanpassen als u dat wilt
  • Soepel en vloeiend in gebruik
  • De verlengingskorting is welkom

Tegens van Beaver Builder

  • Niet zoveel WordPress-thema's ondersteunen dit
  • De gemeenschap is kleiner dan die van Elementor
  • Voor particulieren duurder in gebruik
  • Niet zoveel blokken of sjablonen als Elementor

Elementor versus Beaver Builder: Gevolgtrekking

Over het algemeen zijn dit momenteel de twee beste plug-ins voor paginabuilder voor WordPress. 

Elementor biedt een enorme hoeveelheid sjablonen en elementen, terwijl Beaver Builder probeert het simpel te houden, maar voldoet toch aan de behoefte van elke webdesigner.

Beaver Builder is ontwikkelaarvriendelijk. Het biedt white label-opties en heeft geen beperkingen op hoe ontwikkelaars services of websites kunnen verkopen die ermee zijn gebouwd.

Als je een solo-ontwikkelaar of gebruiker bent en op zoek bent naar een uitstekende plug-in met veel functies en snelle updates, kies dan voor de Elementor-plug-in voor het maken van pagina's.

Als u een ontwikkelaar of een gebruiker bent die niet overweldigd wil worden door talloze functies en snelle updates, kies dan voor dit programma Beaver Builder.

Maar uiteindelijk is het allemaal aan jou om de uiteindelijke beslissing te nemen.

 

Over de auteur
David Attard
David heeft de afgelopen 21 jaar in of rond de online en digitale industrie gewerkt. Hij heeft ruime ervaring in de software- en webontwerpindustrie met behulp van WordPress, Joomla en de niches eromheen. Hij heeft gewerkt met softwareontwikkelingsbureaus, internationale softwarebedrijven, lokale marketingbureaus en is nu hoofd Marketing Operations bij Aphex Media - een SEO-bureau. Als digitale consultant ligt zijn focus op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door gebruik te maken van een combinatie van hun website en digitale platforms die vandaag de dag beschikbaar zijn. Zijn mix van technologische expertise gecombineerd met een sterk zakelijk inzicht geeft zijn geschriften een concurrentievoordeel.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...