Divi Product Highlight: Divi Supreme Pro

by | Jun 2, 2024 | Etcetera | 0 comments

Divi Supreme Pro is a strong third-party plugin advanced by way of Divi Perfect that expands the functions of Divi web sites. With over 60 top rate modules and 8 extensions, it gives a complete suite of gear to simplify web page construction with out coding experience.

A screenshot of Divi Supreme Pro's listing on Divi Marketplace

Relied on by way of many Divi customers, this cost-effective answer delivers blank code, surprising animations, and complicated design keep an eye on. On this spotlight, we will be able to pass over the plugin, its options, and extra. Let’s get began!

What You Get With Divi Perfect Professional

Divi Perfect Professional packs a punch with its in depth array of options, raising your Divi web page to new heights. Let’s dive into some of the outstanding functions this powerhouse plugin gives.

60+ Additional Divi Modules

Let’s get started by way of going via one of the most additional modules which might be added to Divi when you set up Divi Perfect Professional.

Divi Supreme Pro

Typing Impact

The Typing textual content impact brings your textual content to existence by way of making it glance find it irresistible’s being typed out, one letter at a time. With Divi Perfect Professional, you’ll alter the typing pace and backspacing results. You’ll be able to additionally set delays ahead of beginning a brand new sentence. With only some clicks, you’ll loop the animation eternally or randomize the series of sentences.

Flipbox

A flipbox is a amusing internet characteristic that flips to turn extra main points whilst you hover or click on on it. It’s superb for making person stories extra enticing and presenting data succinctly. With greater than 15 results to be had, Divi Perfect Professional allows you to create crowd pleasing interactive content material that pulls customers in.

Perfect Button

Divi gives a variety of customization choices on your web page’s buttons, however on occasion, you could want much more keep an eye on over their glance, animations, and capability. That’s the place Divi Perfect Professional’s Perfect Button module steps in. With this device, you’ll create buttons with separator textual content in between, choose between 29 other button hover animations and 15 icon hover results, and upload a picture or video lightbox that works with YouTube, Vimeo, and Dailymotion. You’ll be able to additionally come with tooltips for each buttons.

Moreover, it helps quite a lot of URL hyperlink sorts, making it simple to hyperlink to URLs, emails, telephone numbers, SMS, Fb Messenger, Skype, WhatsApp, and Telegram.

Textual content Badges

Textual content badges are small, coloured labels utilized in internet design to spotlight key data or statuses like notifications, new options, or person roles. They fortify person enjoy and visible hierarchy. The usage of Divi Perfect Professional, you’ll simply upload them in your Divi web page’s headings and textual content.

Symbol Hover Textual content Divulge

With this module, whilst you hover over the picture, an overlay slides in from the left, masking the picture and appearing textual content. When you transfer your mouse away, the overlay slides to the suitable, revealing the picture once more. You’ll be able to additionally choose between other animations for the textual content that looks. This impact successfully shows a large number of data in a compact format.

Worth Checklist

The Worth Checklist Module by way of Divi Perfect Professional allows you to create visually interesting and arranged lists of goods or products and services with their respective costs. It’s splendid for menus, catalogs, and product lists, serving to shoppers simply in finding and perceive pricing data.

Glitch Textual content Impact

The glitch textual content impact comes to deliberately distorting textual content to create a virtual glitch look. It provides a novel and dynamic visible component to web sites, giving them a contemporary and edgy really feel. With Divi Perfect Professional, you’ll simply upload the glitch impact to textual content in only some clicks.

Shuffle Letters

The Shuffle Letters Module for Divi complements your web page with an crowd pleasing textual content impact. Input the textual content you wish to have to show, and watch because it shuffles via random characters ahead of revealing the general message. You’ll be able to simply alter settings like shuffle pace, length, and random textual content with only some clicks.

See also  Influencer Advertising Technique Tick list & Template

Symbol Hotspot

A picture hotspot is a clickable spot on an image that turns on an motion or presentations data when clicked on. With Divi Perfect Professional, you’ll create sexy, responsive, {and professional} hotspots whilst keeping up Divi’s flexibility and customizability.

Twin Heading

Succeed in surprising typography by way of bettering the illusion of your heading textual content with colours, fonts, and different customizations. You’ll be able to insert textual content ahead of, within the center, and after the principle heading. The usage of this module, you’ll even make a selected phrase stand out by way of giving it a novel font and colour.

8 Divi Extensions

