Wpdaily

Daily WordPress News

Divi Product Highlight: Ultimate Multipurpose Divi Webkit

Ultimate Multipurpose Divi Webkit is an extensive compilation of Divi section and page layouts that can be used to build website layouts quickly. The product includes layouts for about sections, contact forms, pricing tables, timelines, tabs, FAQ sections, headers and footers, and much more. Each webkit in the collection is designed around a specific theme, such as digital agencies, gardening, and landscaping, fitness, and gym, among others. However, all layouts are adaptable and can be repurposed for any website you would like to build.

By utilizing Divi’s design settings, you can have complete control over the look of the sections and customize the designs to your liking. In this product highlight, we’ll look at the layouts you get with the Ultimate Multipurpose Divi Webkit and help you decide if it’s the right product for your next web design project.

Let’s get started!

Installing Ultimate Multipurpose Divi Webkit

Ultimate Multipurpose Divi Webkit comes as a .ZIP file containing Divi Library .json files. The layouts are organized by webkit, and you can choose to import all layouts of a certain type or select the individual layout you would like.

Ultimate Multipurpose Divi Webkit File Structure

To install the layouts, start by unzipping the .ZIP file in your file manager. Then, open your WordPress dashboard and navigate to the Divi Library page. Click Import & Export at the top, then select the import tab. Choose a .json layout pack file to import, then select Import Divi Builder Layouts.

Ultimate Multipurpose Divi Webkit Import Layout

Once the layout has been imported, open your page in the Divi Builder. Click the blue plus icon to add a new section, then select Add From Library.

Ultimate Multipurpose Divi Webkit Add From Library

Locate the layout you want to use, then click the Use This Section button to load the layout on your page.

Ultimate Multipurpose Divi Webkit Use Section

Ultimate Multipurpose Divi Webkit

Ultimate Multipurpose Divi Webkit consists of webkits with different styles and website concepts. The Ultimate Multipurpose Divi Webkit currently comes with 7 different webkits and has plans to add more webkits each month. In total, you can expect 900+ section styles, 28 detail pages, and more than 22 elements.

Section Layouts

Each webkit comes with several layouts for each section you might need on your website. Let’s take a look at some of the section layouts.

About Us

The first About Us layout we’ll look at is About Us layout 2 from the finance and consulting webkit. This layout consists of two images, some text to introduce the company, a quote, and the founder’s name in a signature-style script font.

Ultimate Multipurpose Divi Webkit About

This is About Us layout 4 from the fitness gym webkit. It features an image clipped into a shape on the left and some text and blurb modules on the right.

Ultimate Multipurpose Divi Webkit About

About Us layout 3 from the garden and landscaping layout features three images in a collage-style layout with a number counter in the middle. There are a couple of text sections, two buttons, and some number counters that count up when the page loads.

Ultimate Multipurpose Divi Webkit About

Blog

This is digital agency blog style 1. It has a simple and modern layout with card-style blocks displaying recent blog posts. The blog post date is highlighted on a red background at the top of the featured image.

Ultimate Multipurpose Divi Webkit Blog

This is blog style 7 from the wind and solar energy webkit. On hover, the image zooms in, the button changes to orange, and a box shadow appears behind the blog post.

Ultimate Multipurpose Divi Webkit Blog

Finally, this blog layout is style 3 from the fitness and gym webkit. On hover, the image zooms in, the block with the post date turns black, and the line under the Read More button turns black.

Ultimate Multipurpose Divi Webkit Blog

Contact Form/Info

The first contact form/info layout comes from the finance and consulting webkit. This is contact/info style 1, featuring a contact form on the left on an image background and a FAQ section on the right.

Ultimate Multipurpose Divi Webkit Contact

This is contact layout 3 from the fitness and gym webkit. It features three square blurbs with a box shadow, each highlighting important contact information. The card shifts up on hover, and the red circle behind the icon expands.

Ultimate Multipurpose Divi Webkit Contact

Style 6 from the wind and solar energy webkit features a unique layout with a fullwidth map and the contact information and form on a card that overlays the bottom of the map.

Ultimate Multipurpose Divi Webkit Contact

Counter

The counter module helps represent numerical data on your website with a count-up effect as the page loads. This first example comes from the garden and landscaping webkit. Style 2 features four number counters in a section with a rounded border.

Ultimate Multipurpose Divi Webkit Counter

Counter layout 1 from the fitness and gym webkit features four number counters and an image arranged in a grid.

Ultimate Multipurpose Divi Webkit Counter

Finally, counter style 5 from the finance and consulting webkit features three number counters with icons on a rounded orange background in the top left corner.

