Elementor: de gratis versie installeren en pagina’s maken | Verschillen Elementor Free vs Pro

Affiliatemelding v3.1
Affiliatemelding v3.2 (mobiel)
Testomgeving RHEL-familieWordPress 7.1.3Elementor 4.3.5Gecontroleerd op 2026-10-16

Elementor is een pagebuilder-plugin voor WordPress: een editor waarmee je pagina's bouwt door widgets te slepen en neer te zetten op het scherm dat bezoekers zien, in plaats van in het bewerkscherm van de beheeromgeving. Ik heb de gratis versie 4.3.5 op een WordPress 7.1.3-site geïnstalleerd, een pagina met een kop, een alinea en een knop gepubliceerd en de gratis versie met de Pro-abonnementen vergeleken aan de hand van de officiële prijstabel.

1️⃣ Wat is Elementor: het verschil met de blok-editor

Elementor is de tweede editor van WordPress en wordt naast de Blok-editor geïnstalleerd. Per bericht en pagina kies je of je in de blok-editor schrijft of met Elementor bewerkt, en op pagina's die je met Elementor bewerkt, pas je de indeling en stijlen direct aan op het scherm dat bezoekers zien.

2️⃣ Elementor gratis installeren: plugin toevoegen en het editorscherm

De installatie zelf gaat zoals bij elke andere plugin, maar direct na het activeren veranderen de schermen. Zoek Elementor op in [Plugins › Plugin toevoegen], installeer en activeer het, en bij het bekijken van de site verschijnt het item [Edit with Elementor] in de beheerbalk. De editor opent als een apart scherm, waarbij [action=elementor] achter het bewerkadres van de pagina staat.

Scherm Plugin toevoegen in het WordPress-menu Plugins na het zoeken naar Elementor: de kaart Elementor Website Builder en de knop Activeren
Zoekresultaten voor Elementor in [Plugin toevoegen]

In de plugin directory van WordPress.org heeft Elementor meer dan 10 miljoen actieve installaties en een gemiddelde beoordeling van 4,5 uit 7.319 beoordelingen. Versie 4.3.5, uitgebracht op 13 oktober 2026, vereist WordPress 6.8 en PHP 7.4 of hoger.

De editor is verdeeld in een widgetpaneel links en een voorbeeld rechts. In versie 4.3.5 begint het paneel met de groep Atomic Elements, met onder meer Flexbox, Heading en Button. De teksten van de editor verschijnen in het Engels tot er een taalpakket is geïnstalleerd en volgen daarna de taal van de beheeromgeving. De formulierwidgets en de Pro-groep onderaan het paneel hebben een slotje, zodat je op één scherm ziet wat de gratis versie wel en niet kan gebruiken.

Formulierwidgets met slotje en Pro-items (Search·Posts·Portfolio·Menu·Form·Loop Grid) in het widgetpaneel van de gratis versie van Elementor
Pro-items in het widgetpaneel van de gratis versie
🧭 Simulator voor het installeren van Elementor en het maken van een pagina
📍Plugin›Plugin toevoegen
Plugin installeren
Typ Elementor in het zoekveld, klik op [Nu installeren] en klik na de installatie op [Activeren].
📍Pagina's›Pagina toevoegen›Elementor-editor
Pagina toevoegen
Maak met [Pagina toevoegen] een nieuwe pagina en klik in de werkbalk op [Bewerk met Elementor] om de Elementor-editor te openen.
example.com/wp-admin/plugin-install.php
Plugin toevoegen Plugin uploaden
Plugins breiden de functionaliteit van WordPress uit. Je kunt plugins installeren vanuit de WordPress plugin directory rechts op deze pagina, of een plugin uploaden in .zip format door op de knop hierboven te klikken.
ZoekresultatenAanbevolenPopulairAanbevolenFavorieten
Plugins zoekenKeyword
7.046 items
Elementor Website Builder – more than just a page builder
ActiverenMeer details
The Elementor Website Builder has it all: drag and drop page builder, Atomic Editor, pixel perfect design, global and reusable style systems, mobile r …
Auteur Elementor
★★★★★ (7,319)
Laatst geüpdatet op: 5 dagen geleden
10+ miljoen actieve installaties
✓ Compatibel met je huidige versie van WordPress
example.com/wp-admin/post-new.php?post_type=page
+↶↷≡WEdit with WordPress엘리멘터 예시 페이지 · 페이지임시 글 저장공개
Elementor-voorbeeldpagina
Typ / om een blok te kiezen
De Elementor-editor wordt geopend — naar de editorsimulator in 3️⃣
Klik op een gemarkeerd onderdeel in het linkermenu of op een knop op het scherm.

