Divi ConKit Professional is a plugin that brings 36 new modules to the Divi Builder and 4 other extensions that add new capacity and customizability for your web site. If you happen to occur to’re in search of a feature-packed plugin that totally integrates with Divi and brings you modules very similar to Instagram feed, timeline, animated text, and flipbox, and provides you with design control over popups, your login internet web page, and much more, this could be the plugin for you. In this plugin highlight, we’ll take a look at the entire choices that come with Divi ConKit Professional and help you decide if this plugin is right for you.
Let’s get started!
Putting in place Divi ConKit Skilled
Arrange Divi ConKit Skilled very similar to chances are you’ll any other plugin. Pass to the plugins internet web page and click on on Add Plugins, then make a choice Upload Plugin and make a choice the plugin file. Click on on Arrange Now to place within the plugin, then Activate the plugin as quickly because it has loaded.
As quickly because the plugin is activated you will see a DiviConKit tab for your WordPress dashboard menu, where you’ll be capable of control what choices are enabled for your web page.
Divi ConKit Skilled
Divi ConKit Skilled Modules
First, let’s take a look at each of the modules that come with Divi ConKit Skilled. The ones modules all mix with the Divi Builder and in addition you add them for your web site very similar to chances are you’ll any other Divi module.
DP Difficult Heading
This module implies that you’ll be able to add a heading for your internet web page and provides some advanced possible choices previous what Divi’s default module has. You’ll be capable of add prefix text, heart text, suffix text, and background text, and the design of each text sort can be completely customized as neatly. With this module, you’ll be capable of create additional complex headers with different kinds of text.
DP Animated Text
This module implies that you’ll be able to add animated text for your internet web page. You’ll be capable of add multiple sections of animated text to each module, and also you’ll be capable of moreover add prefix and suffix text that doesn’t switch. There are 3 animation modes, text typing, text tilt, and animated slide. The animation can be customized with somewhat numerous animation settings very similar to speed and timing, and the animated text can be customized with the default design possible choices.
DP Blog Plus
The blog plus module displays recent posts from your blog. It has 4 different pores and pores and skin sorts, I’m the use of the Ingenious style in this example. Like the other modules in this bundle, you’ll be capable of use the design possible choices to completely customize the styling of the module to fit your web site design.
DP Trade Hour
The business hour module implies that you’ll be able to merely add your small business hours to the web site. Merely input each date and the business hours for that day, and also you’ll be capable of customize the design possible choices to change any of the fonts or colors to transport in conjunction with your design.
DP Card
This module is a card module, which creates a simple card containing an image or icon and a couple of text. You’ll be capable of make a choice in an effort to upload a badge or a button to the card, and over again the design of the card is completely customizable.
DP CF7 Styler
This next module is a styler module for Contact Form 7. You’ll be capable of use this module to edit your contact form styling right through the visual builder.
DP Content material subject material Toggle
The content material subject material toggle module supplies a toggle icon that allows you to switch between two devices of body content material subject material. The body content material subject material can be custom designed content material subject material that is organize right through the content material subject material editor inside the module, otherwise you’ll be capable of import a structure from your library.
DP Divider
The divider module implies that you’ll be able to add an icon, image, or text in between the divider line and also comes with some bottom divider shape layouts (Shape 3 is selected in this example) to divide the text on your internet web page.
DP Dual Button
The dual button chance supplies two buttons as a single module. You’ll be capable of even add a connector (text or icon) between the two buttons, as I did inside the example above. Via the use of the somewhat numerous design possible choices available in this module, you’ll be capable of create unique two-button layouts for your web page.
DP Flip Box
This module creates a box with content material subject material on the front and on the once more. While you hover over the sector, the once more content material subject material is revealed with flip animation. This could be useful to turn previous than and after effects or to turn content material subject material in a captivating manner.
DP Floating Image
The floating image module implies that you’ll be able to add an image that floats up and down on the internet web page. It supplies some subtle movement to the design of the internet web page to hold the design.
DP Horizontal Timeline
With the horizontal timeline module, you’ll be capable of create a timeline containing text, photos, and an icon for each step. It moreover has looping and automatic scroll possible choices so that you can have the timeline scrolling throughout the internet web page mechanically. Over again the design possible choices can be used to fully customize the semblance.
DP Hotspots
With this module, you’ll be capable of add tooltips to any image that contain text, photos, or icons. You’ll be capable of specify exactly the position you want the tooltips to appear over the image, and of course, can customize the design of the entire parts with the design settings.
DP Hover Box
The hover box implies that you’ll be able to divulge text and other parts like a border as you hover over the image. As you’ll be capable of see inside the example above, the sector on the left is being hovered over and also you’ll be capable of see that the subtitle and description had been revealed, along with the border. At the right kind is the sector that’s now not being hovered on, and it absolute best displays the determine. There are many different hover settings for this module as neatly.
DP Icon Box
This module is a simple module that allows you to display an icon and not obligatory text in a box.
DP Image Accordion
The image accordion module displays multiple photos next to each other. While you hover over one of the crucial important photos it enlarges and minimizes the others so that you can see all the image. Throughout the example above, I’m hovering over the image at the right kind.
DP Image Evaluation
With the image read about module, you’ll be capable of read about two photos with a slider you’ll be capable of drag to see each aspect. You’ll be capable of moreover add a label to each aspect, very similar to “previous than” and “after”.
DP Image Magnifier
The image magnifier module asks you so as to add a large and small style of an image. While you hover over the image a magnifier turns out and also you’ll be capable of see a larger style of the hovered area.
DP Image Protecting
In this module, you’ll be capable of add an image with a mask shape. There are many different shapes for you to choose from right through the module, and also you’ll be capable of further customize the design thru together with colors to the mask or the image.
DP Knowledge Box
This module simply implies that you’ll be able to add a box with text content material subject material and an not obligatory image or icon.
DP Inline SVG
This module implies that you’ll be able to immediately upload SVG knowledge and take a look at them right through the Divi Builder.
DP Instagram Feed
With the Instagram feed module, you’ll be capable of display your recent Instagram posts elegantly on your web site. There are 3 layouts to choose from: grid, highlight (used inside the example above), and masonry. You’ll be capable of use the design possible choices to customize the spacing, the overlay, the caption, and much more.
DP Record
This module can be used to prepare information in an inventory with an icon or image.
DP Emblem Grid
The logo grid module could be useful for showing client emblems or “featured in…” emblems. You’ll be capable of moreover add hover effects to the logo. In this example, I’m the use of a zoom-out hover affect, which you’ll be capable of see performed on the second emblem inside the screenshot.
DP Lottie
With this module, you’ll be capable of add a Lottie animation immediately for your internet web page inside the Divi Builder. You’ll be capable of add the Lottie Animation thru uploading the Lottie JSON file or thru URL.
DP Amount
The volume module simply displays a host. You’ll be capable of permit the counter chance and the volume will rely up because it’s revealed. Over again, you’ll be capable of use the design settings to fully customize the semblance.
DP Price Menu
With the price menu module, you’ll be capable of merely create a menu on your web site with prices, a determine and description, and quite a few possible choices to customize the semblance.
DP Review
This module implies that you’ll be able to add reviews for your web page with well-known particular person rankings, an image, and of course the analysis text content material subject material.
DP Scroll Image
With the scroll image module, your image is absolute best partly displayed at a collection top. While you hover over the image (or scroll, depending on the chance you pick), the image scrolls so that you’ll be capable of see the rest of the image.
DP Skill Bars
This module can be used to turn skill levels or the remainder that can be represented thru enlargement bars. You’ll be capable of make a choice what labels are displayed, and of course, the entire design parts can be customized.
DP Social Share
This module has many social media platforms to choose from and also you’ll be capable of merely trade the button text, sorts, structure, placement, and quite a few other settings.
DP Staff
The personnel module makes it easy to turn your personnel members on your web site. You’ll be capable of add {a photograph}, the name, procedure determine, and bio, and even links to a personal web site, electronic message take care of, and social media web sites. There are a couple of different possible choices where the content material subject material is displayed over the image on hover as neatly.
DP Testimonial
The testimonial module implies that you’ll be able to add purchaser testimonials for your web page. It’ll provide the way to include a celebrity score, and also you’ll be capable of make a choice to use a quote icon or upload your own. There are a variety of positioning and structure possible choices to choose from as neatly, allowing you to create a fully custom designed design.
DP Twitter Feed
This module implies that you’ll be able to display a Twitter feed on your web site. This module has many possible choices for you to choose exactly what’s displayed, and of course, the design is completely customizable with Divi’s many design possible choices.
DP Vertical Timeline
The vertical timeline module implies that you’ll be able to create a timeline with text and image content material subject material. There are a variety of structure possible choices available, and also you’ll be capable of make a choice in an effort to upload a scrolling line that gives some dynamic movement to the timeline. Additionally, you’ll be capable of utterly customize the styling of the timeline and even add different colors for the vigorous and inactive states.
DP Video Popup
With this module, you’ll be capable of add a video that pops up within the identical internet web page on a dismal overlay background. You’ll be capable of upload a cover image and customize all the design, overlay icon, and other design parts. You’ll be capable of link a video from YouTube or Vimeo, or upload your own.
Divi ConKit Skilled Extensions
At the side of the modules that come with DiviConKit, there are a few extensions that come with the plugin that gives additional capacity for your web site. Let’s take a look at each one.
Blog Fashion designer
The blog type dressmaker provides you with additional possible choices to customize one of the best ways your blog and post pages are designed. You’ll be capable of to find the blog type dressmaker settings right through the Customize menu underneath Glance, or thru clicking the link inside the Divi ConKit settings.
All through the blog/archive settings you’ll be capable of trade the structure, the background, the post items which could be displayed, the featured image sizing, and other sizing and spacing possible choices.
Next, inside the single post settings, you’ll be capable of customize the sizing and spacing of the content material subject material, trade the background, make a choice what parts are displayed, add a post author box, post navigation, identical posts, and further.
Popup Maker
The popup maker implies that you’ll be able to design a custom designed popup the use of the Divi visual builder. You’ll be capable of to find the popups setting underneath the DiviConKit settings section inside the WordPress dashboard. You’ll be capable of designate particular pages where you want each popup to appear.
All through the settings for the popup, you’ll be capable of designate the open fit and animation style, trade the background and overlay, adjust the website online and sizing, and further.
And right here’s the popup in movement.
Login Fashion designer
The login type dressmaker implies that you’ll be able to customize the WordPress login internet web page for your web site. You’ll be capable of to find the login type dressmaker settings right through the Customize menu underneath Glance, or thru clicking the link inside the Divi ConKit settings. You’ll be capable of customize the background, the logo, the login form and the fields, the entire text and labels, and the button.
Unfortunately, you’ll be capable of’t see the login internet web page as you’re making the ones changes on account of you need to be signed out to see the login internet web page. To get spherical this, I opened the login internet web page the use of an incognito window in my browser so I would possibly see each and every at the identical time and notice the changes I was making.
Proper right here is a customized style of the login internet web page, with a brand spanking new background, emblem, field background, and text color.
Divi Library Shortcodes
DiviConKit Skilled moreover means that you can use shortcodes to turn any Divi library template inside a Divi module or inside a .php file. While you get right to use the Divi Library you will see the shortcode for each library products listed. Simply copy the shortcode and use it inside the code module right through the Divi builder or add it to a .php file, then the Divi Library products will appear. In this example, I added a pricing table from my Divi Library to my internet web page the use of the shortcode.
Achieve Divi ConKit Skilled
Divi ConKit Skilled is available inside the Divi Market. It costs $59 for countless web site usage and 1 12 months of strengthen and updates. The fee moreover includes a 30-day money-back make sure that.
Final Concepts
Divi ConKit Skilled is a feature-packed plugin that gives numerous great modules to extend the potential of the Divi Builder. Every module is filled with possible choices and entirely customizable, making it easy to create surprising modules for your web site. In spite of everything, we want to pay attention to from you! Have you ever ever tried Divi ConKit Skilled? Let us know what you think about it inside the comments!
The post Divi Plugin Spotlight: Divi ConKit Professional gave the impression first on Sublime Topics Weblog.
0 Comments