1. WebsitePlanet
  2. >
  3. Blog
  4. >
  5. Elementor review: kan ik zelf een WordPress-website bouwen?

Elementor review: kan ik zelf een WordPress-website bouwen?

Andrea Schlottman
Andrea Schlottman
31 Maart 2021

Toegegeven, toen mijn redacteur mij vroeg om deze Elementor review te schrijven, was ik hier niet zo blij mee. Ik heb in het verleden veel gratis WordPress-bouwers geprobeerd en het is me nooit gelukt om lang bij eenzelfde bouwer te blijven. Als webdesigner heb ik altijd het gevoel gehad dat ze me eigenlijk beperkten.

Natuurlijk had ik gehoord dat Elementor een geweldige WordPress-pagina- en sitebouwer was, maar ik was sceptisch. Hoe goed kon het echt zijn? Nou, na er een aantal weken mee te hebben gewerkt, kan ik je vertellen dat het beter is dan ik had verwacht. Het is zelfs VEEL beter dan ik had verwacht.

Lees verder om erachter te komen waarom ik van gedachten ben veranderd en heb besloten om Elementor een kans voor de lange termijn te geven.

Wat is Elementor?

Elementor homepage

Elementor is een gratis websitebouwer plug-in voor WordPress. In wezen biedt het je een drag-and-drop-interface voor WordPress, waardoor je werkproces vergelijkbaar is met die van populaire websitebouwers als Wix of Squarespace.

Je kunt een kant-en-klare template kiezen of je eigen functierijke site bouwen met elementen, die je kunt neerzetten waar je maar wilt – zonder dat er enige kennis van codering is vereist.

Nadat je Elementor hebt geïnstalleerd:

  • kun je nieuwe pagina’s of een nieuwe site met elke gewenste stijl, lay-out of functionaliteit maken. Je bent niet beperkt tot wat je huidige WordPress-thema te bieden heeft.
  • kun je je huidige thema behouden, aangezien Elementor met alle WordPress-thema’s werkt (zolang je versie 5.0 of hoger van WordPress hebt).
  • krijg je een geheel aparte (en veel intuïtievere) editor om mee te werken. Je hoeft de eigen bewerkingsinterface van WordPress niet te gebruiken.
  • je pagina’s aan de ‘front end’ bewerken, wat betekent dat je precies ziet wat je bezoekers in hun browser zien. Je hoeft dus niet constant concepten op te slaan en voorbeelden te bekijken hoe je site er voor bezoekers uitziet.

Natuurlijk zijn er andere websitebouwers die vergelijkbare functies bieden, maar deze hebben meestal een groot nadeel: ze bieden geweldige bewerkingsfuncties, maar er is geen gratis abonnement of ze hebben wel een gratis abonnement, maar met veel minder templates (die er ook niet zo goed uitzien).

Elementor geeft je echt vrijheid, op meer dan één manier. Laten we eens nader bekijken wat je ermee kunt doen.

Meer dan 300 kant-en-klare templates

Als professioneel ontwerper keur ik de templates van Elementor goed! Zelfs als je geen oog hebt voor design, wordt het je gemakkelijk gemaakt om mooie, professioneel ogende websites te maken. Er zijn twee soorten templates: ‘full-length’ (volledige) paginatemplates (deze worden Pagina’s genoemd) en kleinere, individuele elementen (deze worden Blokken genoemd).

Een pagina gebruiken

De eenvoudigste manier om met Elementor aan de slag te gaan, is door een vooraf ontworpen template te gebruiken. Elementor heeft er meer dan 150, waarvan er ongeveer 40 gratis beschikbaar zijn. (Helaas kun je niet filteren op ‘gratis’ en moet je in plaats daarvan handmatig controleren op de kleine ‘Pro’-tag in de hoek van elke template.)

Elementor review: kan ik zelf een WordPress-website bouwen?

