Divi ConKit Professional is a plugin that brings 36 new modules to the Divi Builder and four different extensions that upload new capability and customizability on your website online. If you happen to’re searching for a feature-packed plugin that absolutely integrates with Divi and brings you modules similar to Instagram feed, timeline, animated textual content, and flipbox, and will give you design regulate over popups, your login web page, and a lot more, this may well be the plugin for you. On this plugin spotlight, we’ll check out all the options that include Divi ConKit Professional and assist making a decision if this plugin is best for you.
Let’s get began!
Putting in Divi ConKit Professional
Set up Divi ConKit Professional similar to you might another plugin. Cross to the plugins web page and click on Upload Plugins, then make a selection Add Plugin and make a selection the plugin report. Click on Set up Now to put in the plugin, then Turn on the plugin as soon as it has loaded.
As soon as the plugin is activated you are going to see a DiviConKit tab on your WordPress dashboard menu, the place you’ll be able to regulate what options are enabled to your website.
Divi ConKit Professional
Divi ConKit Professional Modules
First, let’s check out every of the modules that include Divi ConKit Professional. Those modules all combine with the Divi Builder and also you upload them on your website online similar to you might another Divi module.
DP Complicated Heading
This module means that you can upload a heading on your web page and gives some complex choices past what Divi’s default module has. You’ll be able to upload prefix textual content, middle textual content, suffix textual content, and background textual content, and the design of every textual content kind will also be utterly custom designed as smartly. With this module, you’ll be able to create extra advanced headers with other types of textual content.
DP Animated Textual content
This module means that you can upload animated textual content on your web page. You’ll be able to upload more than one sections of animated textual content to every module, and you’ll be able to additionally upload prefix and suffix textual content that doesn’t transfer. There are 3 animation modes, textual content typing, textual content tilt, and animated slide. The animation will also be custom designed with quite a lot of animation settings similar to velocity and timing, and the animated textual content will also be custom designed with the default design choices.
DP Weblog Plus
The weblog plus module presentations contemporary posts out of your weblog. It has 4 other pores and skin types, I’m the usage of the Inventive taste on this instance. Like the opposite modules on this package, you’ll be able to use the design choices to fully customise the styling of the module to suit your website online design.
DP Industry Hour
The trade hour module means that you can simply upload your enterprise hours to the website online. Simply enter every date and the trade hours for that day, and you’ll be able to customise the design choices to modify any of the fonts or colours to move along with your design.
DP Card
This module is a card module, which creates a easy card containing a picture or icon and a few textual content. You’ll be able to make a selection so as to add a badge or a button to the cardboard, and once more the design of the cardboard is totally customizable.
DP CF7 Styler
This subsequent module is a styler module for Touch Shape 7. You’ll be able to use this module to edit your touch shape styling throughout the visible builder.
DP Content material Toggle
The content material toggle module provides a toggle icon that permits you to transfer between two units of frame content material. The frame content material will also be customized content material this is arrange throughout the content material editor within the module, or you’ll be able to import a format out of your library.
DP Divider
The divider module means that you can upload an icon, symbol, or textual content in between the divider line and likewise comes with some backside divider form layouts (Form 3 is chosen on this instance) to divide the textual content for your web page.
DP Twin Button
The twin button possibility provides two buttons as a unmarried module. You’ll be able to even upload a connector (textual content or icon) between the 2 buttons, as I did within the instance above. Through the usage of the quite a lot of design choices to be had on this module, you’ll be able to create distinctive two-button layouts to your website.
DP Turn Field
This module creates a field with content material at the entrance and at the again. Whilst you hover over the field, the again content material is published with turn animation. This might be helpful to show earlier than and after results or to show content material in an interesting method.
DP Floating Symbol
The floating symbol module means that you can upload a picture that floats up and down at the web page. It provides some refined motion to the design of the web page to carry the design.
DP Horizontal Timeline
With the horizontal timeline module, you’ll be able to create a timeline containing textual content, pictures, and an icon for every step. It additionally has looping and automated scroll choices in an effort to have the timeline scrolling in the course of the web page robotically. Once more the design choices can be utilized to completely customise the illusion.
DP Hotspots
With this module, you’ll be able to upload tooltips to any symbol that comprise textual content, pictures, or icons. You’ll be able to specify precisely the place you need the tooltips to look over the picture, and naturally, can customise the design of all the components with the design settings.
DP Hover Field
The hover field means that you can expose textual content and different components like a border as you hover over the picture. As you’ll be able to see within the instance above, the field at the left is being hovered over and you’ll be able to see that the subtitle and outline were published, in addition to the border. At the proper is the field that’s not being hovered on, and it best presentations the identify. There are lots of other hover settings for this module as smartly.
DP Icon Field
This module is an easy module that permits you to show an icon and non-compulsory textual content in a field.
DP Symbol Accordion
The picture accordion module presentations more than one pictures subsequent to one another. Whilst you hover over one of the vital pictures it enlarges and minimizes the others in an effort to see the entire picture. Within the instance above, I’m soaring over the picture at the proper.
DP Symbol Evaluate
With the picture examine module, you’ll be able to examine two pictures with a slider you’ll be able to drag to peer every facet. You’ll be able to additionally upload a label to every facet, similar to “earlier than” and “after”.
DP Symbol Magnifier
The picture magnifier module asks you to add a big and small model of a picture. Whilst you hover over the picture a magnifier seems and you’ll be able to see a bigger model of the hovered space.
DP Symbol Covering
On this module, you’ll be able to upload a picture with a masks form. There are lots of other shapes for you to choose between throughout the module, and you’ll be able to additional customise the design through including colours to the masks or the picture.
DP Data Field
This module merely means that you can upload a field with textual content content material and an non-compulsory symbol or icon.
DP Inline SVG
This module means that you can without delay add SVG information and look at them throughout the Divi Builder.
DP Instagram Feed
With the Instagram feed module, you’ll be able to show your contemporary Instagram posts elegantly for your website online. There are 3 layouts to choose between: grid, spotlight (used within the instance above), and masonry. You’ll be able to use the design choices to customise the spacing, the overlay, the caption, and a lot more.
DP Listing
This module can be utilized to arrange data in a listing with an icon or symbol.
DP Brand Grid
The brand grid module might be helpful for exhibiting shopper trademarks or “featured in…” trademarks. You’ll be able to additionally upload hover results to the brand. On this instance, I’m the usage of a zoom-out hover impact, which you’ll be able to see carried out on the second one brand within the screenshot.
DP Lottie
With this module, you’ll be able to upload a Lottie animation without delay on your web page within the Divi Builder. You’ll be able to upload the Lottie Animation through importing the Lottie JSON report or through URL.
DP Quantity
The quantity module merely presentations a bunch. You’ll be able to allow the counter possibility and the quantity will depend up as it’s published. Once more, you’ll be able to use the design settings to completely customise the illusion.
DP Value Menu
With the fee menu module, you’ll be able to simply create a menu for your website online with costs, a identify and outline, and plenty of choices to customise the illusion.
DP Overview
This module means that you can upload opinions on your website with famous person scores, a picture, and naturally the evaluation textual content content material.
DP Scroll Symbol
With the scroll symbol module, your symbol is best in part displayed at a suite peak. Whilst you hover over the picture (or scroll, relying at the possibility you pick out), the picture scrolls so you’ll be able to see the remainder of the picture.
DP Talent Bars
This module can be utilized to show talent ranges or the rest that may be represented through growth bars. You’ll be able to make a selection what labels are displayed, and naturally, all the design components will also be custom designed.
DP Social Proportion
This module has many social media platforms to choose between and you’ll be able to simply exchange the button textual content, types, format, placement, and plenty of different settings.
DP Workforce
The workforce module makes it simple to show your workforce contributors for your website online. You’ll be able to upload a photograph, the title, process identify, and bio, or even hyperlinks to a non-public website online, electronic mail cope with, and social media websites. There are a few other choices the place the content material is displayed over the picture on hover as smartly.
DP Testimonial
The testimonial module means that you can upload buyer testimonials on your website. It will give you the method to come with a celeb ranking, and you’ll be able to make a selection to make use of a quote icon or add your personal. There are a number of positioning and format choices to choose between as smartly, permitting you to create an absolutely customized design.
DP Twitter Feed
This module means that you can show a Twitter feed for your website online. This module has many choices for you to select precisely what’s displayed, and naturally, the design is totally customizable with Divi’s many design choices.
DP Vertical Timeline
The vertical timeline module means that you can create a timeline with textual content and symbol content material. There are a number of format choices to be had, and you’ll be able to make a selection so as to add a scrolling line that provides some dynamic motion to the timeline. Moreover, you’ll be able to totally customise the styling of the timeline or even upload other colours for the energetic and inactive states.
DP Video Popup
With this module, you’ll be able to upload a video that pops up in the similar web page on a gloomy overlay background. You’ll be able to add a canopy symbol and customise the entire design, overlay icon, and different design components. You’ll be able to hyperlink a video from YouTube or Vimeo, or add your personal.
Divi ConKit Professional Extensions
Along with the modules that include DiviConKit, there are a couple of extensions that include the plugin that provides further capability on your website online. Let’s check out every one.
Weblog Dressmaker
The weblog fashion designer will give you further choices to customise the best way your weblog and put up pages are designed. You’ll be able to in finding the weblog fashion designer settings throughout the Customise menu below Look, or through clicking the hyperlink within the Divi ConKit settings.
Throughout the weblog/archive settings you’ll be able to exchange the format, the background, the put up pieces which might be displayed, the featured symbol sizing, and different sizing and spacing choices.
Subsequent, within the unmarried put up settings, you’ll be able to customise the sizing and spacing of the content material, exchange the background, make a selection what components are displayed, upload a put up creator field, put up navigation, similar posts, and extra.
Popup Maker
The popup maker means that you can design a customized popup the usage of the Divi visible builder. You’ll be able to in finding the popups atmosphere below the DiviConKit settings segment within the WordPress dashboard. You’ll be able to designate explicit pages the place you need every popup to look.
Throughout the settings for the popup, you’ll be able to designate the open match and animation taste, exchange the background and overlay, alter the site and sizing, and extra.
And here’s the popup in motion.
Login Dressmaker
The login fashion designer means that you can customise the WordPress login web page to your website online. You’ll be able to in finding the login fashion designer settings throughout the Customise menu below Look, or through clicking the hyperlink within the Divi ConKit settings. You’ll be able to customise the background, the brand, the login shape and the fields, all the textual content and labels, and the button.
Sadly, you’ll be able to’t see the login web page as you are making those adjustments as a result of you want to be signed out to peer the login web page. To get round this, I opened the login web page the usage of an incognito window in my browser so I may see each on the similar time and spot the adjustments I used to be making.
Right here is a personalized model of the login web page, with a brand new background, brand, box background, and textual content colour.
Divi Library Shortcodes
DiviConKit Professional additionally allows you to use shortcodes to show any Divi library template within a Divi module or within a .php report. Whilst you get right of entry to the Divi Library you are going to see the shortcode for every library merchandise indexed. Merely replica the shortcode and use it within the code module throughout the Divi builder or upload it to a .php report, then the Divi Library merchandise will seem. On this instance, I added a pricing desk from my Divi Library to my web page the usage of the shortcode.
Acquire Divi ConKit Professional
Divi ConKit Professional is to be had within the Divi Market. It prices $59 for limitless website online utilization and 1 yr of enhance and updates. The cost additionally features a 30-day money-back ensure.
Ultimate Ideas
Divi ConKit Professional is a feature-packed plugin that provides a large number of nice modules to increase the capability of the Divi Builder. Each module is full of choices and completely customizable, making it simple to create stunning modules to your website online. In any case, we would like to listen to from you! Have you ever attempted Divi ConKit Professional? Tell us what you take into accounts it within the feedback!
The put up Divi Plugin Spotlight: Divi ConKit Professional seemed first on Sublime Topics Weblog.
WordPress Web Design