Ultimate Multipurpose Divi Webkit Counter

CTA

CTA layout style 2 from the wind and solar webkit features header text that shifts left and right and changes color from white to green, creating a subtle but eye-catching effect.

Ultimate Multipurpose Divi Webkit CTA

Next is CTA layout 2 from the fitness and gym webkit, which highlights an informational video. The play button has an opaque circle that pulses out from the center, encouraging the user to press play.

Ultimate Multipurpose Divi Webkit CTA

Finally, CTA layout 2 from the finance and consulting layout features a large image on the left, some text modules, a contact button, and a phone number displayed in a blurb.

Ultimate Multipurpose Divi Webkit CTA

FAQ

Moving along to the FAQ section layouts, let’s take a look at style 4 from the digital agency webkit. The layout has FAQ blurbs on the left, a collage of three images on the right, and a little square shape that fades in and out while rotating.

Ultimate Multipurpose Divi Webkit FAQ

FAQ layout 3 from the finance and consulting webkit features a large image on the left and heading text and FAQ modules on the right.

Ultimate Multipurpose Divi Webkit FAQ

FAQ layout 3 from the landscaping webkit features some text, the FAQ modules on the left, and a large image with a testimonial blurb on the right.

Ultimate Multipurpose Divi Webkit FAQ

Features

The feature section is where you can highlight unique features or selling points for your services or products. Layout 3 from the wind and solar webkit features some text on the left, a button to play a video, and four blurbs on the right that highlight features.

Ultimate Multipurpose Divi Webkit Features

Layout 3 from the fitness gym webkit has two images with unique border styles on the left, with one blurb overlaying the large image highlighting the fees. On the left are some text and three blurbs that highlight features.

Ultimate Multipurpose Divi Webkit Features

This is style 2 from the finance and consulting webkit. It features two images, a number counter on the left, and some text, blurbs, and a button on the right.

Ultimate Multipurpose Divi Webkit Features

Gallery

Gallery style 4 from the garden and landscaping webkit features a blur effect and icon on hover.

Ultimate Multipurpose Divi Webkit Gallery

Next, gallery layout 4 from the digital agency webkit has a red overlay that expands over the image on hover.

Ultimate Multipurpose Divi Webkit Gallery

Style 3 from the finance and consulting webkit features an interesting hover effect where the image pans over to the right, and a light overlay appears.

Ultimate Multipurpose Divi Webkit Gallery

Hero

Hero section layout 10 for the wind and solar energy webkit features a bright orange layout with some text, a button, an image with a subtle floating animation, and a blurb highlighting the service starting price.

Ultimate Multipurpose Divi Webkit Hero

Style 3 in the garden and landscaping webkit features a large blurb with text and an image on a fullwidth image background.

Ultimate Multipurpose Divi Webkit Hero

Finally, hero style 3 from the digital agency webkit features a large image background, some text and a CTA button, and a section with three blurbs that reveal an image on hover.

Ultimate Multipurpose Divi Webkit Hero

Logo

Logo section style 4 from the wind and solar energy webkit features a grid of logos that decrease in size and reveal color on hover.

Ultimate Multipurpose Divi Webkit Logo

This is logo section 4 from the fitness gym webkit. The logos are displayed in a fullwidth section on a red background.

Ultimate Multipurpose Divi Webkit Logo

Layout 3 from the finance and consulting layout has a text section at the top and inverts the logo and background colors on hover.

Ultimate Multipurpose Divi Webkit Logo

Newsletter

This is newsletter sign-up section style 5 from the finance and consulting webkit. It features an image with a unique clip layout, some text, a divider, and a sign-up form.

Ultimate Multipurpose Divi Webkit Newsletter

Newsletter style 2 from the garden and landscaping layout features some text, an icon with a pulsing border effect, and a sign-up form on an image background.

Ultimate Multipurpose Divi Webkit Newsletter

Finally, newsletter layout style 3 from the fitness and gym webkit features a card with text and a sign-up form on a fullwidth image background.

Ultimate Multipurpose Divi Webkit Newsletter

Pricing

Pricing section style 1 from the wind and solar energy webkit features three pricing tables with a small blurb at the top right highlighting a discount.

Ultimate Multipurpose Divi Webkit Pricing

Style 4 from the digital agency webkit also features three pricing blurbs. There is a text section at the top, the pricing information, a Buy Now button, and four blurbs to highlight features.

Ultimate Multipurpose Divi Webkit Pricing

Pricing section layout 3 from the garden and landscaping webkit highlights each pricing tier with an icon at the top. The gradient in the button shifts on hover.