Als je meerdere pagina’s met verschillende lay-outs in een samenhangende look wilt maken, kun je Pagina’s binnen dezelfde familie kiezen. Elementor noemt dit ‘kits’, maar er is geen manier om in de bibliotheek naar deze ‘kits’ te zoeken. In plaats daarvan moet je zoeken naar templates, die eindigen op dezelfde naam, zoals Travel of Digital Agency. De Travel kit heeft bijvoorbeeld zeven pagina’s die er samen allemaal geweldig uitzien, inclusief Over, Galerij en Veelgesteldevragen.

Voor nog meer variatie kun je Elementor paginatemplates importeren van externe aanbieders, zoals ThemeForest.

Als je totale controle over je ontwerp wilt, hoef je niet eens een template te gebruiken – je kunt je pagina ook helemaal zelf bouwen.

Pro tip: standaard worden Elementor-templates in de body van je pagina geplaatst, wat betekent dat de header, footer en zijbalkelementen van je thema nog steeds zichtbaar zullen zijn. Afhankelijk van je thema en de specifieke template die je gebruikt, kan deze combinatie er raar uitzien.

Om deze elementen te verwijderen en echt met een schone lei te beginnen, ga je naar Instellingen en zet je de instelling voor Pagina layout naar ‘Elementor Canvas’.

Setting up a Blank Canvas page template on Elementor

Een blok gebruiken

Naast volledige paginatemplates kun je templates gebruiken voor kleinere, individuele elementen, deze worden ‘Blokken’ genoemd.

Elementor heeft meer dan 200 kant-en-klare blokken voor prijstabellen, testimonials, “ontmoet het team”-lay-outs, portfolio’s en meer.

Elementor page templates

Net als templates zijn sommige contentblokken gratis, terwijl je voor “Pro”-blokken moet betalen.

Pro tip: als je van plan bent dezelfde elementen op verschillende pagina’s opnieuw te gebruiken, kun je je eigen templates maken:

Elementor review: kan ik zelf een WordPress-website bouwen?

Je kunt je templates ook exporteren en ze op andere WordPress-sites gebruiken. Deze functie is vooral handig als je websites voor klanten bouwt.

Een widget slepen

In tegenstelling tot Blokken zijn Widgets kleinere, meer ingesloten elementen, zoals tekst, afbeeldingen, titels en kaarten. Je kunt zoveel widgets naar een pagina slepen als je wilt.

Elementor review: kan ik zelf een WordPress-website bouwen?

Elementor biedt 30 widgets die je gratis kunt gebruiken (en meer dan 50 waarvoor je moet betalen). Vanuit dezelfde werkbalk aan de linkerkant kun je ook de eigen widgets van WordPress invoegen. Afhankelijk van hoe flexibel je WordPress-thema is, is het mogelijk om met alleen gratis widgets van Elementor en WordPress het uiterlijk en de functionaliteit te bereiken die je graag wilt.

De drag-and-drop editor gebruiken

Nadat je een template hebt gekozen en alle gewenste contentblokken en widgets hebt toegevoegd, kun je de editor gebruiken om op elk element op de pagina te klikken en er lokale bewerkingen in aan te brengen.

Aangezien Elementor een WYSIWYG (‘What You See Is What You Get’)-tool is, hoef je niet op de voorbeeldknop te klikken of modi te wijzigen om je bewerkingen te kunnen zien. Je ziet wijzigingen terwijl je ze aanbrengt, maar ze zijn pas zichtbaar voor de bezoekers van je site als je op de publicatieknop klikt.

Pro Tip: Onderhoudsmodus

Als je bezig bent met het maken of bijwerken van je site, kun je met de ingebouwde onderhoudsmodus van Elementor een tijdelijke pagina weergeven en wordt de juiste HTTP-statuscode voor je ingesteld. Je hebt toegang tot deze optie vanuit je WordPress-dashboard.

Switching your WordPress site to Maintenance Mode using Elementor

Als je je in de onderhoudsmodus bevindt, hoef je je geen zorgen te maken dat je per ongeluk bewerkingen publiceert voordat de site klaar is. Je kunt een van de 10+ Elementor-templates kiezen als je tijdelijke splash page.

Tijdens het bewerken gebruik je de linker werkbalk om de kleur, het lettertype, de spatiëring, de lay-out en meer te verfijnen:

Editing text on your webpage using Elementor

