Divi biedt standaard ongeveer 40 modules, plus 16 WooCommerce-modules. Divi is altijd al mijn favoriete page builder geweest, maar vergeleken met Elementor Pro en enkele andere premium page builders missen er nog wel wat dingen. Zo heeft Divi nog steeds geen popup feature, flipbox module, Facebook en Twitter tijdlijn modules, teksteffecten, Lottie integratie enzovoorts. En hoewel er regelmatig interessante nieuwe features worden toegevoegd aan Divi zijn nieuwe modules erg zeldzaam.
Gelukkig zijn er wel enkele plugins van derden die dit soort functionaliteiten toevoegen, waarvan Divi Supreme één van de meest uitgebreide is. Divi Supreme voegt meer dan 40 modules toe aan Divi, en andere interessante features zoals popup functionaliteit en scheduled elements. In deze Divi Supreme review vertel ik je er alles over!
Divi Supreme heeft een gratis versie met zo’n 20 modules en een pro-versie die nog eens dik 20 modules toevoegt. Bekijk welke modules zijn inbegrepen in de gratis en pro-versie
Aangezien mijn website ook met Divi is gebouwd heb ik de Divi Supreme plugin geïnstalleerd en zal ik hieronder enkele van de beste modules demonstreren.
Divi Popup
Een van de meest opvallende features die bij Divi vooralsnog ontbreekt – en die de meeste andere premium page builders al wel hebben – is een popup builder. Elegant Themes werkt ongetwijfeld al aan een eigen popup builder, maar tot die tijd kun je bij Divi Supreme terecht.
De pro versie van Divi Supreme voegt popup functionaliteit toe aan elke Divi module. Je kunt een afbeelding, video of iframe als popup instellen, maar het meest interessante is dat je ook elk element dat je in de Divi bibliotheek hebt opgeslagen kunt toevoegen als popup!
Je kunt dus een sectie, rij, module of complete pagina layout ontwerpen in de Divi builder en opslaan in de bibliotheek, en deze vervolgens als popup gebruiken. Denk bijvoorbeeld aan een speciale aanbieding, je contactgegevens met een Google Maps kaart, een inschrijfformulier voor je nieuwsbrief enzovoorts.
Je kunt de popup openen door te klikken op een link, afbeelding, knop of gewoon de hele module, maar er zijn ook enkele automatische triggers; zo kun je de popup openen na het laden van de pagina (je kunt zelf instellen na hoeveel seconden), wanneer de gebruiker scrollt, of bij exit intent (dus als de gebruiker het tabblad wil sluiten).
Je kunt de popup ook fullwidth maken, en je kunt ‘m zelfs een fixed positie geven zodat je hem kunt gebruiken als cookie melding ofzo.
De Divi Popup functionaliteit is dus behoorlijk veelzijdig, maar heeft wel een nadeel; doordat de popup wordt toegevoegd aan een module wordt deze alleen getoond op de pagina waarop die module staat. Je kunt de popup echter ook toevoegen aan een Theme Builder template – bijvoorbeeld aan de global header of footer – waardoor de popup wel op iedere pagina verschijnt.
Divi Flipbox
Eén van mijn favoriete Divi Supreme modules is Divi Flipbox. Sterker nog, ik heb Divi Supreme juist ontdekt omdat ik een flipbox nodig had en op zoek was naar een plugin die dat kon toevoegen aan Divi.
All Divi Supreme modules gebruiken de standaard Visual Builder van Divi zelf, dus alles werkt hetzelfde als je gewend bent. Ook de opties in het ontwerp tabblad zijn hetzelfde, dus je kunt ook aan iedere Divi Supreme module dingen als schaduw, randen, filters, transformatie effecten, animaties enzovoorts toevoegen. Uiteraard kun je de meeste dingen ook apart instellen voor tablet, mobiel en hover.
Als je met de muis over een flipbox heen gaat, of erop klikt op mobiel, “flipt” hij naar de andere zijde. Ga maar eens met je muis over de afbeelding hiernaast om te zien wat ik bedoel. Je kunt aan beide zijden een icoon of afbeelding, een titel tekst, een subtitel tekst, een knop toevoegen. Ook hebben beiden zijden een tekstverwerker, waardoor je ook grotere stukken tekst kunt toevoegen, alsmede extra afbeeldingen en andere media.
Naast het klassieke flip effect (je kunt naar links, rechts, boven en onder flippen, met een cool 3D effect als je wilt) kun je ook kiezen voor een slide, zoom of fade effect.
Uiteraard kun je ook de achtergrond instellen voor beide zijden, evenals dingen als kleuren en lettertypes voor ieder onderdeel. Ik heb de flipbox module van Elementor Pro eerder al eens gebruikt, maar deze Divi flipbox is flexibeler.
De Animated Headline – in Divi Supreme “Text Notation” genoemd – is nog zo’n Elementor Pro favoriet die door Divi Supreme eindelijk ook in Divi beschikbaar is.
Deze module laat (een gedeelte van) je koptekst extra opvallen door er een geanimeerde vorm omheen te tekenen, zoals een cirkel / ovaal, een vierkant of haken. Je kunt ook een achtergrondkleur toevoegen (alsof je een markeerstift gebruikt) of een streep of kruis door de tekst zetten.
Uiteraard kun je dingen als de dikte en kleur van de vorm instellen, evenals de typografie van de geanimeerde tekst, maar ook apart voor de tekst die ervoor of erna staat.
Andere coole teksteffecten zijn o.a. “Divi Mask Tekst”, waarmee je een doorzichtige tekst over een achtergrondafbeelding kunt plaatsen, Animated Gradient Text, waarmee je de tekst continu kunt laten verkleuren, een “glitch” effect, waardoor het lijkt alsof het scherm kapot is, of diverse type effecten.
Uiteraard kun je bij al deze effecten dingen als de font family en grootte instellen.
Beeld je eens in dat je dit soort dingen met Divi zou kunnen…
Divi Supreme heeft niet alleen een aantal gave tekst effecten aan boord, ook aan je afbeeldingen is gedacht. Zo zijn er coole 3D hover effecten, een voor/na module, een hotspot module, een floating images module enzovoorts.
Divi Scheduled Element
Met Divi Scheduled Element kun je inplannen wanneer – als in op welke datum en tijd – je een bepaalde sectie, rij of module zichtbaar wilt maken op je website. Je kunt ook een einddatum instellen, dus als je over een week op vakantie gaat voor 2 weken kun je vandaag al een balk ontwerpen waarin je aangeeft dat je op vakantie bent, en vervolgens instellen dat deze balk pas over 1 week getoond wordt op je site, en over 3 weken weer verdwijnt.
Er zit ook een functie in waarmee je een element alleen tijdens – of juist buiten – je openingstijden kunt tonen, en je kunt dit alles zelfs instellen per user role.
Facebook and Twitter integratie
Divi heeft standaard al een module waarmee je social media volgknoppen kunt tonen, en met de Monarch plugin van Elegant Themes kun je ook deelknoppen toevoegen op je site. Divi Supreme breidt je social media arsenaal uit met een Facebook Feed en Twitter Tijdlijn module, een Facebook Embed module waarmee je een enkele post of video kunt insluiten op je pagina, en Facebook Comments waarmee je de standaard reactie mogelijkheid van WordPress kunt vervangen.
Divi Lottie module
Lottie is de nieuwste trend in webdesign. In de afgelopen jaren kregen webdesigners de beschikking over honderden gratis fonts met Google Fonts, icoontjes met Font Awesome, afbeeldingen van Unsplash… en nu animaties met Lottie.
Je hebt deze module niet perse nodig om Lottie bestanden te gebruiken op je website, je kunt deze namelijk ook downloaden als GIF of MP4 bestand. Maar met de Divi Lottie module kun je een Lottie animatie downloaden als JSON bestand, waarmee je ook de snelheid kunt instellen, de animatie kunt loopen, deze alleen kunt afspelen bij mouse over, of achterstevoren kunt afspelen.
Divi Easy Theme Builder
Met de lancering van de Divi Theme Builder werd het eindelijk mogelijk om je eigen header in Divi te ontwerpen. Helaas heeft dat wel wat beperkingen…
Ten eerste kon je de header niet meer als fixed instellen (waardoor deze altijd bovenaan blijft staan als je scrollt), maar dat probleem werd opgelost met de “positioning” update.
Nou ja, gedeeltelijk, want als je de header als fixed instelt bedekt deze een gedeelte van de content van de eerste sectie. Dat kun je wel oplossen door een marge op de eerste sectie te zetten, maar dat is een flinke uitdaging om dat op alle schermresoluties netjes te krijgen.
Divi Supreme’s Easy Theme Builder maakt dit een stuk makkelijker door de hoogte van de header te berekenen en te voorkomen dat deze de content van de eerste sectie bedekt.
Een andere geliefde Divi feature die verloren is gegaan is de “shrinking header”, die ervoor zorgde dat je header en logo kleiner werden als de gebruiker scrollt. Divi Supreme brengt die feature ook weer terug, waarbij je zelf de padding kunt instellen (dus hoe hoog de header wordt) en je kunt zelfs een ander logo instellen voor de verkleinde header!
Divi-de and Conquer
Divi heeft een standaard divider module, maar daarmee kun je alleen een lijn in verschillende stijlen instellen. Divi Supreme voegt daar een nieuwe divider module aan toe, waarmee je de lijn kunt onderbreken met tekst, een afbeelding of een icoon. Dit kun je links, rechts of in het midden uitlijnen.
Prijzen
Op het moment van schrijven kost een Divi Supreme licentie voor 1 website $ 40 inclusief 1 jaar updates en support. Voor $ 79 per jaar kun je Divi Supreme op een onbeperkt aantal websites gebruiken.
Conclusie
Naar mijn mening biedt Divi Supreme zeer veel toegevoegde waarde, en dicht ook flink wat gaten die Divi heeft ten opzichte van Elementor Pro en andere concurrenten.
Daarnaast zijn er zeer regelmatig updates die nieuwe modules en verbeteringen toevoegen, dus je krijgt steeds meer waar voor je geld – net als bij Divi zelf.
Sommige dingen – zoals een popup builder en een shrink header optie – komen uiteindelijk hoogstwaarschijnlijk ook wel in Divi zelf, maar ik verwacht niet dat er op korte termijn nieuwe modules zoals een flipbox, tekst effecten en afbeeldingseffecten zullen worden toegevoegd door Elegant Themes. Als je dit soort features wilt heb je echt een plugin zoals deze nodig.
De modules die ik heb behandeld in dit artikel zijn nog maar het topje van de ijsberg; zoals ik al zei bevat Divi Supreme nu al meer dan 40 modules. Bekijk alle modules met demo hier.
Geef een reactie