Those 8 extensions supply the entire gear you wish to have to create exceptional web sites without difficulty, bettering your workflow and boosting your web page’s capability.

Divi Supreme Pro

Popups

Because the identify suggests, the Divi Popup is helping you create popup home windows that seem when customers carry out explicit movements, like clicking a button or a hyperlink. Those popups can display additional content material, accumulate person main points, or satisfy some other want that fits a popup window taste. You’ll be able to personalize the popups to compare what works best possible on your customers.

Scheduled Component

The Divi Scheduled Component is an extra characteristic permitting scheduling when explicit webpage parts seem and disappear. This offers extra actual keep an eye on over the timing of content material and will lend a hand deal with person engagement by way of revealing new content material at appropriate periods. This is a treasured technique to advertise and automate reductions with out looking ahead to the easiest second.

Responsive Viewer

Divi Perfect Responsive Viewer Extension makes it more uncomplicated to create responsive web sites. You’ll be able to preview and alter the design for cell, pill, and desktop displays while not having browser inspection gear. The interface is user-friendly, permitting you to prepare content material without difficulty.

Simple Theme Builder For Header

Divi Perfect’s Simple Theme Builder improves the robust Divi Theme Builder for WordPress’s possible choices for customizing headers. When scrolling, you’ll simply make fastened headers, lower header top, and spot designs on quite a lot of cell gadgets.

Library Widget

The Divi Perfect Library Widget Extension complements the Divi theme’s same old Library module options. With this module, you’ll exhibit posts, pages, WooCommerce merchandise, or customized submit sorts in quite a lot of customizable layouts. Quite a lot of design and format choices mean you can without difficulty create interesting shows with out requiring coding talents.

Library Shortcode

With the Divi Perfect Library Shortcode Extension, you’ll create shortcodes on your library pieces, making it imaginable to incorporate them in any submit or web page the use of the WordPress shortcode API. You’ll be able to customise the illusion of the shortcode, making it simple to create distinctive and tasty displays on your library pieces on any web page or submit.

Customized Attributes

With the Customized Attributes extension, you’ll with ease come with customized HTML attributes to other parts in Divi Builder, similar to sections, rows, columns, modules, and buttons. Those attributes lend a hand upload information that JavaScript libraries want or same old HTML attributes that Divi Builder doesn’t in most cases come with.

Learn Extra

The Perfect Learn Extra Extension for Divi complements your web page’s person enjoy. It lets you disguise lengthy textual content and disclose it with a unmarried click on, retaining your content material concise but informative. This device is perfect for Divi customers who wish to be offering expanded data with out cluttering their pages.

40+ Top class Divi Layouts

Divi Perfect gives over 44 unfastened layouts to be had for obtain on its website. Let’s discover one of the most most up-to-date additions:

E-Guide Touchdown Web page

A screenshot of Divi Supreme Pro's eBook layout

The E-Guide Touchdown Web page template is tidy and well-structured, setting apart advantages and contours. Bullet issues lend a hand customers temporarily take hold of crucial main points. A number of “Be told Extra” and “Obtain E-Guide” buttons inspire engagement. Editable content material spaces permit for simple customization, and the design stays constant. This design has the prospective to spice up conversions by way of offering complicated options and customization choices, supplying you with a totally enticing enjoy.

Psychological Well being Touchdown Web page

A screenshot of Divi Supreme Pro's Mental Health Layout

The Psychological Well being Touchdown Web page Structure emphasizes psychological well being with a transparent, structured format. It comprises sensible, inexpensive counseling choices, highlights counselor profiles, and showcases luck tales. The blank and trendy design accommodates a calming colour scheme that simplifies navigation and is helping you in finding the guidelines you wish to have. Divi Perfect Professional Modules spice up your enjoy with interactive options like hover results, symbol filters, and distinctive icons.

See also  AI Goal Target audience: What I Discovered [+ Tools to Try]

Plant Touchdown Web page

A screenshot of Divi Supreme Pro's Plant Layout

The Plant Touchdown Web page Structure is blank and well-organized, with a lot of whitespace for simple studying. It highlights a robust call-to-action, maintains constant typography, and balances sections effectively. The user-friendly format guarantees intuitive navigation and makes key parts pop successfully.

Consultancy Touchdown Web page

A screenshot of Divi Supreme Pro's Consultancy Layout

