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 november 2023 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.
 |
 |
|
| 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.
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.
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.
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:
Tekst bewerken is eenvoudig. Klik gewoon op een tekstelement op uw site en bewerk het direct.
U kunt ook tekst bewerken via de zijbalk.
Ten slotte hebt u onderaan toegang tot aanvullende instellingen.
- 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:
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.
Het Beaver Builder Interface
Beaver Builder's interface is minimalistischer dan de Elementor-builder.
Wanneer u een WordPress-pagina bewerkt via Beaver Builder, dit is wat je ziet:
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.
Om een element toe te voegen, of een “module” te gebruiken Beaver Builder's terminologie, kunt u deze eenvoudig 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.
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.
Merk op dat het vastzetten van die teksteditor ook alles vastzet, waardoor het qua lay-out op de Elementor-builder lijkt.
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.
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:
- Secties
- columns
- 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.
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.
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.
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:
- Rijen
- columns
- 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.
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.
In tegenstelling tot Elementor, Beaver Builder heeft geen aangepaste rechtsklikopties. Je moet over een element zweven om er acties op uit te kunnen voeren.
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.
In het Algemeen instellingen kunt u configureren of u de standaardkleuren en lettertypen van Elementor wilt uitschakelen.
Onder de stijl tabblad kunt u verschillende andere ontwerpinstellingen configureren.
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.
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.
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:
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
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.
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).
Separator
Het 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
Het 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
Bij het klikken op de Sjabloon toevoegen knop, wordt u begroet met een menu met de sjablonen waaruit u kunt kiezen.
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.
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.
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.
U kunt zelfs sjablonen van derden importeren door ze naar uw site te uploaden.
Dit maakt een einde mogelijkless maatwerk mogelijkheden.
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.
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.
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.
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.
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.
Het 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
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.
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.
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
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.
Alle 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.
Het 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.
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.
en nog veel meer ...