Divi Product Highlight: Ultimate Multipurpose Divi Wireframe Kit

by | Dec 13, 2023 | Etcetera | 0 comments

Ultimate Multipurpose Divi Wireframe Kit comes with over 2000 format designs that can be utilized in all kinds of programs all through your site. The wireframes provide the elementary format and capability you’ll want for any given segment, then you’ll simply use Divi’s module settings to switch the design on your liking.

This wireframe equipment may also be extraordinarily helpful for those who construct websites the use of Divi and need a pack of layouts that can assist you design sooner, whilst nonetheless supplying you with complete keep watch over over the styling. On this submit, we’ll take a more in-depth have a look at the layouts within the Final Multipurpose Divi Wireframe Package to lend a hand making a decision if it’s the suitable product for you.

Let’s get began!

Putting in Final Multipurpose Divi Wireframe Package

Final Multipurpose Divi Wireframe Package comes as a .ZIP document containing Divi Library .json information. The wireframes are arranged by means of format kind.

Wireframe Kit All Styles

The folders for every format kind come with a Divi Library document containing the entire types and a folder with person information for every genre.

Wireframe Kit Style Folder

To put in the layouts, get started by means of unzipping the .ZIP document for the wireframe equipment for your document supervisor. Then, open your WordPress dashboard and navigate to the Divi Library web page. Click on Import & Export on the most sensible, then make a selection the Import tab. Select a .json format pack document to import, then make a selection Import Divi Builder Layouts.

Install Layouts

As soon as the format has been imported, open your web page within the Divi Builder. Click on the blue plus icon so as to add a brand new segment, then make a selection Upload From Library.

Add from Library

Find the format you need to make use of, then click on the Use This Phase button to load the format to your web page.

Add Layout

Final Multipurpose Divi Wireframe Package Layouts

The Final Multipurpose Divi Wireframe Package comes with layouts for nearly any segment you possibly can wish to upload on your website. The layouts make the most of the entire other modules that include Divi, so you might be positive to discover a wireframe format that comes with the capability you might be on the lookout for. Every form of format within the Wireframe Package comprises 20-100 other types. Let’s check out a couple of layouts from every segment incorporated within the Final Multipurpose Divi Wireframe Package.

Phase Layouts

First, let’s check out the segment layouts. As soon as imported, any of those layouts may also be added on your web page designs in the course of the Divi Library.

About Us

The About Us segment is a smart position to spotlight key options of the corporate and show a visible component reminiscent of a picture or video.

Taste 1 options a big symbol at the left with some welcome textual content and two blurbs for function highlights. The blurbs function icons with a fade-in impact.

About 1

The following format is Taste 13, a captivating format with a big round symbol at the left and an icon within the heart that may be connected to a video or every other web page. At the proper, there may be some creation textual content, adopted by means of a bunch counter representing glad purchasers and a few options marked with an icon at the proper. The learn extra button can information the consumer to a brand new web page.

About 13

The general About Us segment we’ll have a look at is Taste 43. It options one tall symbol and a smaller symbol overlaid at the left. At the proper is a few creation textual content, adopted by means of some key highlights in blurb icons.

About 43

Weblog

The weblog module means that you can show a selection of posts any place to your website. First, let’s check out Weblog Taste 2. This can be a card-style design with 3 weblog posts. Every submit has a featured symbol, adopted by means of the submit name, date, class, and a learn extra button.

Blog 2

Weblog Taste 4 is very similar to the only above, but it surely doesn’t show the date and as a substitute displays a brief excerpt from every submit. On hover, a mild overlay and an icon seem over the featured symbol.

Blog 4

In Weblog Taste 19, the posts are displayed in a listing structure, with one submit displayed after every other. The photographs for every submit are displayed full-width, adopted by means of the submit name, date, and excerpt.

Blog 19

Touch Shape Information