Een van de leukste dingen aan de drag-and-drop editor van Elementor vind ik dat het je een zeer precieze controle geeft over elk afzonderlijk element. Je kunt bijna elk detail van de contentblokken, widgets, tekst, afbeeldingen, kolommen en scheidingslijnen van je site aanpassen.

Mis het tabblad met geavanceerde functies (hieronder weergegeven) niet voor enkele echt interessante opties:

  • Instellen van exacte marges en opvulling per pixel of percentage
  • Toevoegen van aangepaste breedtes aan elementen en instellen van vaste paginaposities
  • Positioneren van widgets, tekst of afbeeldingen in kolommen
  • Aanpassen van de breedte en de ruimte tussen kolommen
  • Toevoegen van geavanceerde ‘hover’- en bewegingseffecten
Editing margins and padding with Elementor

Hier zijn nog een paar functies die ik bijzonder handig vond:

  • Als je met de rechtermuisknop in de rechterbovenhoek van een element klikt, zie je alle bewerkingsmogelijkheden
  • Je kunt contentblokken met één klik dupliceren
  • Het is eenvoudig om wijzigingen ongedaan te maken/opnieuw uit te voeren met Ctrl+Z en Shift+Ctrl+Z (of Cmd+Z en Shift+Cmd+Z op een Mac)

Elementor is compatibel met vertaalplug-ins, zoals WPML of Polylang, en het ondersteunt rechts-naar-links taalweergave (voor talen die op die manier lezen, zoals Arabisch).

Pro tip: als je aan een zeer lange of complexe pagina op je site werkt (vooral een pagina met elementen binnen elementen binnen elementen), kan het moeilijk worden om de specifieke stukken te vinden die je wilt bewerken, of zelfs te begrijpen hoe de meerlagige elementen in elkaar zitten.

De Navigator-functie wordt snel je nieuwe beste vriend. Klik met de rechtermuisknop op een element en selecteer het. Hiermee wordt het element, waarop je zojuist hebt geklikt, in de context van je hele site geplaatst en wordt automatisch de bewerkingsbalk weergegeven.

Elementor's Navigation feature helps you find the editing bar of each element you wish to edit

Wijzigingen aanbrengen in de mobiele versie van je site

Hoewel alle Elementor-templates standaard mobielvriendelijk zijn, draait het bij Elementor allemaal om het geven van ontwerpcontrole. Met de functie voor Mobiel Bewerken kun je het uiterlijk van je site op smartphones en tablets verfijnen.

Je kunt de instellingen wijzigen om elementen weer te geven of te verbergen, de kolomvolgorde en instellingen en de marges te wijzigen op basis van de schermgrootte. Je kunt zelfs verschillende lettertypegroottes instellen voor verschillende apparaten, zodat de tekst op je site altijd gemakkelijk leesbaar is.

Elementor review: kan ik zelf een WordPress-website bouwen?

Let op: als je je site helemaal opnieuw bouwt, zonder een template te gebruiken, is deze niet mobielvriendelijk, maar je kunt de functie Mobiel Bewerken gebruiken om een aparte mobiele versie te maken.

Pro tip: je hoeft niet in de mobiele editor te zijn om wijzigingen te kunnen aanbrengen in de mobiele versies van je site. Klik in de gewone desktop-editor op het tabblad met geavanceerde inhoud van een element om dat element op verschillende schermen te verbergen of weer te geven.

Editing your site's mobile version from the Advanced tab in Elementor

Stressvrij pagina’s bouwen: versiegeschiedenis

Soms is een, twee of zelfs drie op de knop ‘ongedaan maken’ klikken nog niet voldoende om een ontwerpramp ongedaan te maken. Wees gerust, het overkomt iedereen!

Dat is waar het geschiedenispaneel om de hoek komt kijken. Vanuit dit paneel kun je individuele wijzigingen bekijken op het actietabblad of volledige versies van opgeslagen pagina’s op het tabblad Revisies. Klik gewoon op de terugzetknop om een oudere versie van je pagina te herstellen.

Elementor review: kan ik zelf een WordPress-website bouwen?