3️⃣ Een pagina maken met Elementor: Flexbox-containers en widgets

In Elementor bouw je een pagina op door eerst een Flexbox-container te plaatsen en daar widgets in te zetten. Maak een pagina via [Pagina's › Pagina toevoegen], open de Elementor-editor en klik op het lege scherm op [+] om Flexbox te kiezen.

Klik op de [+] van de container om het widgetpaneel te openen; klik je daarna achter elkaar op Heading, Paragraph en Button, dan komen ze in de geselecteerde container terecht.

De tekst pas je aan door een widget aan te klikken en het invoerveld in het linkerpaneel te bewerken. Zet je in de [Layout] van de container [Direction] op verticaal en [Gap] op 16px, dan stapelen de drie widgets zich onder elkaar.

Editor van de gratis versie van Elementor met kop-, alinea- en knopwidgets verticaal in een Flexbox-container en het paneel met indelingsinstellingen links
De Flexbox-container en het [Layout]-paneel in de Elementor-editor

Klik je op [Publish], dan staat de pagina met de melding [Your Page is live] meteen online, en in het scherm van bezoekers verschijnt het met Elementor gemaakte gedeelte tussen de header en de footer van het thema.

Bezoekersweergave van een voorbeeldpagina die met de gratis versie van Elementor is gemaakt en gepubliceerd: kop, alinea en knop onder de paginatitel van het thema
Bezoekersweergave van de gepubliceerde voorbeeldpagina

De grote tekst bovenaan de afbeelding is de paginatitel die het thema toont; de kop, de alinea en de knop daaronder zijn de widgets in de Flexbox-container van Elementor.

🧭 Elementor-editorsimulator
WordPress-pluginElementor 4.3.5
방문자 화면
📍 Elementor-editor › Canvas [+] › Flexbox
Klik op [+] in het lege canvas en kies Flexbox.
📍 Elementen › Atomic elementen › Koptekst · Paragraaf · Knop
Klik op een widget in het linkerpaneel of sleep hem naar het canvas. Items met 🔒·👑 zijn alleen voor Elementor Pro, dus klikken toont alleen de upgrademelding.
📍 Widget op het canvas › Bewerkpaneel · Flexbox › Stijl › Lay-out
Klik op een widget om de tekst in het linkerpaneel aan te passen, of op de container om richting en tussenruimte te wijzigen. Velden met 👑 zijn alleen voor Elementor Pro en tonen alleen de upgrademelding.
📍 Rechtsboven in de editor [Publiceren]
Klik je op [Publiceren], dan verschijnt linksonder een melding en komt die versie als nieuwe regel in het tabblad [Revisies] van het paneel Geschiedenis.
📍 Site bekijken
Bezoekers zien het precies zoals je het hebt gemaakt, onder de header van het thema.
Angie✦엘리멘터 예시 페이지 (임시글) ▾새로운 소식🔔
요소
모든 Pro 위젯에 액세스하세요. 지금 업그레이드
재사용 가능한 구성 요소를 생성하세요
사이트 전체에서 일관성을 유지하는 디자인 요소를 만드세요.
전역 위젯을 만나보세요
이 기능을 사용하면 위젯을 전역으로 저장한 다음 여러 영역에 추가할 수 있습니다. 모든 영역을 한 곳에서 편집할 수 있습니다.
해상도전체 ▾
태그▾
태그p ▾
링크
ID
속성
표시 조건
◎로컬 ⋮
표시
방향
컨텐츠 정렬
항목 정렬
간격
감싸기
표시
플렉스 항목
자체 정렬
정렬
플렉스 크기
여백
패딩
넘침 처리
위치▾
Z-index
앵커 오프셋PX
글꼴 패밀리
글꼴 두께▾
글꼴 크기PX
텍스트 정렬
텍스트 색상
오버레이
색상
클리핑▾
테두리 두께PX
테두리 색상
테두리 유형▾
테두리 반지름PX
혼합 모드▾
불투명%
상자 그림자
변환
전환
필터
배경 필터
상호작용을 사용하여 요소에 애니메이션을 적용
페이지 로드나 스크롤 같은 사용자 상호작용에 의해 트리거되는 입장 애니메이션 및 효과 추가.
이력
아직 기록 없음
작업을 시작하면 편집기에서 수행한 모든 작업을 다시 실행/실행 취소할 수 있습니다.
이전 버전을 보려면 리비전 탭으로 전환하세요
페이지 설정
제목✦ AI로 쓰기
상태임시글 ▾
대표 이미지✦
⊕
정렬0
댓글 허용아니요
제목 숨기기아니요
페이지 레이아웃기본 ▾
디자인 시스템⋮
태그
h1 ⋮
Example예제 페이지
엘리멘터 예시 페이지
여기로 위젯 끌어오기
만세! 페이지가 공개되었습니다.
Pro 전용
example.com/…/
Example예제 페이지
엘리멘터 예시 페이지

4️⃣ Verschillen met Elementor Pro: aantal widgets, themabouwer en prijzen

Met de gratis versie kom je tot het bouwen van de pagina-inhoud met meer dan 40 widgets. De themabouwer, waarmee je templates voor de header, footer en berichtenlijsten van de site maakt, en de widgets voor formulieren, pop-ups en e-commerce zitten in Elementor Pro.

OnderdeelGratisEssentialAdvanced SoloAdvancedOne
Jaarprijs$0$60$84$108$180 (verlenging $228)
Aantal sitesGeen licentie1131
Pro-widgets0 (40+ gratis widgets)57858585
Thema bouwer❌✅✅✅✅
Dynamische content❌✅✅✅✅
Formulierbouwer❌✅✅✅✅
Popupbouwer❌❌✅✅✅
Aangepaste code · CSS❌❌✅✅✅
E-commercefuncties❌❌✅✅✅
Cloudopslag voor templates❌10203030
Credits voor AI-generatie · beeldoptimalisatie · toegankelijkheid❌❌❌❌25.000 per maand

De waarden in de tabel zijn op 16 oktober 2026 gecontroleerd op de prijspagina van elementor.com en de pluginpagina op WordPress.org. Terugbetaling is alleen mogelijk bij jaarlijkse betaling en binnen 30 dagen.

Essential bevat de themabouwer en de formulierbouwer, maar niet de popupbouwer, aangepaste CSS en de e-commercefuncties. Sites die een webwinkel of pop-ups nodig hebben, kiezen uiteindelijk voor Advanced Solo of hoger.

5️⃣ Wanneer Elementor niet past: sites waarvoor de blok-editor volstaat

Voor sites waar de tekst belangrijker is dan het paginaontwerp, zoals tekstgerichte blogs, volstaan de blok-editor en een thema. Elementor past bij pagina's waarvan je de indeling zelf moet opbouwen, zoals landingspagina's en bedrijfspresentaties.

De tekst van een pagina die met Elementor is gemaakt, wordt ook als kopie in de WordPress-inhoud opgeslagen, maar de indeling en stijlen maakt de plugin aan. Deactiveer je de plugin, dan blijven de teksten van de kop, de alinea en de knop staan en verdwijnen de containerindeling en de knopkleur, dus bij een pagina die je eenmaal met Elementor hebt gemaakt, houd je de plugin aan.

🔢 FAQ & aanbevolen content

Als je in [Plugins › Plugin toevoegen] op Elementor zoekt, verschijnen ook add-on-plugins die widgets toevoegen. Volgens hun beschrijving biedt Essential Addons for Elementor meer dan 120 widgets (inclusief templates) en ElementsKit meer dan 100. Beide plugins hebben meer dan 1 miljoen actieve installaties. Premium Addons for Elementor heeft meer dan 90 widgets en meer dan 600.000 actieve installaties (gecontroleerd op 19 oktober 2026).

Met de apparaatpictogrammen in de bovenbalk van de editor wissel je tussen de weergave voor desktop, tablet en mobiel. Het canvas wordt smaller tot maximaal 1024px breed voor tablet staand en 767px voor mobiel staand, en in de mobiele weergave verandert het menu in de header van het thema in een ☰-knop. Deze waarden zijn gecontroleerd in de editor van de gratis versie 4.3.5 (21 oktober 2026).

Klik je in de bovenbalk van de editor op het geschiedenispictogram (↺), dan verschijnen acties zoals widgets toevoegen, verplaatsen en verwijderen in het tabblad [Acties] van het paneel [Geschiedenis], de nieuwste bovenaan; klik op een regel om naar die toestand terug te gaan. Om terug te gaan naar een eerder opgeslagen versie, open je het tabblad [Revisies].

ℹ️ Affiliatemelding
De content van deze site bevat affiliatelinks. Koopt een bezoeker via een van deze links een product of dienst, dan ontvangt deze site een commissie van de verkoper. Het bedrag dat de koper betaalt (bij acties gaat het omlaag ↓) wordt daardoor niet hoger. De vermelde prijzen, kortingen en voorraad gelden op het moment van schrijven en kunnen afwijken; controleer ze daarom vóór je aankoop bij de verkoper. Producten worden gekozen en beoordeeld volgens onze eigen criteria, en commissies hebben geen invloed op de volgorde of de inhoud van de beoordelingen.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Laat zien dat je geen machine bent: 3   +   9   =