Those sections basically function touch knowledge, touch bureaucracy, and maps. This is Taste 9, it options blurb sections with icons for info such because the deal with, telephone quantity, e mail, and hours. At the proper is a touch shape.

Contact 9

In Taste 22, there’s a segment for some creation reproduction, adopted by means of some icons representing touch knowledge and a map. At the proper is a touch shape on a black background.

Subsequent, Taste 40 includes a block-style format with a field shadow across the row. At the left, a picture is ready because the background for the column and there are some blurb modules with icons representing touch knowledge. At the proper is a heading and a few reproduction, then a Touch Us button.

Contact 40

Counter

The primary counter we’ll have a look at is Taste 2. It has a subheading and heading at the left, adopted by means of some reproduction and a learn extra button. At the proper. Two quantity counters with massive numbers are displayed along some description textual content.

See also  The right way to Disable Gravatars in WordPress

Counter 2

Counter Taste 12 is displayed on a gray background with description textual content at the left. At the proper, 4 quantity counters are displayed on a white background with the outline of every quantity under.

Counter 12

Counter Taste 100 has many various parts to it. The format options a big symbol because the background with a dismal overlay. On the most sensible are two headings and a line of reproduction, then, 4 quantity counters with descriptions. Under this, 3 blurb modules spotlight options at the left with a picture at the proper.

Counter 100

CTA

CTA sections are nice for calling consideration to a unique be offering, gross sales web page, or every other motion you need customers to take. Taste 3 options a picture background with a dismal overlay. At the left is a brief subheading adopted by means of a big heading textual content. At the proper is the frame reproduction, adopted by means of a learn extra button.

CTA 3

CTA Taste 9 options two other packing containers, one darkish and one gentle. Every function has a heading, frame textual content, and a button.

CTA 9

Subsequent, CTA Taste 19 has a banner-style format, with a dark-angled segment at the left with textual content and a picture at the proper with a button.

CTA 19

FAQ

Including a FAQ segment on your website will let you keep in touch necessary knowledge on your site guests and cut back the quantity of repetitive inquiries chances are you’ll obtain. FAQ Structure Taste 6 has FAQ accordions at the left beneath some heading textual content. At the proper is a big symbol.

FAQ 6

For the following format, we’ll check out FAQ Taste 31. It has 4 FAQ accordions within the left column, adopted by means of a listing of products and services with icons within the heart. At the proper is a picture with textual content surrounded by means of a border.

FAQ 31

The final FAQ segment we’ll have a look at is quantity 87. It options the FAQ pieces at the proper, with two quantity counters and outline textual content at the proper on a black background.

FAQ 87

Function Phase

The function sections are very flexible layouts. Because the identify suggests, you’ll use them to spotlight options of your provider or product. You’ll additionally use the layouts to show off other products and services, show a listing of pages, or spotlight key issues with icons.

This is the primary instance, function segment Taste 7. This format has a card-style format with rounded corners. At the left, we now have some name and frame reproduction adopted by means of a button. Then, there are 4 playing cards every with a background symbol and a dismal overlay at the proper. On every card is a function name, description textual content, and a learn extra button.

Features 7

Subsequent, Taste 11 lists 4 options along icons at the left. At the proper, there’s a massive symbol overlaid with a circle exhibiting a bunch counter and outline.

Features 11

Taste 21 is a fascinating design, with a name on the most sensible, a tall symbol within the middle, and two blurb modules on all sides with a function name and outline.

Features 21

Gallery

The gallery layouts proportion a large number of similarities, with some variations in hover results. This is Taste 4, the picture expands on hover.

Gallery 4

In Taste 11, the gallery pictures are displayed in one slider.

Gallery 11

In the end, Gallery Taste 14 includes a border round every symbol.

Gallery 14

Hero

Hero sections are helpful for highlighting particular gives, options, and key items of details about your online business. Taste 3 includes a textual content segment with a header and subheader at the left and frame content material at the proper. Under that may be a name to motion segment with a name, frame textual content, and a learn extra button on a big symbol background.

