Divi Crucial is a plugin that gives over 60 new modules to the Divi Builder, expanding the chances for the designs you’ll have the ability to assemble. With this plugin, you’ll have the ability to add complicated tabs, content material subject matter toggles, dynamic sliders, unique image and content material subject matter modules, team sections, social modules, and much more. Every module comes with tricky capacity and extensive design alternatives that make designing difficult layouts a breeze.
Divi A very powerful moreover comes with get entry to to 600+ premade section layouts that benefit from the modules, 30 starter layouts, and 6 entire templates with a couple of pages. The ones layouts can all be downloaded from the Divi A very powerful internet web site and imply you’ll boost up the design process. In this post, we’ll take a greater check out Divi A very powerful to lend a hand you decide if it’s the proper product for you.
Let’s get started!
Setting up Divi A very powerful
Divi A very powerful comes as a .ZIP plugin file. To place within the plugin, open the plugin internet web page in your WordPress dashboard and click on on Add New. Click on on Make a selection Document and make a choice the plugin file from your computer, then click on on Arrange Now.
As quickly because the plugin is installed, flip at the plugin.
Divi A very powerful supplies 65 new modules to the Divi Builder. You’ll have the ability to get entry to the added modules by way of clicking the Divi A very powerful module button throughout the Insert Module menu, or by way of taking a look out “next”, which is in a position to put across up the entire Divi A very powerful modules.
Divi A very powerful Modules
The 60+ new modules add a number of capacity to the Divi Builder. Every of the modules comes with content material subject matter, design, and complicated alternatives to totally customize the look and function. Let’s take a greater check out a couple of of those modules the use of the premade layouts from Divi A very powerful.
Creative Modules
There are 10 different creative modules you’ll have the ability to add in your internet web page. Every module supplies some unique capacity or design in your layout. In conjunction with the modules I’ll highlight beneath, Divi A very powerful comes with modules in an effort to upload a floating part, a unique divider, a promo box, a Lottie animation, and a step flow section to show off a process.
Next Sophisticated Tab
The complicated tab module implies that you’ll create horizontal and vertical tabbed content material subject matter sections. You’ll have the ability to set the establish, subtitle, and icon/image for each tab. This example is complicated tab layout 1.
Throughout the body of each tab, you’ll have the ability to make a choice a Divi Library layout to turn, otherwise you’ll have the ability to add content material subject matter by way of enhancing the establish, description, image/icon, and button.
The module comes with extensive design settings for the entire module along with the individual tabs. You’ll have the ability to customize each aspect of the design, make a choice different hover effects for the elements, set full of life types for the selected tab, and much more.
Next Trade Hour
This module makes it easy to turn your small business hours in your internet web site. The example pictured is design layout 2. You’ll have the ability to add every day of the week as an products throughout the module. Every products may also be customized on its own, otherwise you’ll have the ability to use the module design alternatives to make use of styling to each products.
Next Content material subject matter Toggle
The content material subject matter toggle module supplies a toggle in your internet web page which you’ll have the ability to use to switch between content material subject matter. In this example (layout 2), the toggle is used to switch between showing details of a single or lifetime license.
You’ll be ready to make a choice in an effort to upload a Divi Library products to the toggle section, otherwise you’ll have the ability to add your content material subject matter throughout the module settings. You’ll have the ability to customize the design of each section along with the design for the toggle.
Next Image Hotspot
With this module, you’ll have the ability to add hotspots to an image that unearths content material subject matter on hover. You’ll have the ability to add text and an image that may be revealed, and also you’ll have the ability to customize each part with design alternatives. The hotspot icon and color may also be merely changed, and the hotspot position may also be set by way of changing the horizontal and vertical positions throughout the design settings. The example beneath is layout 1.
Next Timeline
The timeline module can be used to visually represent events, the history of an organization, processes, and much more. Throughout the timeline module you’ll have the ability to add explicit individual timeline portions, which comprise each timeline section. You’ll have the ability to add text, an image, a button, and an icon to each timeline part. Every part may also be customized throughout the design tab, allowing you to create unique timeline designs. Pictured beneath is timeline layout 11.
Slider Modules
There are six different slider modules you’ll have the ability to add in your internet web page with Divi A very powerful. You’ll have the ability to add a logo carousel, an image and text carousel, a 3D cube slider, a gallery slider, a testimonial carousel, and a post carousel. Let’s take a greater check out a couple of the slider modules.
3D Cube Slider
The 3D cube slider module supplies a slider that flips with a 3d cube affect. You’ll have the ability to customize each slide with an image, text, and background. Throughout the slider settings you’ll have the ability to trade the autoplay, navigation, and affect settings, along with any of the design alternatives. The example pictured is layout 4.
Next Divi Carousel
This is carousel layout 17. There are 4 layouts you’ll have the ability to make a choice: image, text, text within image, or text beneath image. This allows for quite a few versatile layouts.
You’ve gotten entire regulate over the layout and design of each carousel products along with the carousel module itself. You’ll have the ability to trade the carousel autoplay settings, trade the navigation settings, control the affect, add a lightbox function, and additional.
Image Modules
With 12 different image modules, Divi A very powerful gives you many ways to creatively display images in your internet web site. You’ll have the ability to add an image magnifier, a masonry layout, modules that add different loading and hover effects to the images, an image hover box, a faster than and after slider, and additional. Let’s take a look at a couple of the image modules.
Next Previous to After
The Previous to and After module implies that you’ll display a faster than and after image that is revealed with a slider that you simply’ll have the ability to drag. This layout is faster than after layout 4.
You’ll have the ability to set the earlier than and after images, control the labels, trade the slider trail and function, and customize the design.
Next Spherical Image Hover
With the spherical image hover module you’ll have the ability to create a spherical image that unearths content material subject matter with a hover affect.
There are 19 different hover effects and 4 different hover directions you’ll be ready to choose from, supplying you with a number of flexibility throughout the design.
Next Image Accordion
The image accordion module supplies an interactive image accordion in your design. When you hover over one of the images throughout the accordion, it will magnify and divulge content material subject matter. You’ll be ready to make a choice in an effort to upload an icon, establish, description, and button to each image. In this example, the third image is set to open when the internet web page so much. For those who occur to hover on every other image, it expands and stays expanded.
You’ll have the ability to set the accordion to move on hover or on click on on, and also you’ll have the ability to set it to open vertically or horizontally.
Content material subject matter Modules
There are 19 modules throughout the content material subject matter elegance. All of the ones can be used to dynamically display your content material subject matter and create captivating layouts. You’ll have the ability to add boxes and blurbs, modules with different text effects, buttons, blog post sliders, and additional. Let’s take a look at some of the necessary modules.
Next 3D Flip Box
The 3D Flip Box module implies that you’ll have a dynamic box that flips with a 3D affect on hover. You’ll have the ability to have a unique design on the once more facet of the sector. This example is layout 7.
Throughout the module settings, you’ll have the ability to customize the elements which may well be on the front and back. You’ll have the ability to add an icon, an image, heading text, body text, and buttons. Throughout the design tab, you’ll have the ability to customize the look of each part.
Next Blurb
The blurb module could also be very versatile and offers many content material subject matter and design alternatives you’ll have the ability to use to create unique layouts. The example blurb used that is layout 11. It features a tilt affect on hover that moves in conjunction with your mouse.
Throughout the module settings you’ll have the ability to permit a pre-heading, set the heading text and heading tag, permit a post-heading text, add an summary, add an image and icon, and add a button. You’ll have the ability to add an image mask, unique hover effects to the blurb or buttons, and so much more with the extensive design alternatives available.
Next Button
The button module incorporates many alternatives in an effort to upload attractive effects in your button. You’ll have the ability to add background transitions, hover effects, icon hover effects, stroke effects, second effects, set a background image, add a background gif, and additional. In this example, I’m the use of plenty of buttons with second effects. You’ll have the ability to see how the Broaden Rotate button has higher in measurement and rotated fairly on hover.
Next Text Animation
With the text animation module, you’ll have the ability to add all kinds of animation effects in your text. This is example layout 10, and it features a typing affect. You’ll have the ability to set the earlier than and after text, add the text that can get animated, and make a choice the animation affect. The text styling may also be further customized throughout the design tab.
Next Text Color Motion
The text color motion module implies that you’ll animate the text color. This example is layout 9.
You’ll have the ability to make a choice from plenty of different animation types and make a choice 4 different text colors that create an eye-catching gradient affect.
Workforce Modules
There are 5 different team modules that come with Divi A very powerful, allowing you to sing their own praises your team members with unique sections and effects.
Next Workforce Overlay Card
With the team overlay card module, you’ll have the ability to sing their own praises your team members with an overlay that appears on hover and reveals additional content material subject matter, comparable to an summary or social media icons. The example confirmed is layout 1, which incorporates a curved border that gives a unique touch.
Next Workforce Social Expose
With this module, social media icons are revealed beneath the team member description section on hover. This example is layout 1.
Social Modules
Divi A very powerful supplies techniques to connect social media in your internet web site. For Facebook, you’ll have the ability to add the following modules: share, like, embedded video, statement, embedded statement, embedded post, and embedded internet web page. For Twitter, you’ll have the ability to add a timeline, tweet, Twitter button, or follow button.
Next FB Commentary
That is the Facebook Commentary module. You’ll have the ability to use this module to allow consumers to statement in your internet web page content material subject matter with their Facebook account. The design may also be customized with alternatives throughout the design tab.
Next Twitter Timeline
This module implies that you’ll add a Twitter timeline in your internet web page. All you want to set is the Twitter account username, and the timeline will appear. You’ll have the ability to customize the timeline with the design settings.
Review Modules
There are 3 overview modules you’ll have the ability to use to turn purchaser critiques and testimonials in your internet web site.
Next Divi Review
The overview module implies that you’ll add purchaser critiques in your internet web page. You’ll have the ability to add a name, position, and description, and also you’ll have the ability to set the fame overview for each module. This is layout example 1.
Next Testimonial Slider
With this module, you’ll have the ability to add a slider to sing their own praises your purchaser testimonials and critiques. This is layout 11. Every testimonial slide is added as an products to the module, this means that you’ll have the ability to customize the design of each slide in my opinion and also you’ll have the ability to customize the slide design as a whole. You’ll have the ability to add a score, text, and image to each slide. Throughout the slider settings, you’ll be ready to make a choice to have the slider auto-play, modify the slider transition settings, and change the navigation settings. The decisions throughout the design tab allow you to customize the look of the slider in your liking.
Divi A very powerful Starter Layouts
In conjunction with the modules and the module layouts we explored above, Divi A very powerful moreover comes with 30 starter one-page layouts that you simply’ll have the ability to use. Let’s take a greater check out one.
Tour Layout
That’s the tour layout. The design is full of animations and interactive portions. The heading uses the multi-heading module and is to be had in with a divulge affect. Beneath is a logo carousel, 3 blurbs, and a carousel showing places. Next is just a little with a floating image and a couple of content material subject matter and amount counters at the correct. The map section uses the hotspot module to pinpoint places and divulge wisdom on hover. Finally, there’s a testimonial slider, a e-newsletter sign-up, and a footer.
Divi A very powerful Prebuilt Internet pages
Divi A very powerful moreover comes with get entry to to 6 entire internet web site templates that include a couple of pages.
Gardener Template
Let’s take a look at the home internet web page for the gardener template. In conjunction with this internet web page, the template incorporates the following pages: about us, services, gallery, enterprise, enterprise details, and phone.
The internet web page opens with a hero section with a couple of headings, a large image, a floating part, buttons, and plenty of different background graphics. The next section choices 4 blurb modules that focus services. Following this is every other section with some text and images that have a floating affect. The heading content material subject matter has a divulge animation. The services section beneath moreover uses the Divi A very powerful blurb modules and is followed by way of a floating part with a rotating animation and an image accordion that expands and reveals content material subject matter on hover.
Next is every other section that has blurb modules, followed by way of just a little with a fullwidth background image and a floating graphic. There’s a pricing table section beneath this,
Continuing with the home internet web page, there’s a brand slider and a faster than/after slider, followed by way of a testimonial slider. Finally, the internet web page ends with a e-newsletter sign-up form.
Where to Gain Divi A very powerful
Divi A very powerful is available throughout the Divi Market. It costs $79 for endless internet web site usage and 1 year of make stronger and updates. The price moreover includes a 30-day money-back make sure that.
Final Concepts
Divi Crucial is stuffed with modules that add new choices and dynamic layouts in your internet web site. I was impressed with the customizability and the extensive alternatives that come with each module. The demo layouts, the starter one-page layouts, and the prebuilt internet web site templates that come with Divi A very powerful all seem to be top quality designs that you simply’ll have the ability to merely use and control to your non-public design purposes. If you’re in search of an all-in-one plugin that can magnify the possibilities of what you’ll have the ability to design with Divi, Divi A very powerful is a smart chance.
We might in point of fact like to hear from you! Have you ever ever tried Divi A very powerful? Let us know what you take into consideration it throughout the comments!
The post Divi Product Spotlight: Divi Crucial seemed first on Sublime Subject matters Weblog.
Contents
- 1 Setting up Divi A very powerful
- 2 Divi A very powerful Modules
- 3 Divi A very powerful Starter Layouts
- 4 Divi A very powerful Prebuilt Internet pages
- 5 Where to Gain Divi A very powerful
- 6 Final Concepts
- 7 Tips on how to Create a Roundup Submit in WordPress (The Simple Approach)
- 8 Simply Create a Multilingual Sitemap in WordPress
- 9 The Demise of 3rd-Celebration Cookies: Get ready for a Cookieless Long run
0 Comments