Gecombineerd met de Auto Save-functie (automatisch opslaan) van Elementor zorgt het tabblad Revisies ervoor dat je harde werk nooit verloren gaat.

Niemand is perfect: de keerzijde van Elementor

Inmiddels weet je waarschijnlijk wel dat ik Elementor graag gebruik. Maar er zijn nog een aantal zaken waar je op moet letten:

  • Je kunt op elke pagina vrijwel onbeperkt wijzigingen aanbrengen, maar zonder een premium abonnement te kopen, kun je niet veel wereldwijde (site-brede) stijlen instellen. Dit kan het voor gratis gebruikers vervelend maken om een consistente weergave op pagina’s te krijgen.
  • Hoe snel en geweldig het ook is, de editor kan soms een beetje buggy zijn. Als het vastloopt, moet je mogelijk vernieuwen of de editor afsluiten en deze opnieuw openen.

Elementor GRATIS vs. Pro: Welke is de beste voor jou?

Elementor Pro plans

Wat je gratis krijgt

Elementor valt op door zijn functierijke gratis abonnement. Voor veel persoonlijke en zelfs zakelijke websites is de gratis versie meer dan voldoende. Je kunt aangepaste sites en pagina’s bouwen met alle basisfuncties en de meeste fraaie ontwerpfuncties gebruiken.

De gratis versie van Elementor bevat:

  • Volledig gebruik van het bouwplatform, inclusief live ontwerp, mobiel bewerken, versiegeschiedenis, enz.
  • Meer dan 30 widgets voor afbeeldingen, tekstvakken, kaarten, audiobestanden en meer
  • Meer dan 40 paginatemplates (inclusief royaltyvrije stockfoto’s)
  • Meer dan 100 bloktemplates voor veelgestelde vragen, functies, getuigenissen, “ontmoet het team” en nog veel meer

Wat je krijgt als je betaalt

Er zijn drie betaalde abonnementen beschikbaar voor Elementor Pro. Het enige verschil tussen de Personal-, Plus- en Expert-abonnementen is het aantal licenties dat je krijgt.

Hier zijn enkele van de meest aantrekkelijke kenmerken van Elementor Pro:

  • Meer dan 300 premium templates
  • Meer dan 100 premium bloktemplates
  • Globale widgets – je kunt dezelfde widget op meerdere pagina’s op je site gebruiken. Als je je widget moet wijzigen, hoef je deze alleen maar één keer te bewerken. Het wordt automatisch op alle pagina’s bijgewerkt.
  • Elementor Theme Builder – je kunt je eigen thema helemaal zelf maken met Elementor-templates voor footers, headers en meer.
  • Met WooCommerce Builder – kun je een webwinkel toevoegen met 18 WooCommerce widgets.
  • Front-end formulierbouwer en pop-upbouwer, inclusief integratie met MailChimp.
  • Toegang tot de CSS-code van je site
  • 24/7 Premium klantenondersteuning – je krijgt prioriteitsondersteuning voor tickets en je kunt Elementor-medewerkers toestaan in te loggen op je dashboard voor het oplossen van problemen.

Als je meerdere bedrijven bezit of sites voor klanten bouwt, kun je upgraden naar het Plus-abonnement om licenties voor drie websites te krijgen. Het Expert-abonnement biedt je echter een verbazingwekkende waarde voor je geld. Het kost twee keer zoveel als het Plus-abonnement, maar de jaarlijkse kosten zijn nog steeds redelijk betaalbaar – en je krijgt licenties voor maximaal 1.000 sites.

Alle betaalde abonnementen bieden een 30-daagse geld-terug-garantie.

En…. voldoet Elementor aan de hype?

Het korte antwoord? Ja! Als je volledige controle wilt over hoe jouw WordPress-site eruitziet, zonder in de code te hoeven duiken, dan is dit de plug-in voor jou. Zelfs als je de technische knowhow hebt om alles zelf te coderen, maakt Elementor het ontwerpen van je site zo gemakkelijk en intuïtief dat er echt geen reden is om het niet te gebruiken.

