Divi Supreme is a third-party plug-in that adds many new features and modules to Divi. It adds 25 modules, 5 extensions, and a widget to considerably expand the possibilities already offered by Divi. The modules and the widget are also compatible with Extra. In this article, we’re going to take a look at Divi Supreme, see what it can do, and see how easy it is to use.
Divi Supreme Extensions
The General Settings tab contains five switches where you can enable extensions that add new functionality to Divi. They include the ability to schedule content, use a Divi template, open a pop-up, read more content, and add library shortcodes.
Scheduled content
Scheduled content adds a new option in the Advanced tab of sections, lines, and modules where you can show or hide and choose the date and time.
Templates
Templates add a new option to the Divi theme options for the integration of the post type. This allows you to create your top header, footer, and 404 page with Visual Builder.
A new menu item called Templates is added to the Divi Supreme menu. Here it displays your template list and provides a button to create a new template. It also gives a message to re-register your permalinks. It’s not nice to have to do this, but at least you have a notification that keeps you in the loop.
The template is a new custom post type with a drop-down list where you can assign the template. You can also remove the default footer and display the template on the Divi blank page template.
Appear
Supreme Popup adds a pop-up option to modules. Choose the popup type, library layout, trigger, entry and exit animations, background color, show the close button, then choose the color and icon for the close button. It has 7 triggers, including exit intent, a customizable delay, and a custom cookie.
Read more content
The Read More Content feature is added to some modules to help you hide some of their content and reveal it when a link is clicked. You can show the button on mobile only, set the height reduced, enter text to read and close, style the font, and add custom CSS to the link.
Short Codes Library
The Shortcode library adds a column to your Divi library with a shortcode for each layout. You can use these shortcodes to add your Divi layouts to your Divi modules or your theme’s PHP files.
Miscellaneous tab
The Miscellaneous tab contains an option to delete all Divi Supreme data if you delete the plug-in.
Divi Library Widget
The Library widget adds a new widget that can display all the Divi layouts in your library. This is handy if you want to create layouts, especially for your sidebars and footers.
Even More Module
Divi Supreme adds 25 new modules to Divi Builder. They contain all the features expected of a Divi module. Let’s take a closer look.
Divi Supreme Social Media Modules
The Twitter and Facebook pods display the Twitter timeline, Facebook comments, and Facebook feeds. These are the default feeds, but you can change them. We changed the color scheme of Facebook comments to black and set the background to black.
Divi Supreme Text Modules
Here is an overview of 6 different text modules. They include Text Separator, Gradient Text, Typing, Shuffle Letters, Glitch Text, and Text Badges. The separator text offers several styles. You can adjust the duration, colors, etc. of almost all text modules.
Example of an image module
Here are the 6 image modules. They include visual hover, text reveal (which displays hover text), tilt, image (with tilt and tilt controls), carousel, and floating images. The hover and text mods both reveal different content on hover.
Other Complementary Modules
Other modules include office hours, star rating (choose rating scale, display type, star size, etc.), menu (you choose the navigation menu and choose from multiple styles List), Google Map, Button, Flipbox, Divider Icon, etc. Pricelist. The card is easy to use. Just enter the address and choose the zoom level. It does not require an API key. These are especially useful for businesses such as restaurants.
Divi Supreme examples
For this example, we used the Coffee Shop layout and replaced one of the menu items with Divi Supreme modules, including an image, text separator, price list, and star rating. We designed them to fit into the design.
For this one, we created a food menu with just a Divi Supreme Price List module. Each item is its submodule and it displays them in a list. we have adjusted the colors and sizes of the pictures, titles, descriptions, separators, and prices. We adjust the images to the left of the price list. It’s a great way to create food menus.
For this one, we replaced the images with a Divi Supreme Image carousel. we removed the space between the images to touch each other, added a background to the arrows, and increased the size of the arrows. I placed them inside the pictures, we changed the colors and the size.
We have also included point navigation. we replaced the text modules showing hours and contact information with opening hours modules and adapted them to the presentation. It’s not limited to days and times, so it works for any type of text. We also added a Google map at the bottom, just because. This helps to complete the contact information.
This example uses the Input module to add a new text box. we have also replaced the overlaid image with the Divi Supreme Image module and added the Rotation Y effect. we have included the overlap of the original image.
We added a header and footer using the Templates extension to create a custom global header and footer that automatically appear on every page and post. The header and footer are elements of the library layout. we replaced the menu and the footer with these layouts.
For this one, we’ve added the Read More link so that it can display a lot more text, but only display it when the user wants to see it. These are the default settings for color and size, but we set the height to 144 pixels.
Divi Supreme documentation and support
Documentation is provided on the publisher’s website. There is a link to this page in the plugin settings. It includes a getting started guide that tells you how to install and use the plug-in. It’s not exhaustive, but the tools are easy to use, so it’s not necessary. Support is provided via a Facebook group and via email using the contact button on the settings screen.
Read more: How to design self-adhesive bars for product pages on Divi’s Woo modules
Supreme Divi Award
There are two purchase options for Divi Supreme:
- 1 site – $ 18
- Unlimited sites – $ 59
Both options include 1 year of support and updates, a 40% renewal discount, and 6 extensions.
To finish
Divi Supreme has many useful modules and features. we’ve found every feature we’ve tried to be intuitive. It is easy to see the potential of these add-ons and extensions. We have barely touched on all the possible features of Divi Supreme. We haven’t even covered shortcodes that would add Divi layouts to other mods, context menu, planner, or even all mods.
For website maintenance service contact us.