Divi Product Spotlight: Divi Crucial

by | Sep 3, 2023 | Etcetera | 0 comments

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.

Install Divi Essential

As quickly because the plugin is installed, flip at the plugin.

Activate Divi Essential

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 Essential Insert Module

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.

Divi Essential Creative Modules

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.

Divi Essential Advanced Tab

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.

Divi Essential Advanced Tab Body Content

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.Divi Essential Advanced Tab Settings

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.

Divi Essential Business Hours

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.

See also  Find out how to Create Gantt Charts in Excel

Divi Essential Content Toggle

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.

Divi Essential Content Toggle Settings

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.

Divi Essential Image Hotspot

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.

Divi Essential Timeline Item

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.

Divi Essential 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.

Divi Essential 3D Cube Slider

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.

Divi Essential Carousel

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.

Divi Essential Carousel Settings

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.

Divi Essential 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.

Divi Essential Before After Slider

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.

Divi Essential Before After Settings

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.

Divi Essential Circular Image Hover

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.

Divi Essential Circular Image Hover Effects

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.

Divi Essential Image Accordion Settings

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.

Divi Essential Image Accordion

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.

See also  📣 The Divi Black Friday Sale Begins Early This 12 months!

Divi Essential Content 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.

Divi Essential 3D Flip Box

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.

Divi Essential 3D Flip Box Settings

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.

Divi Essential Blurb

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.

Divi Essential Blurb Hover

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.

Divi Essential Button

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.

Divi Essential Text Animation

Next Text Color Motion

The text color motion module implies that you’ll animate the text color. This example is layout 9.

Divi Essential Text Color Motion

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.

Divi Essential Text Color Motion Color Settings

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.

Divi Essential Team Modules

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.

Divi Essential Team Overlay Card

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.

Divi Essential Team Social Reveal

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.

Divi Essential Social Modules

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.

Divi Essential FB Comment

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.

Divi Essential Twitter Timeline

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.

See also  The whole thing You Want to Know About LinkedIn Retargeting

Divi Essential Review

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 Essential Testimonial Slider

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.

Divi Essential Starter Templates

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 Essential Tour Website Starter Layout

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.

Divi Essential Garden Prebuilt Website

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.

Divi Essential Garden Website Layout Home Page

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,

Divi Essential Garden Website Layout Home Page 2

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.

Divi Essential Garden Website Layout Home Page 3

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.

WordPress Web Design

[ continue ]

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!