[et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_padding=”0px||30px||false|false”][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ custom_margin=”||2px|||”]
Divi itself offers about 40 modules by default, plus 16 WooCommerce modules. Divi has always been my favorite page builder, but compared to Elementor Pro and some other premium page builders, I did still miss a few modules and features (like pop-up functionality). Thankfully, I discovered Divi Supreme. a third party plugin that adds 40+ modules to Divi, and adds popup functionality to any Divi module! In this Divi Supreme review, I’ll tell you all about it.
I bought Elegant Themes lifetime membership years ago, and even though Divi added a lot of new features in that time, new modules are very rare. For example, Divi itself still doesn’t have a Flip box module, Facebook and Twitter embeds, Typing effects, Lottie integration etcetera. Thankfully, there are a few third party plugins available that do add that kind of functionality, Divi Supreme being one of the most extensive ones.
Divi Supreme has a free version with about 20 modules, and a pro version that offers over 20 modules more. See which modules are included in the free and pro version.
Since my website is also built with Divi, I installed the Divi Supreme plugin and will show you some of the most useful modules below,
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_class=”grijs” _builder_version=”4.4.9″ min_height=”535px” custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
Divi Popup
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure="1_3,2_3" _builder_version="4.4.9" module_alignment="center" custom_margin="|0px||0px|false|false" custom_padding="0px|0px|5px|0px|false|false"][et_pb_column type="1_3" _builder_version="4.4.8"][et_pb_image src="https://bob25.bobbouwt.nl/wp-content/uploads/divi-popup.jpg" alt="divi popup" title_text="divi popup" _builder_version="4.4.9" custom_margin="-5px||||false|false" dsm_modules_popup="on" dsm_modules_popup_library="12084" dsm_modules_popup_animation_in="rollIn" dsm_modules_popup_animation_out="zoomOut" dsm_modules_popup_position_type="fixed" dsm_modules_popup_width="400px" dsm_modules_overlay_background="rgba(0,0,0,0.7)" dsm_modules_close_icon_color="rgba(0,0,0,0.65)"][/et_pb_image][/et_pb_column][et_pb_column type="2_3" _builder_version="4.4.8"][et_pb_text _builder_version="4.4.9"]
One of the most notable features Divi doesn’t have yet – and most other builders do – is a popup / modal. I’m sure Elegant Themes is working on a native Divi popup module already, but until then, Divi Supreme has got you covered ๐ย
The Pro version of Divi Supreme lets you add popup functionality to any Divi module. If you just want a simple popup, you can use an image, video or iFrame as a popup, but you can also choose any layout, section, row or module you’ve saved in the Divi library as a popup. That way, you can put anything you want in your popup, for example a special offer, your contact details with a Google Map, a newsletter sign up form etcetera.
You can trigger your popup by clicking on a link, image (click on the image on the left for a demo), button or just the entire module, but there are also a few automatic triggers like on page load (you can set a delay), on scroll (again with a time delay setting, but no scroll percentage which I expected) or exit intent.ย
You can also set an overlay or make the popup full width, and even set the popup to fixed position to use it as a cookie consent or something like that. You can show a close button and choose the icon, icon size and color and background color, and even auto close the popup after X seconds.
All and all, Divi Popup is a pretty versatile feature. There is a disadvantage as well though; since the popup is added to a module, it will only show on the page that module is on. However, you can also add the popup to a template you build with the theme builder – like the global header or footer – so it will be on every page.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
Divi Flipbox
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”2_3,1_3″ _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px||0px|false|false”][et_pb_column type=”2_3″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
One of my favorite modules is the Divi Flipbox module. Actually, I discovered the Divi Supreme plugin because I needed flipbox functionality and searched for a plugin to add that functionality to Divi.
All Divi Supreme modules use the native Divi (visual) builder, so the look and feel is the same you’re used to.
Divi Supreme modules also have the same (design) options as the native Divi modules, so you can add things like a shadow, border, filters, transform effects etcetera. You can also tweak most settings for mobile and hover.
When you hover on a flipbox (or click on mobile), it flips over to reveal the content on the other side of it.
The Divi Flipbox module let’s you enter an icon or image, a title text, a subheading text, a button and a main text area on both sides.ย The main text area uses the default text editor, so you can also add images and other media there.
Next to the classic flip effect (you can flip left, right, up or down, with a cool 3D effect if you want), you can also reveal the other side with a slide, zoom or fade effect.
Of course, you can set the background for both sides, and control things like colors and fonts for every part.
I’ve used a flipbox module before in Elementor Pro, but the Divi flipbox is more flexible.
[/et_pb_text][/et_pb_column][et_pb_column type="1_3" _builder_version="4.4.8"][dsm_flipbox flipbox_effect="left" flipbox_height="300px" _builder_version="4.4.9" width="300px" animation_style="bounce"][dsm_flipbox_child title="This is Divi Flipbox" subtitle="See you on the other side :-)" use_icon="on" font_icon="%%32%%" icon_color="#ffe500" button_url="#" button_url_new_window="1" _builder_version="4.4.9" header_text_align="center" header_font_size="20px" subhead_text_align="center" subhead_text_color="#b7b7b7" subhead_font_size="18px" background_color="#ededed" background_enable_color="on" text_orientation="center" module_alignment="center" custom_padding="70px|30px|70px|30px|false|false"][/dsm_flipbox_child][dsm_flipbox_child title="Peek a boo!" subtitle="Cool isn't it?" image="https://bob25.bobbouwt.nl/wp-content/uploads/logo-en.png" alt="Bob The Web Builder" image_max_width="59%" button_url_new_window="1" _builder_version="4.4.9" header_text_align="center" header_font_size="21px" subhead_text_align="center" subhead_text_color="#b7b7b7" subhead_font_size="18px" background_color="#fbf6d3" background_enable_color="on" text_orientation="center" module_alignment="center" custom_padding="20px||||false|false" border_width_all_image="3px" border_style_all_image="none"][/dsm_flipbox_child][/dsm_flipbox][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" module_class="grijs" _builder_version="4.4.9" custom_padding="30px||30px||false|false"][et_pb_row _builder_version="4.4.8" module_alignment="center" custom_margin="|0px||0px|false|false" custom_padding="0px|0px|0px|0px|false|false"][et_pb_column type="4_4" _builder_version="4.4.8"][dsm_text_notation before_text="Divi " notation_text="Text Notation " after_text="aka animated headline" notation_type="circle" notation_color="#ffe500" notation_width="2" notation_iterations="5" notation_delay="1000ms" heading_html_tag="h2" _builder_version="4.4.9" header_font_size="22px"][/dsm_text_notation][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.4.9" module_alignment="center" custom_margin="|0px||0px|false|false" custom_padding="0px|0px||0px|false|false"][et_pb_column type="4_4" _builder_version="4.4.8"][et_pb_text _builder_version="4.4.9"]
The Animated Headline – which is called Text Notation in Divi Supreme – is another Elementor Pro favorite that Divi Supreme finally brings to Divi too. It makes a part of your headline stand out by drawing an animated shape around it, like a circle, square, brackets, strike through and cross off, or highlight it with a background color. Of course, you can set the thickness and color of the shape,ย and you can also set the typography of the animated text as well as the before and after text seperately.ย
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_margin=”||-3px|||” custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][dsm_typing_effect before_typing_effect=”Talking about” typing_effect=”cool | great| amazing” after_typing_effect=”text effects…” _builder_version=”4.4.9″ header_level=”h2″][/dsm_typing_effect][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px||0px|false|false”][et_pb_column type=”1_2″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
How do you like the ones on the right ๐
The first one is called Divi Mask Text, and lets you set a background image with a transparent text on top of it.ย
The second one is an animated gradient text, that keeps changing its color (you can set 4 colors). The Third effect is a glitch text, which makes it look like the screen is broken.
And did you notice the typing effect in the heading? Yup, that’s Divi Supreme as well ๐
There’s also a shuffle letters effect an a text rotation effect.
Of course, you can also set things like font family, font weight etcetera.ย
[/et_pb_text][/et_pb_column][et_pb_column type="1_2" _builder_version="4.4.8"][dsm_mask_text mask_text="MASK TEXT" image="https://bob25.bobbouwt.nl/wp-content/uploads/jumpstory-download20200714-230803.jpg" image_background_position="bottom" _builder_version="4.4.9" header_font="|800|||||||" header_font_size="80px" header_line_height="1.1em" custom_margin="-40px||0px||false|false"][/dsm_mask_text][dsm_animated_gradient_text _builder_version="4.4.9" header_font="|800|||||||" header_font_size="40px" header_line_height="1.1em" custom_margin="-20px||||false|false" custom_padding="0px||||false|false"][/dsm_animated_gradient_text][dsm_glitch_text _builder_version="4.4.9" header_level="h3" header_text_color="#666666" header_font_size="48px"][/dsm_glitch_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" module_class="grijs" _builder_version="4.4.9" custom_padding="30px||30px||false|false"][et_pb_row _builder_version="4.4.8" module_alignment="center" custom_margin="|0px||0px|false|false" custom_padding="0px|0px|0px|0px|false|false"][et_pb_column type="4_4" _builder_version="4.4.8"][et_pb_text _builder_version="4.4.9"]
Image-ine you could do this with Divi…
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure="1_3,1_3,1_3" _builder_version="4.4.9" module_alignment="center" custom_margin="|0px||0px|false|false" custom_padding="0px|0px|3px|0px|false|false"][et_pb_column type="1_3" _builder_version="4.4.8"][dsm_tilt_image src="https://bob25.bobbouwt.nl/wp-content/uploads/jumpstory-download20200714-230803.jpg" alt="Bob The Web Builder" title_text="jumpstory-download20200714-230803" dsm_tilt_scale="1.2" dsm_use_glare="on" dsm_use_parallax="on" use_overlay="on" icon="%%151%%" dsm_overlay_title="Uhm your jaw is on the floor…" dsm_overlay_on_hover="on" _builder_version="4.4.9" header_text_color="#ffffff" custom_margin="-5px||||false|false" custom_padding="0px|||||" header_text_shadow_style="preset2"][/dsm_tilt_image][/et_pb_column][et_pb_column type="1_3" _builder_version="4.4.8"][dsm_before_after_image before_src="https://bob25.bobbouwt.nl/wp-content/uploads/screenshotmanl.jpg" after_src="https://bob25.bobbouwt.nl/wp-content/uploads/screenshotorganic.png" _builder_version="4.4.9" custom_margin="7px||||false|false"][/dsm_before_after_image][/et_pb_column][et_pb_column type="1_3" _builder_version="4.4.8"][dsm_image_hotspots src="https://bob25.bobbouwt.nl/wp-content/uploads/logo-en.png" alt="Bob The Web Builder" title_text="Bob The Web Builder" _builder_version="4.4.9"][dsm_image_hotspots_child font_icon="%%79%%" _builder_version="4.4.9"]Bobs laptop[/dsm_image_hotspots_child][dsm_image_hotspots_child font_icon="%%79%%" left_position="20%" top_position="11%" top_position_tablet="" top_position_phone="" top_position_last_edited="on|desktop" _builder_version="4.4.9"]Bobs Helmet[/dsm_image_hotspots_child][dsm_image_hotspots_child font_icon="%%79%%" left_position="21%" top_position="57%" _builder_version="4.4.9" link_option_url="/" link_option_url_new_window="on"]Bobs name, which links to the homepage in a new tab[/dsm_image_hotspots_child][/dsm_image_hotspots][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.4.9" custom_padding="0px||30px|||"][et_pb_column type="4_4" _builder_version="4.4.9"][et_pb_text _builder_version="4.4.9"]
Divi Supreme doesn’t just come with cool text effects, it’s got your images covered too! Just hover on the first image above and be amazed ๐
The second image above is a before and after image module, which lets you slide between two images.
The third one is an image hotspots module, which lets you add icons on certain parts of your image with a tooltips and link behind them.ย
Divi Supreme also offers a really cool floating images module.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.22″ background_color=”#333333″ custom_padding=”0|0px|0|0px|false|false”][et_pb_row _builder_version=”3.25″][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”https://divisupreme.com/features/ref/39/” url_new_window=”on” button_text=”Discover all Divi Supreme features” _builder_version=”4.4.9″ custom_button=”on” button_text_size=”25px” button_text_color=”#000000″ button_bg_color=”#ffe500″ button_border_width=”0px” button_border_radius=”3px” button_font=”||||||||” button_border_radius_hover=”3px” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”on” button_border_radius__hover=”3px” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
Divi Scheduled Element
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|31px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ dsm_modules_schedule_visibility=”on”]
With Divi Scheduled Element, you can plan when (as in, on which date and time) to show or hide any section, row or module. You can set an end date as well. So when you’re going on a 2 weeks holiday 1 week from now, you can make a notification bar and schedule it to appear on your website in 1 week, and disappear again in 3 weeks. It also has a business hours option, so you could show a notification bar when you’re closed, or run a weekly special in the weekends etcetera. You can even limit the conditions to certain user roles, or logged-in / logged-out users.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_class=”grijs” _builder_version=”4.4.9″ custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
Facebook and Twitter integration
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|29px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]Divi offers a social media follow module, which lets you add buttons to your social media profiles, en the Monarch plugin which lets you add social share buttons on your website.
Divi Supreme extends those with a Facebook Feed and Twitter Timeline module, a Facebook Embed module which lets you embed a single post or video on your page, and Facebook Comments to replace the default WordPress comment section.[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
Divi Lottie module
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure="1_3,2_3" _builder_version="4.4.9" module_alignment="center" custom_margin="|0px||0px|false|false" custom_padding="0px|0px|29px|0px|false|false"][et_pb_column type="1_3" _builder_version="4.4.8"][dsm_lottie lottie_url="https://bob25.bobbouwt.nl/wp-content/uploads/11529-graphic-design.json" _builder_version="4.4.9" width="100%"][/dsm_lottie][/et_pb_column][et_pb_column type="2_3" _builder_version="4.4.8"][et_pb_text _builder_version="4.4.9"]
Lottie is the next big thing in webdesign. In the past years, web designers got hundreds of free fonts with Google Fonts, icons from Font Awesome, images from Unsplash… and now animations from Lottie.
To be honest. you don’t really need this Divi Lottie module to use Lottie files on your website. You can also download Lottie animations as an animated GIF or an MP4 file.
However, with this module you can import a Lottie animation as a JSON file, which is the same file format as Divi’s layouts. That gives you a bit more control over the animation; you can adjust the speed, only play the animation on hover, loop the animation or just play it once, and play the animation the other way around (so start at the end).
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_class=”grijs” _builder_version=”4.4.9″ custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.8″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
Divi Easy Theme Builder
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|31px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ dsm_modules_schedule_visibility=”on”]
When the theme builder launched, it finally became possible to design your own header in Divi. But unfortunately, there are some limitations…
First, we didn’t have a fixed header anymore, but that was solved with the positioning update. Well, for the most part; if you set the header position to fixed, it will lay over the content of your first section. You can fix that by setting a top margin for the first section with the same height as the header, but it can be quite challenging to get that right on all screen sizes. Divi Supreme’s Easy Theme Builder makes it a lot easier by just auto calculating the height of the header and prevent it from overlapping the content.
Another beloved Divi feature that got lost is the shrinking header, but Divi Supreme brings that back as well. You can even set a different logo image for the shrinked header!
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_padding=”40px||30px||false|false”][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ custom_margin=”-19px|||||”]
Divi-de and Conquer
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ custom_margin=”||20px|||”]
Divi has a default divider module, but that’s just a border in different styles. Divi Supremes divider modules let you add an icon, image or text on the left, center or right in your dividers.
[/et_pb_text][dsm_icon_divider use_icon=”on” font_icon=”%%30%%” icon_color=”#ffe500″ use_icon_font_size=”on” icon_font_size=”52px” divider_style=”double” divider_weight=”7px” _builder_version=”4.4.9″ custom_margin=”||-1px|0px|false|false” custom_padding=”0px|0px||0px|false|false”][/dsm_icon_divider][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_class=”grijs” _builder_version=”4.4.9″ custom_padding=”30px||30px||false|false”][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ custom_margin=”-19px|||||”]
Pricing
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|18px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
At the moment of writing, a single site licence for Divi Supreme costs $40 with one year of updates and support. For $79, you can use Divi Supreme on as many sites as you want.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.22″ background_color=”#333333″ custom_padding=”0|0px|0|0px|false|false”][et_pb_row _builder_version=”3.25″][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”https://divisupreme.com/pricing/ref/39/” url_new_window=”on” button_text=”Buy Divi Supreme” _builder_version=”4.4.9″ custom_button=”on” button_text_size=”25px” button_text_color=”#000000″ button_bg_color=”#ffe500″ button_border_width=”0px” button_border_radius=”3px” button_font=”||||||||” animation_style=”bounce” animation_duration=”1500ms” animation_starting_opacity=”46%” button_border_radius_hover=”3px” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”on” button_border_radius__hover=”3px” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.9″ custom_padding=”29px||30px||false|false”][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″ custom_margin=”-19px|||||”]
Conclusion
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.9″ module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”0px|0px|18px|0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.9″]
In my opinion, Divi Supreme offers a LOT of value and fills a lot of gaps Divi has compared to Elementor Pro and other competitors. It’s updated with new modules and enhancements very regularly, so it keeps adding value – just like Divi itself. Some things – like a popup builder and a shrink header option – will probably come to Divi eventually, but I don’t expect things like a flipbox module, text effects and image effects modules to be added by Elegant Themes anytime soon. So if you want those kind of features, you’ll need a plugin like this.
The modules I reviewed in this article are just a selection; as I said before, Divi Supreme comes with over 40 modules. You can see all modules with a demo here.
The pricing is just under Elegant Themes own prices, which may seem a bit steep since this is an add-on for Divi. However, keep in mind that Divi Supreme also doubles the amount of modules in Divi, and adds some cool features like pop-up, scheduled elements and – coming soon – Mega Menu. If you ask me, Divi Supreme is absolutely worth it’s money!
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="3.22" background_image="https://bob25.bobbouwt.nl/wp-content/uploads/webdesign-gl-l-1.jpg" parallax="on" parallax_method="off" custom_padding="60px|0px|60px|0px"][et_pb_row column_structure="1_3,2_3" _builder_version="3.25" background_color="rgba(255,255,255,0.9)" background_size="initial" background_position="top_left" background_repeat="repeat" custom_padding="20px|20px|20px|20px" border_radii="on|5px|5px|5px|5px"][et_pb_column type="1_3" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_image src="https://bob25.bobbouwt.nl/wp-content/uploads/logo-blog.png" align_tablet="center" align_phone="" align_last_edited="on|desktop" _builder_version="3.23"][/et_pb_image][/et_pb_column][et_pb_column type="2_3" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_text _builder_version="3.27.4"]
Need help with your Divi website?
This article is written by Bob the web builder, an allround website expert who blogs regularly about all kinds of subject to help you build your website. Do you need help with your Divi website?
Hire Bob to build your website or improve your existing website.ย
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”doneer” _builder_version=”3.22″ background_color=”rgba(86,247,0,0.19)” custom_padding=”0px|0px|30px|0px|false|false” border_width_all=”1px” border_color_all=”rgba(0,153,0,0.41)” border_style_all=”dotted”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”3.25″ custom_padding=”30px|0px|0px|0px”][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.9″]This article contains affiliate links. That means I get a compensation when you buy Divi Supreme via a link on this page. The price you pay is still the same so it won’t cost you anything, but it will help me to help you with these kind of free articles. So if you’re going to buy Divi Supreme, I would really appreciate it if you use this link ๐
Are you going to use the free version of Divi Supreme, but still want to help me out? Then I would really appreciate it if you would make a small, one time donation via the button on the right :-)[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.9″][doneren_met_mollie]
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]
Leave a Reply