Voor het bouwen van websites in opdracht van klanten gebruiken we vaak WordPress in combinatie met page builders, waardoor het eenvoudig is om moderne, responsieve websites te prototypen en te ontwikkelen. Binnen WordPress is het beheren van content eenvoudig gemaakt. Maar met page builders als Divi en Elementor kun je eenvoudig en snel pagina’s ontwerpen en bouwen die passen bij vrijwel elk ontwerp. En het is ook eenvoudig om wijzigingen aan te brengen. Onze ervaringen met deze twee page builders lees je in deze blog.
Divi en Elementor
Divi en Elementor zijn beide page builders en hebben veel overeenkomsten. Ze hebben echter verschillende sterke en zwakke punten. Divi biedt bijvoorbeeld veel functies die het ideaal maken voor het bouwen van websites aan de achterkant. Hun front-end bewerking is echter minder geavanceerd en relatief instabiel in vergelijking met hun back-end functies. Anderzijds richt Elementor zich uitsluitend op het bouwen van sites aan de voorkant – zij bieden geen back-end tools. De volgende tabel geeft een aantal vergelijkingen tussen Divi en Elementor:
| Divi | Elementor | |
| Prijs | Onbeperkt websites $89/jaar Onbeperkt websites $249/one-time | 1 website $49/jaar 25 websites $199/jaar 1000 websites $999/jaar |
| Gebruiksvriendelijkheid | 5/5 | 5/5 |
| Drag en drop builder | 5/5 | 4/5 |
| Content modules | 90+ | 46+ |
| Community | 5/5 | 4,8/5 |
| Support | 5 | 5 |
| Theme support | Werkt met ieder thema. (Het beste met Hello starter thema) | Heeft een eigen thema en werkt ook met andere thema’s |
| Templates | 300+ Website templates 90+ Pre-made templates | 100+ Website templates 800+ Pre-made templates |
Als u de prijzen bekijkt, zult u zien dat als u een page builder wilt gebruiken voor een enkele site, Elementor de goedkoopste optie is. Voor meerdere websites zou het goedkoper zijn om Divi te kopen, vooral als u de levenslange licentie kiest. Het is echter mogelijk dat u voor sommige extra functies met Divi moet betalen. Als u voor Elementor kiest, is alles in de prijs inbegrepen.
Onze ervaring met Divi
Wij gebruiken Divi al enkele jaren en zijn erg blij met het gemak van het bouwen van een website en de mogelijkheid om aangepaste codes en scripts te implementeren. We werken echter liever met Divi in de back-end, omdat de kans op het maken van verkeerde keuzes in de front-end groter is, en de interface niet zo betrouwbaar is.
Divi is een goed onderhouden thema, met regelmatige updates die nieuwe functies en module-opties toevoegen. Bovendien kunt u veelgebruikte blokken (pagina’s, secties, rijen en modules) gemakkelijk toevoegen aan de Divi-bibliotheek. U kunt ook lay-outsjablonen gebruiken en deze toewijzen aan pagina’s op basis van paginalay-out, naam, categorieën en tags. Hoewel Divi gemakkelijk te gebruiken is, komt er bij het maken van een website veel meer kijken dan alleen het bouwen van een webpagina met de beschikbare modules als legoblokjes. Je moet bijvoorbeeld nog steeds een consistent en gebruiksvriendelijk ontwerp maken (voor desktop, tablet en mobiel) en zorgvuldig nadenken over de structuur, navigatie en inhoud. En natuurlijk moet de website ook zo gebouwd worden dat zoekmachines de site gemakkelijk kunnen vinden. Bovendien moet je ervoor zorgen dat de website een goede performance levert, want Google straft trage sites af. Divi genereert veel code, dus optimalisatie is bijna altijd noodzakelijk.
Divi biedt zoveel mogelijkheden voor het stylen van modules, kolommen, rijen en secties dat er binnen het bedrijf een huisstijlreglement nodig is, zodat iedere collega weet waar en wat hij in de back-end moet aanpassen.
Onze ervaring met Elementor
Patrick van Bennekom heeft Elementor onlangs geïntroduceerd binnen ons bedrijf en heeft het gebruikt voor verschillende websites, waaronder DilemmaMatch. Tot nu toe hebben we geen problemen ondervonden. Wanneer je Elementor gebruikt, maak je websites met behulp van een zogenaamde front-end visuele editor. Met hun “drag and drop” page builder sleept u ontwerp elementen zoals tekstblokken, afbeeldingen en contactformulieren naar de huidige pagina en geeft u ze een stijl. U gebruikt dezelfde interface om meer geavanceerde componenten toe te voegen, zoals sliders, tabbladen, Google Maps en een testimonial carrousel. Nogmaals, het is essentieel om een goed ontwerp te hebben voordat u de website pagina’s gaat bouwen. Er zijn veel opties beschikbaar om deze elementen aan te passen aan het ontwerp. Elementor heeft alle tools die je nodig hebt om de websites responsive te maken. Zodra u met Elementor een webpagina hebt gebouwd voor desktop, kunt u met één druk op de knop overschakelen naar tablet of mobiel om de pagina in de nieuwe lay-out verder aan te passen, zodat deze er ook op alle platforms goed uitziet. Uit onze tests blijkt dat Elementor kleinere pagina’s maakt dan Divi (dat wil zeggen: minder code), waardoor het een licht voordeel heeft ten opzichte van Divi.
Conclusie
Elke ontwerper heeft zijn eigen voorkeuren. Sommigen bouwen graag pagina’s in de back-end, omdat ze het gevoel hebben meer controle te hebben over hun code. Andere collega’s werken liever in de front-end omdat ze dan meer controle hebben over het ontwerp, en eventuele wijzigingen meteen zichtbaar zijn. Onze ontwerpers kunnen goed overweg met beide paginabouwers, je hoeft dus niet bang te zijn dat jouw aanpassingen blijven liggen!
Als u op zoek bent naar een nieuwe website, neem dan contact met ons op. Wij kunnen u helpen bij het maken van een keuze voor de page builder die het best geschikt is voor jou.