Ultimate Multipurpose Divi Webkit Pricing

Projects

The projects section layout 5 from the fitness webkit features some text at the top and the projects listed below with a hover effect that adds an overlay and sets the title background to black.

Ultimate Multipurpose Divi Webkit Projects

Next is project section layout 2 from the garden and landscaping webkit. It features some text and some project categories at the top. The project details are listed over the project image, which zooms in on hover.

Ultimate Multipurpose Divi Webkit Projects

Finally, project style 5 from the finance and consulting webkit features categories at the top and the project information and an icon on hover.

Ultimate Multipurpose Divi Webkit Projects

Service

Service section 2 from the wind and solar energy webkit features three blurbs with an image and icon highlighting each service. On hover, a box shadow appears, and the icon background turns green.

Ultimate Multipurpose Divi Webkit Services

This is service layout 3 from the fitness webkit. It features three blurbs with large icons. On hover, the blurb border turns red, and an arrow icon and border appear at the bottom of the blurb.

Ultimate Multipurpose Divi Webkit Services

Service layout 2 from the finance webkit features four service blurbs with an icon, a circle shape, text, and a button. On hover, the colors invert, and the circle shape flips to add some visual interest.

Ultimate Multipurpose Divi Webkit Services

Slider

Slider style 4 below is from the digital agency webkit. It features large red navigation icons and some underlines highlighting portions of the slider text.

Ultimate Multipurpose Divi Webkit Slider

Slider style 5 from the garden and landscaping webkit features two navigation arrows on the right. The slide features text and two buttons.

Ultimate Multipurpose Divi Webkit Slider

Slider 2 from the finance webkit has a split-style layout with text on the left on an orange background, and an image on the right.

Ultimate Multipurpose Divi Webkit Slider

Steps

The steps section layout highlights steps of a process. This is layout 1 from the wind and solar energy webkit. It features some blurbs with an icon and a number behind each blurb representing the step.

Ultimate Multipurpose Divi Webkit Steps

This is style 3 from the fitness webkit, highlighting steps for training. The blurbs surround an image with a red box shadow.

Ultimate Multipurpose Divi Webkit Steps

Steps section layout 5 from the garden and landscaping webkit highlights each step on an image background. The number for each step is presented on a green circle that overlays the bottom of the image.

Ultimate Multipurpose Divi Webkit Steps

Tab

Tab layout 6 from the wind and solar energy webkit features the tabs at the top and a tab content layout with an image on the left, some text and blurb modules on the right, along with the price and a CTA button.

Ultimate Multipurpose Divi Webkit Tab

Style 4 from the finance and consulting webkit features some large text in the tab content and three large tabs at the bottom you can use to switch the content.

Ultimate Multipurpose Divi Webkit Tab

This is tab style 5 from the fitness and gym webkit. It has four large tabs at the top with icons. Within each tab, you have some text, a couple of blurbs, a CTA button, and two images arranged together on the right.

Ultimate Multipurpose Divi Webkit Tab

Team

This is team layout style 3 from the garden and landscaping webkit. It features four team members in a fullwidth layout. On hover, a green overlay appears over the image and reveals the team member information and social icons.

Ultimate Multipurpose Divi Webkit Team

Team layout 2 from the digital agency webkit features a team section with round icons and a dotted graphic that rotates on hover. The team member card also turns black on hover.

Ultimate Multipurpose Divi Webkit Team

Style 1 from the fitness and gym webkit features an image on the left and the team member information on the right. On hover, an overlay and icon appear over the image, and the divider line turns red.

Ultimate Multipurpose Divi Webkit Team

Testimonial

Testimonial layout style 3 from the garden and landscaping webkit features three testimonial blurbs with a customer image, name, position, testimonial text, star rating, and quote icon.

Ultimate Multipurpose Divi Webkit Testimonial

Style 3 from the finance and consulting webkit features testimonial blurbs with a large icon, a title, and a star rating at the top. The customer information is below, outlined with a border.

Ultimate Multipurpose Divi Webkit Testimonial

Testimonial layout style 10 from the wind and solar energy webkit has a large testimonial slider on a fullwidth image background.

Ultimate Multipurpose Divi Webkit Testimonial

Timeline

The timeline section layout can be used to highlight a history, tell a story, or demonstrate a process. This is style 3 from the agency webkit. It features an icon for each timeline object and a lien that connects each step.

Ultimate Multipurpose Divi Webkit Timeline

This is timeline layout 3 from the garden and landscaping webkit. This layout features a blurb with a date, heading, and text on one side, and an image on the other side.

Ultimate Multipurpose Divi Webkit Timeline