Hero 3

For Hero Taste 5, options are highlighted with a textual content segment with header and frame textual content, adopted by means of some blurbs that spotlight options and a learn extra button. At the left is a picture.

Hero 5

Hero Structure 17 options a big symbol as a background. At the left is a subtitle, name, frame textual content, and a learn extra button. At the proper are two options highlighted with an icon, on a white background.

Hero 17

Emblem

You’ll show trademarks of purchasers you’ve labored with to your site to construct believe and credibility together with your site guests. Emblem Taste 4 options 3 trademarks at the left and a white field at the proper with a name, frame textual content, and a view extra button.

Logo 4

In Emblem Structure 7, the header, subheader, and outline textual content are at the left, on a big symbol background that spans the total width of the segment. At the proper, six trademarks are displayed on white backgrounds.

Logo 7

Emblem Structure 11 is a slightly easy format with 4 trademarks displayed on a gray background. On this format, the emblem dimension will increase on hover.

Logo 11

E-newsletter

Subsequent is the publication segment. The primary format we’ll check out is Taste 4. It has some creation textual content at the left, adopted by means of the publication sign-up shape. At the proper, there may be a picture. The segment is on a mild gray background.

Newsletter 4

Taste 10 can paintings nice as a part of a footer format. It includes a emblem on the middle, adopted by means of 3 columns of touch knowledge with skinny divider strains. Under that is the publication sign-up shape.

Newsletter 10

E-newsletter Taste 12 is laid out with a full-width symbol set because the background. At the proper facet, the publication reproduction and sign-up shape seem on a white background.

Newsletter 12

Pricing

In Pricing Structure Taste 3, there are 3 columns with the associated fee indexed in a big font dimension on the most sensible. Options are highlighted under, with a divider line in between. On the backside of every column is a Ebook Now button. The fee field will increase in dimension on hover.

Pricing 3

Taste 14 options an icon on the most sensible of every pricing column. Under is the name and subtitle for every tier, then options separated by means of divider strains. The fee is indexed under, adopted by means of some description textual content and a button.

See also  WordPress vs Tumblr (2023) — Which One is The Best?

Pricing 14

For Pricing Structure Taste 37, the textual content is displayed within the leftmost column along a Touch Us button. At the proper are 3 columns of pricing main points. On the most sensible is a heading, adopted by means of the associated fee, some options highlighted with an icon and a guide now button. The format is put on a dismal background, and the buttons function a greyscale gradient impact.

Pricing 37

Tasks

With the initiatives segment layouts, you’ll show your featured initiatives in different alternative ways. First, let’s check out Taste 2. It makes use of a normal format with the featured symbol of every challenge, adopted by means of the name, after which the types. A button on the backside left nook means that you can navigate to older entries. On hover, a dismal overlay seems over the picture.

Projects 2

Subsequent, Challenge Taste 5 options 4 initiatives with the photographs displayed in a continuing row. On hover, a dismal overlay seems in conjunction with a plus icon and the challenge knowledge.

Projects 5

In Taste 18, initiatives are specified by a unmarried column, one after every other. With this format, you’ll information your customer thru viewing one portfolio merchandise at a time. Every merchandise has a big featured symbol with a black border. Under, the challenge main points are indexed on a gray background.

Projects 18

Provider

Now let’s check out the provider layouts, the place you’ll show off the number of products and services you be offering and provides necessary information about your products and services.

First is Provider Taste 11. The products and services and pictures are arranged in an alternating format. Every provider merchandise is displayed with an icon and a learn extra button.

Service 11

Provider Taste 79 has 4 packing containers with rounded corners, every field with a name and frame textual content. Every field has a black circle on the most sensible with a bunch. On hover, the field strikes up and the background turns pink.

Service 79

In Taste 92, the left column includes a name and subtitle, frame textual content with main points, 4 blurbs with take a look at icons, and a Click on Right here button. At the proper, there are two columns with provider packing containers. Every field has a big icon, a heading, an arrow button, and a backside border.