The Consultancy Touchdown Web page template by way of Divi Perfect includes a trendy and blank format that catches your eye. The transparent sections make it simple to transport round and perceive. Daring typography and well-placed pictures grasp your consideration and emphasize key data. Plus, it kind of feels to be designed to evolve to quite a lot of gadgets, so that you all the time get a really perfect viewing enjoy.

Eating place Touchdown Web page

A screenshot of Divi Supreme Pro's Restaurant Layout

This eating place touchdown web page template from Divi Perfect has a number of sure sides referring to format. Initially, the design is visually interesting and trendy, with a blank and arranged construction. The usage of white area lets in the content material to respire and complements clarity. The navigation menu is definitely out there, offering easy navigation all over the web page. The usage of sexy imagery and well-designed sections is helping to exhibit the eating place’s menu and products and services successfully.

Putting in Divi Perfect Professional

Putting in Divi Perfect Professional is equal to putting in any WordPress plugin. When you acquire the plugin, obtain it, head to the Plugin tab for your WordPress dashboard, and choose Upload New Plugin.

A screenshot of how to install a plugin

Then, hit the Add Plugin button. Click on Select Document to search out the plugin zip report in your pc. After finding the report, add it.

A screenshot of how to upload and install the plugin

As soon as it’s uploaded, click on Set up Now to put in the plugin. In the end, turn on it by way of clicking the Turn on Plugin button.

A screenshot of how to activate plugin

The usage of Divi Perfect Professional

After you’ve put in the plugin, you’ll see a brand new choice referred to as Divi Perfect Professional within the sidebar. Clicking this menu merchandise will direct you to the settings for Divi Perfect Professional. Harnessing Divi Perfect Professional’s complete possible is a breeze, due to its intuitive interface and seamless integration with Divi. Additionally, to the suitable of the display screen, you’re going to in finding useful playing cards with hyperlinks to documentation and strengthen choices. So, should you’re caught someplace, lend a hand isn’t that some distance! Now, Let’s take a short lived evaluation of its format and settings:

A screenshot of Divi Supreme Pro's SETTINGS

Common Settings

You’ll routinely open the overall settings tab whilst you click on at the menu merchandise. That is the place you’ll activate and set up additional Divi extensions, similar to Divi Popups and the Learn Extra characteristic. Those extensions are became off by way of default.

Module Settings

The plugin comprises a lot of additional modules and contours, which would possibly moderately have an effect on your web page’s efficiency. Then again, you’ll stay your web page and editor streamlined by way of the use of the module settings tab to show off any parts you don’t want.

Simple Theme Builder

The Simple Theme Builder tab allows you to make adjustments and upload the person enjoy cues we mentioned previous. We’ll speak about this tab intimately later within the submit.

Social Media Settings

This tab lets you paste API keys and allow settings for Fb-related modules similar to Fb feedback, like buttons, feedback, and reside feeds.

Misc

Within the Misc tab, you’ll in finding quite a lot of settings and choices that will not be a very powerful however can on occasion turn out to be useful. This comprises compatibility settings, uninstall choices, and safety features. You’ll be able to additionally customise the plugin’s identify and icon, a procedure referred to as white labeling, to offer a extra skilled symbol in your purchasers.

Including a Module

All Divi Perfect Professional modules throughout the Divi editor are color-coded with a vivid purplish colour so you’ll temporarily differentiate and use them. Additionally, they all have the prefix ‘Perfect.’

A screenshot of Divi Supreme Pro's modules

The usage of the Simple Theme Builder For Header

The Simple Theme Builder allows you to arrange your header, alter header colours when scrolling, and tweak shrinking parts in your liking. Most often, a header with the Theme Builder scrolls together with the website online. Then again, with the Simple Theme Builder’s Header settings, you’ll simply stay the header fastened on the most sensible. You also have further choices, similar to turning off the characteristic on mobiles/pills, and a couple of aesthetic possible choices.

A screenshot of Theme Builder Header's Fixed Header options

Turning at the scroll extension provides your header extra intensity. You’ll be able to trade the background colours and upload a field shadow that looks whilst you scroll.

A screenshot of Theme Builder Header's Scrolling Options

Finally, the Shrink choice allows you to alter the menu measurement all through scrolling and turn the emblem to another symbol. Upload padding to sections, rows, and modules, and set a proportion for the picture to shrink.

A screenshot of Theme Builder Header's Shrink Options

Including a Typing Impact Textual content

In finding Perfect Typing, choose it, and upload the module in your canvas.

See also  Divi Plugin Highlight: Woo Essential

