Divi Supreme is a third-party plugin for Divi that adds lots of new modules and features to the Divi Builder and the theme in general. In this plugin review, we’ll take a look at Divi Supreme and see what it can do to help you decide if it’s the right plugin for your Divi website.
Table of Contents
- 1 Divi Supreme Modules
- 1.0.1 Animated Gradient Text
- 1.0.2 Before/After Image Slider
- 1.0.3 Business Hours
- 1.0.4 Supreme Button
- 1.0.5 Supreme Card
- 1.0.6 Card Carousel
- 1.0.7 Dual Heading Text
- 1.0.8 Embedded Google Map
- 1.0.9 Embedded Twitter Timeline
- 1.10 Facebook Comments
- 1.11 Icon Divider
- 1.12 Image Hotspot
- 1.13 Floating Multiple Images
- 1.14 Mask Text
- 1.15 Shapes
- 1.16 Tilt Images
- 1.17 Divi Extensions
- 1.18 Scheduled Element
- 1.19 Divi Popup
- 1.20 Divi Library Widget
- 1.21 Read More
- 1.22 Divi Library Shortcodes
- 2 Menu Settings
- 3 Divi Supreme Price
- 4 Ending Thoughts
Divi Supreme Modules
Divi Supreme add 42 new modules to the Divi Builder. Let’s look at a few of them.
Animated Gradient Text
Animated Gradient Text applies a gradient to text. Choose the styles, create gradients with multiple colors, and adjust the direction and speed of the animation. In this example, I’ve increased the size of the font, added padding, and added a box shadow.
Before/After Image Slider
The Before and After Image Slider lets you add two images, a before and after, and includes a slider to compare them. It also adds labels and an overlay on hover. You can customize the labels, overlay, and handle slider. This is great for comparing photos, graphics, etc.
Business Hours includes sub-modules for each day with fields for the day and time. Adjust the design of each individually or the entire module. Adjust the styling for the day, time, and the separator between them. I’ve added four days and increased the size, width, and height of the days, the color and size of the hours, and added a dashed line with a custom color.
Supreme Button provides two different buttons in the same module with individual controls and extras. Adjust the text, alignment, background, lightbox, separator text, and tooltip text. I’ve adjusted both buttons in this example and added separator text.
Supreme Card works like a blurb, but with a lot more control over every element. Adjust the image size and location, choose between two different layouts, and adjust the badge, button, text, and a lot more. I’ve only adjusted the badge colors in this example.
This one uses the Inline layout. I’ve placed the image on the left and moved the badge to the bottom left.
This one places the image on the right. I’ve adjusted the image height, added a custom badge position, and adjusted the font size and background color of the badge.
The Card Carousel works the same as the Supreme Card, but it adds multiple sub-cards that display as a carousel with slider navigation. You have control over the cards and carousel settings. I’ve added three cards to this example with different images for each. I’ve adjusted the badge for one card.
Dual Heading Text
Dual Heading Text includes three different sets of text: Before, Middle, and After. You have control over each one. In this example, I’ve increased the size of the main text (which controls all of the text together). The Before text is semi-bold. I gave the Middle text a box shadow and made the After text smaller and changed its color. You can make them inline (like in this example) or stack any of the three.
Embedded Google Map
Embedded Google Map is a simple map that doesn’t require a Google API. Just enter the address and adjust your zoom.
Embedded Twitter Timeline
Embedded Twitter Timeline displays a Twitter feed. You can embed any feed and you can limit the number of tweets, choose a light or dark theme, show the header, footer, border, scrollbar, and remove the background color. You can adjust it with the standard design settings. These are the default settings.
Facebook Comments can replace your standard WordPress comments. This provides comment sorting, marking as spam, reporting to Facebook, etc. Users need a Facebook account to comment, which can provide increased security. Enter a Facebook App ID, page URL, limited the number of posts, choose between light and dark colors, and the sorting order. You can also adjust it with normal design settings. These are the default settings.
Icon Divider adds divider lines around an icon or an image. Adjust the image and icon size, color, alignment with the divider, etc. You can also adjust the divider’s color, weight, the position with the icon or image, and more. For this example, I’ve added an icon and adjusted its size and color, and increased the weight of the divider so it stands out.
Image Hotpot lets you place icons or text within your images with tooltips that open on hover or click. Adjust the colors, text, icons, animations, etc. This is great for product images to provide information. Add as many as you want and customize them individually.
Floating Multiple Images
Floating Multiple Images lets you add any number of images with settings for each one. The images float over each other. It doesn’t provide control over the floating, so you can’t change the speed or direction. It does include all of the standard module settings, so you can adjust the size of the module’s area, add borders, etc.
Mask Text is one of my favorite modules. Enter the text you want to display and make all of the standard text adjustments and add an image. The text displays as a cutout and reveals the image behind it. All of the standard image controls are here. I’m using the supplied text and changed the size, made it all-caps, selected ultra bold, and added a text shadow.
Shapes can display one of 17 shapes in any size and color you want. Choose the shape, set the size, add a border, shadow, etc. These are great for adding interesting background elements.
Tilt Image lets you place an image that will tilt on hover based on the location of the mouse cursor. Adjust the tilt settings, add a 3D pop-out effect, create an overlay with media and an icon, and adjust each element with the style settings. I’ve added an image with glare, 3D, and an overlay with an icon, heading, and body text.
Divi Supreme includes 7 extensions that you can enable in the plugin’s settings. Let’s look at a few of them.
Scheduled Element adds a new option in the Advanced settings of sections, columns, rows, and modules under the Visibility tab. Here, you can have the element to show or hide based on the date that you choose. Select between certain times, business times, and choose which users it applies to.
Divi Popup is a setting that’s added to Divi modules in the Advanced tab. Select a popup type, which can be a layout from your Divi Library, iFrame, image, or video, and then choose the layout and add a trigger. The trigger can be a click, page load, scroll, or exit intent. Also choose how it closes, the exit animation, position, width, overlay, and close button styles. Opening on load lets you use it as a cookie consent. You can set the cookie expiration, time delay, and lots more. This is a powerful popup tool.
Divi Library Widget
Divi Library Widget adds a widget that will display any layout from your Divi library. This is especially good for small layouts that you’ve designed for your sidebars.
Read More adds a new setting to the Advanced tab of text, blurb, blog, and call to action modules. The setting adds Read More and Close links and lets you set the collapsed height, enter the text, adjust the font, add a shadow, and add custom CSS.
Divi Library Shortcodes
Divi Library Shortcodes adds a new column to your Divi library with a shortcode. You can copy and paste this shortcode to display the layout within Divi modules and your PHP code.
Along with the Divi Extensions, the settings menu also includes a few other features.
Easy Theme Builder
Easy Theme Builder lets you enable and configure settings for the Divi Theme Builder. It includes settings to fix the header, push the body down, shrink on scroll, and shrink padding, images by a certain percentage, threshold, and the logo.
Social Media settings include the Facebook API and a box that allows Divi modules to use your WordPress site language.
Misc lets you remove data on uninstall, allow for JSON file uploads, change the Divi Supreme Pro menu name, and specify an image for the menu icon.
Divi Supreme Price
Divi Supreme has three pricing options:
- Personal= $40 for 1 site and 1 year of support and updates.
- Professional= $79 for unlimited sites 1 year of support and updates.
- Agency= $199 for unlimited sites, support, and updates.
I Have A Special Discount For You
Get 10% Off With Coupon Code MH10
Divi Supreme is an impressive plugin. It’s easy to use and it’s filled with features that add lots of design options that are normally only available by adding code. Divi Supreme makes these features easy to add, plus the fact that most are Divi modules means that you can easily style them to fit your website. If you’re interested in adding lots of new features to your Divi website, Divi Supreme is worth a look.
Have you tried Divi Supreme? Let us know what you think about it in the comments.