Service 92

Slider

Subsequent up, slider layouts. First is Slider Structure 3. This can be a full-width slider with a big background symbol for every slide. At the slide itself, there’s a subheader, header, frame textual content, and a learn extra button aligned to the left.

Slider 3

Subsequent, Slider Taste 8 has a equivalent format, however the heading textual content is big and the content material is aligned to the middle.

Slider 8

In the end, Slider 14 has center-aligned content material surrounded by means of border strains at the most sensible and the ground. The slider makes use of a pill-shaped indicator for the energetic slide as a substitute of a normal circle, including refined design aptitude to the format.

Slider 14

Tab

Tabs are an effective way to condense and arrange knowledge on a web page. Let’s check out Taste 1. It options a picture at the left, with the tabs at the proper. The tab titles are targeted, with a black background for the energetic tab.

Tab 1

Subsequent, Tab Taste 9 includes a full-width symbol background. At the proper is a touch shape on a white background. At the left is a few heading textual content, adopted by means of the tab segment. When decided on, the tab name container has angled facets and a black background.

Tab 9

For the final tab segment, we’ll check out Taste 12. It has some textual content at the left, in conjunction with two blurbs with icons to spotlight options. The tab module is at the proper, with a gray background. When decided on, the name container has angled edges and a black background.

Tab 12

Crew

The Final Multipurpose Divi Wireframe Package comes with many various techniques so that you can sing their own praises your group contributors. Let’s get started by means of looking at Taste 11. This format options spherical pictures, adopted by means of the identify, activity name, then description. On hover, a gray overlay seems over the picture.

Team 11

Subsequent up, Crew Structure 34. This one makes use of a gray background and shows group contributors inside a card-style format with rounded corners. Every group member options a picture, adopted by means of the identify, activity name, and social media hyperlinks.

Team 34

In the end, Crew Taste 42. Within the first column at the left, there may be some textual content and a Touch Us button. At the proper are the group contributors, displayed seamlessly. Every individual has a picture, adopted by means of their identify and activity name. On hover, a gray overlay seems over the picture.

Team 42

Testimonial

Testimonials are a very good technique to construct believe with site guests and display your {qualifications}. In Testimonial Taste 10, there are two testimonial packing containers, every with a celeb score, testimonial textual content, an creator symbol, creator identify, creator activity name, and a quote icon on the backside proper nook.

Testimonial 10

Testimonial Taste 32 includes a Consumer Comments heading with some reproduction and a button at the left. At the proper are two testimonial packing containers with a big quote on the most sensible, adopted by means of the quote and famous person score. The creator’s symbol is displayed over the ground fringe of the field, adopted by means of the creator’s identify and activity name.

Testimonial 32

That is Taste 97. On this format, a consumer testimonial is situated at the left, with a quote icon and a celeb score. At the proper, separated by means of a divider line, is a video module for consumer movies. This may well be a captivating method so as to add a extra interactive and compelling testimonial on your site.

Testimonial 97

Timeline

The general format genre we’ll check out is timelines. Those may also be nice techniques to show a chain of occasions or show the historical past of your online business, for instance. The primary genre we’ll check out is Timeline Taste 6. It options an icon for every timeline merchandise, targeted at the web page. The alignment of every merchandise alternates from proper to left. Every merchandise includes a name and outline textual content, in conjunction with the icon which is on a black background. Every merchandise additionally includes a black form offset from the highest nook, which provides some design hobby to every merchandise.

See also  New Starter Site for Freelancers (Quick Install)

Timeline 6

Subsequent, Timeline Taste 10 additionally makes use of an alternating format, with the yr marked within the most sensible nook on the middle of the web page for every merchandise. Every timeline merchandise additionally options an icon, name, and outline textual content.

Timeline 10

