Elementor is een page builder voor WordPress. Het is één van de meest gebruikte en populairste drag and drop page builder die je momenteel kunt gebruiken en daar is een hele goede reden voor.
Meer dan 4 miljoen websites zijn gebouwd met deze paginabouwer en daardoor kan Elementor zich een leider op de wereldmarkt noemen.
Ook deze website (en de andere websites die ik al gebouwd heb) is gebouwd met Elementor. Ik spreek dus uit ervaring wanneer ik vertel dat je behoorlijk veel kunt doen met deze plugin! Het is één van mijn favoriete power tools voor het bouwen van een website.
Maar je moet me niet op mijn woord geloven!
Ik laat het je graag allemaal zien in deze Elementor review!
De gratis versie van Elementor
In principe kun je met de gratis Elementor plugin meteen van start gaan.
De plugin wijst zichzelf uit en met de gratis versie heb je ook ineens toegang tot een heleboel templates voor pagina’s en blokken.
De gratis Elementor plugin geeft je toegang tot deze functies:
- drag and drop editor
- meer dan 300 sjablonen (ontworpen door designers)
- meer dan 90 gebruiksklare widgets
- responsive ontwerp: je kunt meteen zien hoe alles er op mobile uit zal zien
- Honderden design elementen
- Je kunt alle blokken en widgets zelf stylen
- Achtergrond afbeeldingen of video’s instellen
- Overlays en andere css effecten
- Kolommen en secties gebruiken en aanpassen
- Een handige bibliotheek vol templates en sjablonen
De gratis versie is dus zeker en vast een goede start. Wanneer je een beetje zoals ik bent, dan wil je toch al gauw meer!
Daarom heb ik de Elementor Pro versie aangekocht…. Lees vooral verder in deze Elementor review om te ontdekken waarom 🙂
Waarom ik de Pro versie gekocht heb
De Elementor Pro versie was voor mij interessant omdat ik heel graag met een barebone en lichtgewicht WordPress thema wilde werken. Zo’n barebone thema heeft dus, zoals je al tussen de lijnen kunt lezen, niet veel om het lijf.
Elementor Pro geeft je toegang tot een theme builder waarmee je een compleet thema kunt bouwen, van header tot footer. Ik geef je hieronder wat extra informatie over de impressionante theme builder van Elementor!
De personalisatie die mogelijk is met Elementor is eindeloos!
Maar… laten we bij het begin beginnen!
Elementor installeren
Wanneer je de gratis versie van Elementor wil gebruiken, kun je die gewoon downloaden uit de WordPress plugin bibliotheek. Daarna kan je onmiddellijk beginnen met het stylen van je pagina’s.
Vanaf dat je wil upgraden naar Pro, moet je even een account aanmaken bij Elementor zelf.
Je betaalt je jaarlijkse bijdrage en krijgt toegang tot het dashboard. Daar wacht een API code op je en die kopieer je naar je Elementor plugin in je WordPress dashboard.
De prijzen voor Elementor:
Elementor Premium voor 1 site / jaar: 49$
Elementor Pro version voor 3 sites / jaar: 99$
Elementor Pro voor 1000 sites / jaar: 199$
Zelf begon ik met de gratis versie. Toen kocht ik het voor 1 site… 3 sites… Uiteindelijk moest ik dan compromissen sluiten en bij de ene site Elementor uitschakelen om het op een andere te gebruiken.
Toen dacht ik: Wtf! Koop gewoon die plugin voor 1000 sites. Ja! Dat is dus eigenlijk een onbeperkt abonnement he.
Momenteel gebruik ik Elementor Pro op 7 verschillende websites, maar ik heb het gevoel dat er daar nog wel enkele bij kunnen. Ik zit nog niet aan de limiet he!
De Elementor pagina bouwer gebruiken (of niet?)
Wanneer je een nieuwe pagina of blog post maakt, kun je vanaf de start kiezen of je die pagina met de originele WordPress editor (Gutenberg) wil schrijven, of dat je Elementor wil gebruiken.
Wanneer ik gewoon een blogpost schrijf die enkel uit tekst en afbeeldingen bestaat, maak ik veelal gebruik van Gutenberg.
Elementor is vooral interessant omwille van de widgets en layout mogelijkheden.
In ieder geval: je kunt dus kiezen hoe je de pagina wil opbouwen: met Elementor of Gutenberg.
Elementor widgets gebruiken
Kies je voor Elementor, dan krijg je meteen een voorbeeld van hoe je pagina er uit zal zien. Aan de linkerzijde van je scherm krijg je een hele waslijst met widgets of blokken die je kan gebruiken.
Bekijk dit korte filmpje om te zien hoe het er allemaal uit ziet in je WordPress website.
Elementor biedt je een heleboel voordelen op gebied van design en gebruiksgemak. Je kiest zelf hoe alles er uit zal zien. Je creëert secties en kolommen.
Die vul je dan in met de design elementen die wil.
Elementor widget stylen
De widgets die je in de linker zijbalk van Elementor kan zien, kunnen allemaal tot in het kleinste detail gestyled worden. Je hebt een effectieve controle over ieder aspect van de widget.
- lettertypes en lettergroottes
- kleuren
- achtergrondafbeeldingen
- overlays voor afbeeldingen
- bewegingseffecten
- hover effecten
- elementen sticky maken
- zelf CSS toevoegen
- en nog 101 andere dingen
Template Library - Sjabloon bibliotheek
De template bibliotheek van Elementor is behoorlijk uitgebreid en de designs zien er super slick uit.
De gratis bibliotheek van Elementor is ietwat beperkt, maar in de Pro versie krijg je echt een massa sjablonen om mee te werken.
Zo veel zelfs dat je helemaal geen professioneel thema meer hoeft te kopen!
Ik hoor je denken: ik wil helemaal geen sjablonen gebruiken! Ik wil een UNIEK ontwerp. Inderdaad. Ik ook 🙂
Maar toch biedt de bibliotheek met sjablonen een heleboel voordelen.
Je kunt namelijk, nadat je een sjabloon invoegt, nog steeds alle kanten uit. Je verwijdert secties of verschuift secties. Je wijzigt lettertypes, lettergroottes, afbeeldingen, kleuren, … alles wat je maar wil… of je laat het zoals het professionele design er standaard uit ziet (spoiler: ze zien er slick uit)
De Elementor theme builder
Mijn favoriete feature!
Met de theme builder kun je makkelijk de vaste elementen die op je website voorkomen stylen en instellen.
Ik heb het over de header, het navigatiemenu, de footer, de zijbalk, … noem maar op!
Deze elementen zijn vaak een onderdeel van je gekozen (of gekochte) thema. Meestal heb je bitter weinig zeggenschap in deze delen van je website. Om ze exact te kunnen stylen, moet je ofwel een heel duur en personaliseerbaar thema aankopen, of je moet code leren schrijven.
Daarom is de theme builder zo’n krachtige tool!
Met de theme builder kan je ieder onderdeel van je WordPress website fijn afstellen en personaliseren.
Heb je een onderdeel van je persoonlijke theme gemaakt? Dan kies je daarna zelf exact waar je dit ontwerp wil tonen. Zo kun je bijvoorbeeld je header over de hele website identiek hetzelfde laten zien. Maar je kunt ook een aparte header maken voor een bepaalde productcategorie of blogcategorie. Misschien heb je een tweetalige website…? De mogelijkheden zijn bijna eindeloos.
Bekijk even deze video om te zien hoe het er in de praktijk juist uit ziet!
Meer handige features in de Elementor page builder
In het laatste stukje van deze Elementor review schrijf ik nog even kort over enkele andere handige tools die je kunt gebruiken.
Global widgets
Heb je eenmaal de perfecte button of knop gestyled en wil je diezelfde knop overal op je website gaan gebruiken?
Met een simpele rechtermuisklik kan je een widget globaal maken.
Dat betekent dat je de widget kan hergebruiken met alle styling die je hebt toegevoegd.
Templates opslaan
Heb je een pagina gestyled voor recepten of heb je een sectie ontworpen waarin je herbruikbare drinkflessen reviewt? Sla je ontwerp op als template om het later opnieuw te gebruiken.
Dynamische content
Dynamische content is er interessant wanneer je bijvoorbeeld een webshop hebt en voor ieder product hetzelfde type informatie op dezelfde manier wil tonen.
Je kan dynamische content ook gebruiken wanneer je een blogpagina ontwerpt.
Je wil op iedere blogpagina de titel op dezelfde plek zien staan. Ook de featured afbeelding, de auteur, de inhoud van het artikel.
Met dynamische content haal je informatie van hetzelfde type op in verschillende pagina’s.
Popups
Popups zijn meer dan alleen maar irritante dingen die open springen wanneer je een website bezoekt.
Ja. Je kunt ze inderdaad gebruiken om je website bezoekers te overhalen zich in te schrijven voor je nieuwsbrief.
Maar popups zijn veelzijdiger dan dat!
Het menu van deze website is bijvoorbeeld een popup die getriggerd wordt door het icoontje in de rechter bovenhoek van de pagina.
Is Elementor Pro de perfect page builder voor WordPress?
Uiteraard beslis je daar zelf over. Maar als je het aan mij vraagt, dan zeg ik volmondig: JA!
Eén van de grote sterktes van Elementor is dat je zelf kan bepalen hoe ver je wil gaan.
Heb je bijvoorbeeld weinig kennis van design, dan kies je voor een professioneel ontwerp.
Wil je niet te veel tijd verspillen en toch een professioneel uitziende website creëren, dan kan dat ook.
Maar je hebt toch ook de mogelijkheid om alles tot in de puntjes te tweaken naar je eigen smaak en stijl.
Deze WordPress page builder is dus ideaal voor zowel beginners als voor experts.
En toegegeven: in het begin is het ruime aanbod aan mogelijkheden misschien wat overweldigend. Maar je hoeft niet meteen alles te gebruiken.
Zelf begon ik ook met een standaard sjabloon. Maar toen ik eenmaal een beetje thuis was in de editor, begon ik al gauw allerlei dingen uit te proberen.
Bovendien heeft Elementor een interessant YouTube kanaal met massa’s tutorials en handleidingen die je stap voor stap kan volgen en uitvoeren in je eigen ontwerp.