A screenshot of Supreme Typing in the modules popup

You’ll see choices to regulate the impact, with 3 textual content fields classified Earlier than, Typing, and After. The labels are simple. The textual content within the Earlier than and After fields can be static and gained’t have the typing impact. Within the Typing textual content box, you’ll use the pipe image (|) so as to add quite a lot of texts that may seem one after any other. As an example:

A screenshot of Supreme Typing options

You even have settings like showing texts on separate strains, looping choices, speeds, animations, and linking choices underneath the preliminary typing textual content dropdown. Within the design phase, you’ll customise colours, fonts, and different look settings for this module.

Including a Worth Checklist

So as to add a worth checklist in your web page, first in finding and upload the Worth Checklist module. A popup will seem in an instant. The preliminary choice you’ll see is a huge + button for including pieces to the cost checklist.

A screenshot of Divi Supreme Pro's Price List Module

Click on that button to open any other popup to go into a brand new merchandise and its worth.

A screenshot of Divi Supreme Pro's Price List Module Settings

Moreover, you’ll come with a picture for this merchandise the use of the dropdown that looks subsequent. That is particularly useful for companies like eating places or salons.

A screenshot of Divi Supreme Pro's Price List Image Options

Including a Glitch Textual content Impact

Seek for the Glitch Textual content Module and upload it to the canvas. As soon as the module is added to the canvas, you’ll input the textual content to which you wish to have to use the trippy impact within the Glitch Textual content field.

A screenshot of Divi Supreme Pro's Glitch Text

You’ve got 3 glitchy results to make a choice from within the dropdown menu underneath. You’ll be able to additionally make a choice colours for the glitch results for Glitch Two and 3 kinds.

A screenshot of Divi Supreme Pro's Glitch Text Effects

Experiment with the quite a lot of kinds and colour choices to succeed in the specified glitchy look on your textual content.

Including an Symbol Hotspot

So as to add the picture hotspot module, search for “Perfect Symbol Hotspot” and click on so as to add it.

A screenshot of Supreme Image Hotspot in the modules popup

After including the module, pass to the picture dropdown and pick out the picture you wish to have. On the most sensible of the picture dropdown, you’ll discover a area so as to add your hotspots. Hit the huge Upload New (+) button to open a brand new tab. Right here, you’ll make a choice how your hotspots seem. They may be able to be an icon, a picture, or undeniable textual content, selectable from the ‘Kind’ dropdown.

A screenshot of Supreme Image Hotspot's option to add hotspots

When you’re the use of an icon or a picture for a hotspot, you’ll upload textual content within the ‘Tooltip’ dropdown underneath the hotspot tab. You’ll be able to even use HTML throughout the tooltip.

A screenshot of Supreme Image Hotspot's option to add hotspot text

Head to the design phase to regulate the tooltip’s place and hues. While you’re glad along with your settings, click on the Save Adjustments tab. You’ll go back to the preliminary tab, the place you’ll upload extra hotspots and make adjustments.

Including a Twin Heading

So as to add a twin heading in your web page, find and upload the Twin Heading module. You’ve got 3 choices: Earlier than, Heart, and After. Technically, those help you create headings with as much as 3 colours.

A screenshot of Divi Supreme Pro's Dual Heading Settings

To regulate the textual content colours, pass to the design tab. There, you’ll simply keep an eye on your textual content’s colours, fonts, and sizes.

A screenshot of Divi Supreme Pro's Dual Heading Text Settings

Acquire Divi Perfect Professional

Divi Supreme Pro prices $79 and is to be had at the Divi Market. It comes with a 30-day money-back ensure, so you’ll get a reimbursement should you’re unsatisfied with it. Moreover, you’ll use the plugin on as many web sites as you wish to have and obtain three hundred and sixty five days of strengthen and updates.

A screenshot of Divi Supreme Pro's listing on Divi Marketplace

Purchase Divi Supreme Pro

Divi Perfect Professional: Last Ideas

Whether or not you’re a developer or a fashion designer, Divi Perfect Professional streamlines the advent procedure, enabling you to craft gorgeous customized web sites without difficulty. Even if impartial of Divi, this robust plugin goals to fortify your internet design enjoy and could be a fine addition in your Divi toolkit.

We’d love to listen to your ideas. Have you ever used Divi Perfect Professional? Please percentage your enjoy with us within the feedback underneath.

The submit Divi Product Highlight: Divi Supreme Pro gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!