Hoewel je met het gratis abonnement van Elementor bijna alles kunt doen, raad ik je aan om te upgraden naar een van de professionele abonnementen als je sites voor klanten bouwt of als je website het belangrijkste bezit van je bedrijf is. De mogelijkheid om je eigen thema te maken en de functie voor wereldwijde widgets, maken het de relatief lage investering waard.

Is Elementor paginabouwer gratis?
Elementor biedt een gratis abonnement dat een uitgebreide set functies biedt om je te helpen bij het bouwen van een website. Als je van plan bent om je site voor persoonlijke en zelfs zakelijke doeleinden te gebruiken, kan de gratis versie meer dan voldoende zijn. Je hebt een solide selectie templates en widgets tot je beschikking, en je kunt de websitebouwer met al zijn functies volledig gebruiken, inclusief versiegeschiedenis, mobiel bewerken, etc.
Zijn Elementor-templates gratis?

Als je kiest voor het gratis abonnement kun je kiezen uit meer dan 40 gratis volledige paginatemplates, waaronder royaltyvrije stockfoto’s en meer dan 100 gratis bloktemplates voor afzonderlijke secties van je website, zoals testimonials, veelgestelde vragen, prijstabellen, portfolio’s en meer.

Als je besluit je te abonneren op een van de betaalde abonnementen van Elementor, krijg je toegang tot meer dan 300 premium paginatemplates en meer dan 100 premium bloktemplates. Een betaald abonnement is misschien het beste als je meerdere bedrijven hebt, maar je kunt de kosten van een jaarlijks WordPress-abonnement verlagen door een van onze huidige kortingen of kortingsbonnen te gebruiken.

Kan ik mijn eigen template op Elementor uploaden?

Naast het leveren van kant-en-klare templates, kun je met Elementor je eigen template vanaf het begin helemaal zelf opbouwen. Dit is vooral handig als je dezelfde elementen op verschillende pagina’s van je website wilt gebruiken. Je kunt je template opslaan op het tabblad Mijn templates en deze exporteren voor gebruik op andere WordPress-sites, wat erg handig is als je websites voor klanten bouwt. Elementor werkt ook met alle WordPress-thema’s, mits je WordPress versie 5.0 of hoger hebt, wat betekent dat je je huidige WordPress-thema kunt behouden als je dat wilt.

Pro Tip: als je echt wilt dat je website opvalt, huur dan een ontwerper op Fiverr in voor slechts $5.

Is Elementor de beste websitebouwer?

Elementor is een drag-and-drop websitebouwer, die je veel flexibiliteit geeft bij het ontwerpen van een site met een gratis abonnement. Het is een geweldige optie voor WordPress-gebruikers die geen fan zijn van de gewone WordPress-editor. Als je echter geen WordPress-abonnement hebt en twijfelt of je dat wel wilt, kun je andere opties voor het bouwen van drag-and-drop websites bekijken, die ook een gratis abonnement bieden. Sommige van deze opties scoorden hoog op onze lijst met de beste websitebouwers voor 2021, dus neem er zeker een kijkje.
Beoordeel dit artikel
5.0 Gestemd door 3 gebruikers
Je hebt al gestemd! Ongedaan maken
Dit veld is verplichtMaximal length of comment is equal 80000 charsMinimale lengte van een reactie is 10 karakters

Eventuele opmerkingen?

Reageer op de review
%s reacties bekijken
View %s reply

Gerelateerde berichten

Meer gerelateerde berichten tonen

We controleren alle reacties van gebruikers binnen 48 uur om er zeker van te zijn dat deze door echte mensen zoals jij zijn geplaatst. We zijn blij dat je dit artikel nuttig vindt. We stellen het op prijs als je dit met andere mensen deelt.

Deel dit blogbericht direct met vrienden en collega's:

We weten zeker dat het andere gebruikers gaat helpen. Ons team controleert de beoordeling en keurt het binnen 48 uur goed mits het legitiem en netjes is.

Een keer per maand ontvang je interessante en inzichtelijke tips, trucs en adviezen om de prestaties van je website te verbeteren en je digitale marketingdoelen te bereiken!

Fijn dat je het leuk vindt!

Deel het met vrienden!

332623
100
5000
86233