In the end, Timeline Taste 18 makes use of a black bar with rounded corners on the very most sensible, indicating the date for every merchandise under. The person timeline pieces function a name and outline and are surrounded by means of a skinny border and rounded corners.

Timeline 18

Divi Theme Builder Layouts

Final Multipurpose Divi Wireframe Package additionally comes with some layouts that may be added to the Divi Theme Builder to genre the header and footer in your site. Let’s take a more in-depth glance.

Header

The primary header genre we’ll check out is Header Taste 7. It includes a white bar on the most sensible with some hyperlinks at the left and social media icons at the proper. Under this, on a gray background, is the emblem, e mail deal with, and make contact with quantity. Then, there’s a black bar that comprises the menu and a Touch Us button.

Header 7

Subsequent, Header Taste 11 begins with a gray bar on the very most sensible containing a brief line of textual content and social media hyperlinks. Subsequent, on a white background, is the emblem in addition to 3 blurbs with icons that show the hours, deal with, and get in touch with knowledge. This segment additionally comprises a Touch Us button. In the end, the black bar comprises the menu and a blurb with the telephone quantity knowledge.

Header 11

In the end, Header Taste 20 opens with a black bar containing touch knowledge along icons and social media hyperlinks. Then at the gray background under, there’s a emblem and a menu module.

Header 20

Footer

First, let’s check out Footer Taste 6. It has a novel design with a choice to motion segment containing some reproduction and two buttons on the very most sensible of the footer. Under, the principle footer segment comprises a column with a symbol, description textual content, and social media icons. Then, two columns with navigation hyperlinks. At the proper, touch knowledge is displayed in conjunction with icons for every merchandise. There’s a divider line under this stuff, adopted by means of some copyright textual content for the website.

Footer 6

Footer Taste 15 begins off with a row containing a picture or emblem, the deal with, an e mail deal with, and a telephone quantity, in conjunction with icons for every of the touch pieces. The pieces on this first row are separated by means of skinny divider strains alongside the ground and in between pieces. Under this segment, there may be an about us segment with some textual content and social media hyperlinks, two columns with hyperlinks to website pages, and a publication sign-up shape. On the very backside, there’s a black bar that comprises the copyright knowledge for the website.

Footer 15

In Footer Taste 18, the primary column includes a block with a white background protruding above the highest of the black footer segment. This block highlights a picture or emblem, some description textual content, a learn extra button, and social media hyperlinks. To the suitable of it is a Fast Hyperlinks column with hyperlinks to a few pages, then a publication sign-up column, and in the end, a Get In Contact column with blurbs that function touch knowledge such because the deal with, telephone quantity, and e mail. Under the principle footer segment is a sub-footer strip with a gray background, that includes the copyright textual content and 3 web page hyperlinks.

Footer 18

The place to Acquire Final Multipurpose Divi Wireframe Package

Ultimate Multipurpose Divi Wireframe Kit is to be had to buy from the Divi Market. It prices $9.00 for limitless site utilization and lifelong updates. The fee additionally features a 30-day money-back ensure.

Ultimate Ideas

Ultimate Multipurpose Divi Wireframe Kit comes with 22 other format sorts and over 1000 distinctive types that can be utilized to construct layouts in your site briefly. For the reason that designs within the equipment are wireframes, they don’t seem to be overly styled and can be utilized as the elemental construction for any form of website chances are you’ll wish to create. The whole lot is created with Divi modules, so it’s simple to open the module settings and follow styling to change into the wireframes into totally styled sections in your design. Should you construct internet sites and need a answer that will let you jumpstart the method whilst nonetheless leaving the design course as much as you, the Final Multipurpose Divi Wireframe Package may well be a very good possibility.

We would really like to listen to from you! Have you ever used the Final Multipurpose Divi Wireframe Package? Tell us what you consider it within the feedback!

The submit Divi Product Highlight: Ultimate Multipurpose Divi Wireframe Kit seemed first on Elegant Themes Blog.

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!