Timeline layout 2 from the fitness gym webkit is a vertical timeline with three steps. A line at the bottom connects each blurb, highlighted with a date.

Ultimate Multipurpose Divi Webkit Timeline

Header and Footer Layouts

Ultimate Multipurpose Divi Webkit also comes with some layouts for the header and footer.

Headers

This is fitness header layout 1. It features a left-aligned logo, a right-aligned menu, and a CTA button. The secondary menu above features two blurbs with contact information, a menu, and social media icons.

Ultimate Multipurpose Divi Webkit Header

Agency webkit header layout 5 features a primary menu with a left-aligned logo and a right-aligned menu. On the very right is a blurb with a phone number. The secondary menu bar at the top features two blurbs with contact information and social media icons.

Ultimate Multipurpose Divi Webkit Header

Garden and Landscaping webkit header style 3 has three different menu bars. At the very top, the secondary menu bar has a menu and social media icons. The middle menu bar features a logo and three blurbs with contact information. Finally, the third menu bar has menu items and a CTA button.

Ultimate Multipurpose Divi Webkit Header

Footers

The wind and solar webkit footer style 8 is a three-part footer layout. The first section features four columns with some menu items. Below this is a section with a newsletter sign-up form and social media links. The last section displays the copyright information and a menu.

Ultimate Multipurpose Divi Webkit Footer

Finance and consulting webkit footer style 2 features a large email sign-up form at the very top of the footer. The primary footer area features a logo, text, and social media icons, two columns of menu items, and a gallery. At the very bottom is the copyright information.

Ultimate Multipurpose Divi Webkit Footer

Gardening and landscaping webkit footer style 4 comes as a two-part footer layout. The primary footer section features a logo, some text, and social media icons. There is a column with menu items and another column with contact info. On the right side is a contact form on a green background. The copyright information is at the bottom.

Ultimate Multipurpose Divi Webkit Footer

Detail Page Layouts

Each webkit included with the Ultimate Multipurpose Divi Webkit comes with a few detail page layouts. Let’s take a look at a few.

Service Detail Page

This is the service page layout from the fitness and gym webkit. It features a large image and some buttons on the left highlighting some services. Also on the left side is a download section with a button to download a brochure and a call-to-action blurb with an image background. In the main section of the page, there is some text content with some blurbs to highlight some of the copy. The our benefits section features an image and three blurbs, followed by an FAQ section.

Ultimate Multipurpose Divi Webkit About Page

Team Detail Page

This team detail layout comes from the gardening and landscaping webkit. It highlights a single team member and features a card layout at the top with an image, contact information, social media icons, and a blurb over the image that highlights the years of experience. Below this section is some text, some graphs to represent skills, and blurb modules representing qualifications. Finally, there is a contact form at the bottom of the page.

Ultimate Multipurpose Divi Webkit Team Page

Blog Page

This is the blog post layout from the finance and consulting webkit. Because it’s a blog layout, it should be imported through the Divi Theme Builder. The layout begins with a fullwidth image header with the blog post title. The blog post content is styled with orange accents. Below the post content are an author box and a comment section. The sidebar has a search module, categories, the latest posts, tags, and a CTA.

Ultimate Multipurpose Divi Webkit Blog Page

Project Page

The project page layout should also be imported through the Divi Theme Builder. This layout is from the digital agency webkit. It has a fullwidth header image with the project title, followed by a large image. Below this are two sections for project details and a project overview, with two blurb modules with icons. Key information about the project is presented on the right, surrounded by a red border. Finally, other projects are presented at the bottom. On hover, the project title and category are revealed on a white background.

Ultimate Multipurpose Divi Webkit Project Page

Purchase Ultimate Multipurpose Divi Webkit

Ultimate Multipurpose Divi Webkit is available in the Divi Marketplace. It costs $19 for unlimited website usage and lifetime updates. The price also includes a 30-day money-back guarantee.

Ultimate Multipurpose Divi Webkit Purchase

Final Thoughts

Ultimate Multipurpose Divi Webkit comes with a ton of modern, engaging website section layouts that can help you easily and quickly build a great-looking website. All the layouts seem to be of high-quality design and mobile-friendly. The product appears to be regularly updated with new webkit collections, and several new webkits are planned for upcoming releases. If you are looking for a collection of Divi section layouts to help jumpstart your design process, this product might be a great option for you.

We would love to hear from you! Have you tried Ultimate Multipurpose Divi Webkit? Let us know what you think about it in the comments!

The post Divi Product Highlight: Ultimate Multipurpose Divi Webkit appeared first on Elegant Themes Blog.

Source