Divi Ideal Professional is a strong third-party plugin evolved through Divi Ideal that expands the functions of Divi internet sites. With over 60 top rate modules and 8 extensions, it provides a complete suite of gear to simplify site construction with out coding experience.
Relied on through many Divi customers, this cost-effective answer delivers blank code, surprising animations, and complex design keep watch over. On this spotlight, we will be able to move over the plugin, its options, and extra. Let’s get began!
What You Get With Divi Ideal Professional
Divi Ideal Professional packs a punch with its intensive array of options, raising your Divi site to new heights. Let’s dive into some of the outstanding functions this powerhouse plugin provides.
60+ Additional Divi Modules
Let’s get started through going thru one of the most additional modules which can be added to Divi while you set up Divi Ideal Professional.
Typing Impact
The Typing textual content impact brings your textual content to lifestyles through making it glance adore it’s being typed out, one letter at a time. With Divi Ideal Professional, you’ll alter the typing velocity and backspacing results. You’ll be able to additionally set delays ahead of beginning a brand new sentence. With only a few clicks, you’ll loop the animation perpetually or randomize the series of sentences.
Flipbox
A flipbox is a a laugh internet characteristic that flips to turn extra main points whilst you hover or click on on it. It’s very good for making consumer reviews extra attractive and presenting knowledge succinctly. With greater than 15 results to be had, Divi Ideal Professional allows you to create crowd pleasing interactive content material that pulls customers in.
Ideal Button
Divi provides a variety of customization choices on your site’s buttons, however on occasion, it’s possible you’ll want much more keep watch over over their glance, animations, and capability. That’s the place Divi Ideal Professional’s Ideal Button module steps in. With this software, 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 varieties, 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 knowledge or statuses like notifications, new options, or consumer roles. They strengthen consumer enjoy and visible hierarchy. The use of Divi Ideal Professional, you’ll simply upload them in your Divi site’s headings and textual content.
Symbol Hover Textual content Expose
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 best, revealing the picture once more. You’ll be able to additionally choose between other animations for the textual content that looks. This impact successfully presentations numerous knowledge in a compact format.
Value Checklist
The Value Checklist Module through Divi Ideal Professional allows you to create visually interesting and arranged lists of goods or services and products with their respective costs. It’s supreme for menus, catalogs, and product lists, serving to shoppers simply to find and perceive pricing knowledge.
Glitch Textual content Impact
The glitch textual content impact comes to deliberately distorting textual content to create a virtual glitch look. It provides a singular and dynamic visible component to internet sites, giving them a contemporary and edgy really feel. With Divi Ideal Professional, you’ll simply upload the glitch impact to textual content in only a few clicks.
Shuffle Letters
The Shuffle Letters Module for Divi complements your site with an crowd pleasing textual content impact. Input the textual content you need to show, and watch because it shuffles thru random characters ahead of revealing the general message. You’ll be able to simply alter settings like shuffle velocity, period, and random textual content with only a few clicks.
Symbol Hotspot
A picture hotspot is a clickable spot on an image that turns on an motion or presentations knowledge when clicked on. With Divi Ideal Professional, you’ll create horny, responsive, {and professional} hotspots whilst keeping up Divi’s flexibility and customizability.
Twin Heading
Reach surprising typography through bettering the semblance of your heading textual content with colours, fonts, and different customizations. You’ll be able to insert textual content ahead of, within the heart, and after the principle heading. The use of this module, you’ll even make a selected phrase stand out through giving it a singular font and coloration.
8 Divi Extensions
Those 8 extensions supply the entire gear you wish to have to create remarkable internet sites without difficulty, bettering your workflow and boosting your site’s capability.
Popups
Because the identify suggests, the Divi Popup is helping you create popup home windows that seem when customers carry out particular movements, like clicking a button or a hyperlink. Those popups can display additional content material, collect consumer main points, or satisfy some other want that fits a popup window taste. You’ll be able to personalize the popups to check what works best possible on your customers.
Scheduled Part
The Divi Scheduled Part is an extra characteristic permitting scheduling when particular webpage components seem and disappear. This gives extra exact keep watch over over the timing of content material and will assist deal with consumer engagement through revealing new content material at appropriate periods. This is a precious option to advertise and automate reductions with out looking forward to the easiest second.
Responsive Viewer
Divi Ideal Responsive Viewer Extension makes it more straightforward to create responsive internet sites. You’ll be able to preview and alter the design for cellular, 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 Ideal’s Simple Theme Builder improves the tough Divi Theme Builder for WordPress’s possible choices for customizing headers. When scrolling, you’ll simply make fastened headers, lower header top, and notice designs on quite a lot of cellular gadgets.
Library Widget
The Divi Ideal Library Widget Extension complements the Divi theme’s same old Library module options. With this module, you’ll show off posts, pages, WooCommerce merchandise, or customized publish varieties in quite a lot of customizable layouts. A variety of design and format choices mean you can without difficulty create interesting presentations with out requiring coding abilities.
Library Shortcode
With the Divi Ideal Library Shortcode Extension, you’ll create shortcodes on your library pieces, making it conceivable to incorporate them in any publish or web page the use of the WordPress shortcode API. You’ll be able to customise the semblance of the shortcode, making it simple to create distinctive and tasty shows on your library pieces on any web page or publish.
Customized Attributes
With the Customized Attributes extension, you’ll with ease come with customized HTML attributes to other components in Divi Builder, corresponding to sections, rows, columns, modules, and buttons. Those attributes assist upload information that JavaScript libraries want or same old HTML attributes that Divi Builder doesn’t typically come with.
Learn Extra
The Ideal Learn Extra Extension for Divi complements your site’s consumer enjoy. It allows you to cover lengthy textual content and disclose it with a unmarried click on, protecting your content material concise but informative. This software is perfect for Divi customers who wish to be offering expanded knowledge with out cluttering their pages.
40+ Top class Divi Layouts
Divi Ideal provides over 44 loose layouts to be had for obtain on its site. Let’s discover one of the most most up-to-date additions:
E-E-book Touchdown Web page
The E-E-book Touchdown Web page template is tidy and well-structured, keeping apart advantages and contours. Bullet issues assist customers temporarily grab crucial main points. A number of “Be informed Extra” and “Obtain E-E-book” 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 through offering complex options and customization choices, providing you with a totally attractive enjoy.
Psychological Well being Touchdown Web page
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 good fortune tales. The blank and fashionable design comprises a calming coloration scheme that simplifies navigation and is helping you to find the guidelines you wish to have. Divi Ideal Professional Modules spice up your enjoy with interactive options like hover results, symbol filters, and distinctive icons.
Plant Touchdown Web page
The Plant Touchdown Web page Structure is blank and well-organized, with numerous whitespace for simple studying. It highlights a powerful call-to-action, maintains constant typography, and balances sections well. The user-friendly format guarantees intuitive navigation and makes key components pop successfully.
Consultancy Touchdown Web page
The Consultancy Touchdown Web page template through Divi Ideal includes a fashionable and blank format that catches your eye. The transparent sections make it simple to transport round and perceive. Daring typography and well-placed photographs seize your consideration and emphasize key knowledge. Plus, it sort of feels to be designed to conform to quite a lot of gadgets, so that you at all times get an excellent viewing enjoy.
Eating place Touchdown Web page
This eating place touchdown web page template from Divi Ideal has a number of certain facets referring to format. In the beginning, the design is visually interesting and fashionable, 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 well available, offering clean navigation during the site. The usage of horny imagery and well-designed sections is helping to show off the eating place’s menu and services and products successfully.
Putting in Divi Ideal Professional
Putting in Divi Ideal Professional is equal to putting in any WordPress plugin. When you acquire the plugin, obtain it, head to the Plugin tab on your WordPress dashboard, and choose Upload New Plugin.
Then, hit the Add Plugin button. Click on Select Document to search out the plugin zip record in your pc. After finding the record, add it.
As soon as it’s uploaded, click on Set up Now to put in the plugin. In any case, turn on it through clicking the Turn on Plugin button.
The use of Divi Ideal Professional
After you’ve put in the plugin, you’ll see a brand new possibility referred to as Divi Ideal Professional within the sidebar. Clicking this menu merchandise will direct you to the settings for Divi Ideal Professional. Harnessing Divi Ideal Professional’s complete doable is a breeze, due to its intuitive interface and seamless integration with Divi. Additionally, to the best of the display screen, you’re going to to find useful playing cards with hyperlinks to documentation and enhance choices. So, if you happen to’re caught someplace, assist isn’t that some distance! Now, Let’s take a temporary assessment of its format and settings:
Common Settings
You’ll mechanically open the overall settings tab whilst you click on at the menu merchandise. That is the place you’ll activate and arrange additional Divi extensions, corresponding to Divi Popups and the Learn Extra characteristic. Those extensions are became off through default.
Module Settings
The plugin comprises a large number of additional modules and contours, which may moderately have an effect on your site’s efficiency. Then again, you’ll stay your site and editor streamlined through the use of the module settings tab to show off any components you don’t want.
Simple Theme Builder
The Simple Theme Builder tab allows you to make adjustments and upload the consumer enjoy cues we mentioned previous. We’ll speak about this tab intimately later within the publish.
Social Media Settings
This tab lets you paste API keys and allow settings for Fb-related modules corresponding to Fb feedback, like buttons, feedback, and reside feeds.
Misc
Within the Misc tab, you’ll to find quite a lot of settings and choices that may not be the most important however can on occasion come in 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 provide a extra skilled symbol in your shoppers.
Including a Module
All Divi Ideal Professional modules within the Divi editor are color-coded with a brilliant purplish coloration so you’ll temporarily differentiate and use them. Additionally, they all have the prefix ‘Ideal.’
The use 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 components in your liking. Normally, a header with the Theme Builder scrolls at the side of the web page. Then again, with the Simple Theme Builder’s Header settings, you’ll simply stay the header fastened on the best. You also have further choices, corresponding to turning off the characteristic on mobiles/pills, and a couple of aesthetic possible choices.
Turning at the scroll extension offers your header extra intensity. You’ll be able to trade the background colours and upload a field shadow that looks whilst you scroll.
Finally, the Shrink possibility allows you to alter the menu measurement all the way through scrolling and turn the brand to another symbol. Upload padding to sections, rows, and modules, and set a proportion for the picture to shrink.
Including a Typing Impact Textual content
To find Ideal Typing, choose it, and upload the module in your canvas.
You’ll see choices to regulate the impact, with 3 textual content fields categorised Prior to, Typing, and After. The labels are easy. The textual content within the Prior to and After fields will probably 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 every other. As an example:
You even have settings like exhibiting texts on separate strains, looping choices, speeds, animations, and linking choices beneath the preliminary typing textual content dropdown. Within the design phase, you’ll customise colours, fonts, and different look settings for this module.
Including a Value Checklist
So as to add a worth record in your web page, first to find and upload the Value Checklist module. A popup will seem straight away. The preliminary possibility you’ll see is a huge + button for including pieces to the fee record.
Click on that button to open every other popup to go into a brand new merchandise and its worth.
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.
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 need to use the trippy impact within the Glitch Textual content field.
You’ve 3 glitchy results to choose between within the dropdown menu beneath. You’ll be able to additionally make a choice colours for the glitch results for Glitch Two and 3 types.
Experiment with the quite a lot of types and coloration choices to succeed in the required glitchy look on your textual content.
Including an Symbol Hotspot
So as to add the picture hotspot module, search for “Ideal Symbol Hotspot” and click on so as to add it.
After including the module, move to the picture dropdown and pick out the picture you need. On the best 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 simple textual content, selectable from the ‘Kind’ dropdown.
For those who’re the use of an icon or a picture for a hotspot, you’ll upload textual content within the ‘Tooltip’ dropdown beneath the hotspot tab. You’ll be able to even use HTML throughout the tooltip.
Head to the design phase to regulate the tooltip’s place and colours. Whilst 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 3 choices: Prior to, Center, and After. Technically, those can help you create headings with as much as 3 colours.
To regulate the textual content colours, move to the design tab. There, you’ll simply keep watch over your textual content’s colours, fonts, and sizes.
Acquire Divi Ideal Professional
Divi Ideal Professional prices $79 and is to be had at the Divi Market. It comes with a 30-day money-back ensure, so you’ll get money back if you happen to’re unsatisfied with it. Moreover, you’ll use the plugin on as many internet sites as you need and obtain three hundred and sixty five days of enhance and updates.
Acquire Divi Ideal Professional
Divi Ideal Professional: Final Ideas
Whether or not you’re a developer or a clothier, Divi Ideal Professional streamlines the introduction procedure, enabling you to craft stunning customized internet sites without difficulty. Even though impartial of Divi, this tough plugin goals to beef up your internet design enjoy and generally is a fine addition in your Divi toolkit.
We’d love to listen to your ideas. Have you ever used Divi Ideal Professional? Please percentage your enjoy with us within the feedback beneath.
The publish Divi Product Spotlight: Divi Ideal Professional gave the impression first on Sublime Issues Weblog.
WordPress Web Design