Divi Supreme Plugin Review

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.I Have A Special Discount For You

Get 10% Off With Coupon Code MH10

TRY DIVI SUPREME

Table of Contents

Divi Supreme Modules

Divi Supreme add 42 new modules to the Divi Builder. Let’s look at a few of them.

Divi Supreme Modules

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.

Animated Gradient Text

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.

Before After Image Slider

Business Hours

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.

Business Hours

Supreme Button

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

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.

Supreme Card Module

This one uses the Inline layout. I’ve placed the image on the left and moved the badge to the bottom left.

Supreme Card Inline Layout

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.

Supreme Card Image on the right

Card Carousel

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.

Card Carousel

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.

Dual Heading Text

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 Google Map

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.

Embedded Twitter Timeline

Facebook Comments

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.

Facebook Comments

Icon Divider

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.

Icon Divider

Image Hotspot

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.

Image Hotspot

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.

Floating Multiple Images

Mask Text

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.

Mask Text

Shapes

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.

Shapes

Tilt Image

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.

Tilt Image

Divi Extensions

Divi Supreme includes 7 extensions that you can enable in the plugin’s settings. Let’s look at a few of them.

Divi Extensions

Scheduled Element

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.

Scheduled Element

Divi Popup

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 Popup

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.

Divi Library Widget

Read More

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.

Read More

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.

Divi Library Shortcodes

Menu Settings

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.

Easy Theme Builder

Social Media

Social Media settings include the Facebook API and a box that allows Divi modules to use your WordPress site language.

Social Media

Misc

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.

Misc settings

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

TRY DIVI SUPREME

Divi Supreme Price

Ending Thoughts

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.