The Divi Anniversary Sale is in complete swing—and this yr, we’re doing one thing we’ve by no means completed sooner than. We’re gifting away all the DonDivi suite of top class plugins totally free to everybody who choices up a qualifying Divi product. That’s over $170 price of equipment added in your account, in an instant.

To turn you simply how tough this assortment is, we’ve created 3 use circumstances the usage of DonDivi and Divi. Those aren’t simply “cool concepts”—they’re sensible answers you’ll replica, customise, and use lately. You’ll even get a loose obtain of the entire layouts used on this put up so you’ll import and construct in an instant.

Right here’s a sneak peek of what we’ve in retailer…

Let’s dive in and uncover what you’ll do with DonDivi.

🎁 Get The Whole DonDivi Suite For Unfastened

We just lately bought all the DonDivi assortment—and to have fun, we’re giving it away totally free to everybody who makes a qualifying acquire right through the Anniversary Sale. That’s over $170 price of top class plugins, added in your account routinely whilst you purchase Divi Pro, Divi VIP, or any Divi bundle.

Read The Announcement

✅ What’s Incorporated?

Each and every qualifying acquire unlocks the entire choice of DonDivi merchandise, together with:

• DonDivi Builder — A top class set of 9 modules together with Popups, Grids, Content material Toggles, Tabs, Hotspots, Timelines, and extra.
• DiviMenus — A versatile menu builder that allows you to create mega menus, sticky headers, floating navs, popups, and interactive content material.
• DiviPasswords — Password offer protection to any segment, row, or module with a easy password box.
• DiviSignatures — Construct and organize customized electronic mail signatures the usage of the Divi Builder. Features a searchable listing!
• Floating DiviMenus — Flow your menus any place at the display with customized positioning and visibility controls.
• DiviMenus Sharing — Upload gorgeous social sharing buttons to any Divi structure the usage of DiviMenus kinds.
• DiviMenus On Media — Position interactive menus without delay on photographs and movies to spice up engagement.

And it’s all loose—only for becoming a member of in right through the sale.

Claim Your Free DonDivi Collection

3 Cool Issues You Can Construct With DonDivi

DonDivi isn’t only a package deal of plugins—it’s a full-blown inventive toolkit for Divi. Whether or not you need to support your headers, create slick popups, or make your pricing tables extra interactive, DonDivi makes it imaginable with drag-and-drop simplicity.

To turn you what’s imaginable, we’ve constructed 3 real-world examples the usage of:

• The Divi SaaS Starter Website with Divi Quick Sites
• The DiviMenus and DonDivi Builder plugins
• Pre-made DonDivi layouts imported into the Divi Library to jumpstart the method

Every instance beneath features a fast walkthrough—and we’ve even packaged up the structure recordsdata as a loose obtain on the finish of this put up.

1. Create a Supercharged Header Menu with DiviMenus

Uninterested in elementary header menus? DiviMenus permits you to create one thing way more dynamic—assume mega menus, hover unearths, and modals—all styled your approach proper within the Divi Theme Builder.

Right here’s how we constructed it:

We changed the worldwide header template within the Theme Builder with a premade DonDivi header menu structure (constructed with the DiviMenus Flex module) to offer us a case in point.

Then, we used the DiviMenus Flex module to construct a dynamic header with other kinds and hyperlink varieties. Right here’s what our instance menu comprises:

• House — a easy URL hyperlink
• Options, About, Weblog — each and every one unearths a customized Divi Structure from the library in a mega menu taste.
• Pricing — any other same old URL hyperlink
• Seek — opens a styled seek bar structure in a Popup
• Touch — additionally opens as a Popup with a touch shape, styled as a call-to-action button
• Get started Unfastened — a daring button that hyperlinks to the pricing web page
• Hamburger Menu – This hamburger menu presentations a WordPress menu on cellular (with collapsible sub menus!)

Showing Complete Divi Layouts with Sub Hyperlink Sort

To show a customized “mega menu-like” structure when soaring (or clicking) at the menu merchandise, you’ll use the Sub hyperlink kind within the module merchandise settings.

As an example, to turn the options structure when soaring over the “Options” menu merchandise, we first needed to save the options segment from our web site to the Divi Library.

Then, we opened the DiviMenus Flex module and adjusted the “Function” hyperlink kind to “Sub.” We then decided on the stored structure from the library because the content material.

We did the similar factor for the Weblog and About menu pieces as neatly. We stored a customized structure to the library for each and every and displayed it by means of the usage of the Sub hyperlink kind within the menu merchandise settings.

The About hyperlink presentations a ridicule structure with clickable blurb modules and the Weblog hyperlink presentations a dynamic weblog put up slider with mock hyperlinks to classes.

That’s just about it! Here’s the outcome.

Turning Layouts Into Popups The usage of the Popup Hyperlink Sort

For Seek and Touch, we used the Popup hyperlink kind to cause customized layouts from the Divi Library.

To create the “Touch” popup hyperlink, we used the design choices to taste the hyperlink with an icon, background colour, hover impact, and many others., to seem and serve as like a button. Then, we modified the hyperlink kind to “Popup” and decided on the touch shape structure from the Divi Library (which we were given from the touch web page).

We put some ultimate touches at the design to switch the colour of the overlay, the “shut” icon, and many others. That’s it!

The popup structure will display when clicking the touch hyperlink.

We did the similar factor to create a seek bar popup when clicking the quest icon. All you want to do is pull a predesigned seek bar structure from the library.

Listed here are the popup menu pieces in motion.

Styling Pointers:

• Use Icons or Customized Pictures for each and every merchandise for additonal polish
• Underneath Design > Menu Merchandise, alter padding and hover results
• Activate Sticky Settings so the menu remains on most sensible right through scroll
• Disguise Hyperlink Textual content on Cellular so best the Icon presentations, saving area

DonDivi’s DiviMenus permits you to flip a easy header into an interactive revel in adapted in your emblem and the consumer. And that’s simply the end of the iceberg. There may be so a lot more you’ll do with this plugin, particularly whilst you mix it with DonDivi’s Floating DiviMenus, DiviMenus Sharing, and On Media (additionally loose right through the sale).

2. Construct Customized Popups With Click on, Scroll, and Go out Triggers

Popups may also be aggravating—or superior. With DonDivi’s Popup module, you’re in complete regulate. You’ll display any Divi structure as a popup and cause it alternatively you need: on scroll, on click on, and even on go out intent.

On this instance, we took the CTA segment from the SaaS Starter Website homepage and grew to become it into a wise exit-intent popup. Right here’s how we did it:

Save the CTA Phase out of your homepage to the Divi Library.

Create a brand new Phase and upload the DonDivi Popup module.

Underneath Content material Settings, make a selection “Go out Intent” because the cause kind. Then make a selection “Divi Structure” because the content material kind and make a selection the corresponding Structure from the library within the dropdown menu.

Right here the popup in motion.

This can be a easiest solution to floor calls to motion with out interrupting your guests. Since you’re the usage of Divi layouts, the sky’s the restrict on customization.

✨ Extra Pointers

• Use Animation Settings so as to add access/go out results like “Zoom In” or “Slide Up”
• Keep an eye on popup width, background colour, and shut button place
• Need to cause on button click on as an alternative? Transfer to Click on Cause and assign a CSS elegance like .cta-popup to any part
• Use the scroll cause to have the popup display at a definite level when the consumer scrolls down the web page. This may be nice for including an electronic mail optin popup for your weblog put up template!

This Divi Popup module is an ideal FREE selection to extra powerful popup answers like Optinmonster and loose WordPress plugins like Popup Maker.

Consider it: Divi is your popup builder. If you’ll design it in Divi, you’ll show it in a popup with any cause you want.

3. Toggle Content material with Switches or Tabs (Highest for Pricing Tables)

Wish to let guests transfer between two perspectives—like per month and every year pricing—with out leaving the web page? The DonDivi Content material Toggle module does precisely that. It creates easy, interactive toggles between two layouts, easiest for pricing tables, function comparisons, or product plans.

In our instance, we used the pricing segment from the Divi SaaS Starter Website. We duplicated the pricing segment and changed the replica segment pricing. Then we stored each sections—one for per month pricing and one for every year pricing—to the Divi Library.

As soon as the layouts are stored, we went again to the pricing web page and added the DonDivi Content material Toggle module to switch the static pricing content material.

Underneath Content material > Layouts, assign each and every toggle state to one in all your stored layouts. Identify the toggle states Per 30 days and Every year.

And you’ll design the toggle within the design tab to check your emblem.

Right here’s the outcome.

🛠 Module Styling Pointers

• Use the Transfer Mode atmosphere for a blank, fashionable toggle transfer design
• Observe Input and Go out Results for easy transitions
• Taste toggle labels and content material independently the usage of the Design settings

Need to transcend two layouts or construct complex tabbed navigation? Take a look at the DonDivi Tabs module. It helps:

• Horizontal and vertical tab layouts
• More than one content material sections with distinctive styling according to tab
• Icons, subtitles, and access/go out animations

Each modules are incorporated within the DonDivi Builder, and so they paintings seamlessly with any structure you save to the Divi Library.

Ultimate End result

Here’s the overall outcome.

And in case you are questioning what occurs to the menu on cellular, there’s a collapsible WordPress Menu that also is utterly customizable with DonDivi.

📦 Obtain All Layouts From This Put up (For Unfastened!)

Need to check out those examples your self? We’ve packaged the entire customized Divi Library layouts used on this put up right into a loose downloadable ZIP report. Simply import them into your web page, plug them into the precise modules, and also you’re able to move.

Download Example Layouts

🎁 What’s Inside of:

• Web page Layouts — For putting in place your web site pages if wanted
• Customized Header Menu — The header menu structure we constructed the usage of Divimenus. You’ll upload it in your major header template within the Theme Customizer
• Header Submenus Layouts — 3 Divi Library layouts for Options, About, and Weblog sub-menu content material
• Menu Popup Layouts — 2 layouts: one for the quest popup and one for the touch shape when clicking the menu pieces
• Pricing Phase Layouts — Per 30 days and Every year pricing segment layouts, able to make use of with the Content material Toggle module
• Popup Structure — The structure for the DonDivi Builder Popup we constructed

The best way to use the layouts:

1. Obtain the zip report and unzip the recordsdata for your  laptop.
2. Import the “DonDivi Use Case Layouts-All.json” report into the Divi Library.

3. Then create a brand new homepage and pricing web page. Use the Divi Builder to create the web page the usage of the SaaS Homepage and SaaS Pricing web page layouts out of your library. You must see the monthy/every year pricing toggle on those pages.

4. To check out the DonDivi header menu, cross to the Theme Customizer and create a brand new Header for your default template the usage of the “Customized DM Header” structure out of your library.

We’ve additionally incorporated an advantage: a curated choice of loose DonDivi layouts from their member portal. Those templates are usually best available during the DonDivi web site, however we’ve arranged them for you by means of plugin so it’s simple to search out those you want.

🔥 Bonus: Obtain DonDivi Structure Library

DonDivi gives many premade layouts for each and every product that you’ll obtain totally free. As soon as you are making a qualifying acquire right through our sale, you’ll to find the entire DonDivi product downloads and the supplementary recordsdata beneath the Market Tab to your Members Area.

This can be a nice solution to jumpstart your subsequent undertaking—or discover what’s imaginable with the equipment you currently have get entry to to totally free.

Claim Your DonDivi Collection

🚀 Get started Development With DonDivi — For Unfastened!

Whether or not you need to improve your menus, create gorgeous popups, or upload tough UI options in your Divi web site, DonDivi has a device for the process. And for the primary time ever, you’ll get all the suite totally free right through our Anniversary Sale.

However don’t wait—this be offering is best to be had for a restricted time. As soon as the sale ends, so does the loose obtain.

Join the Sale & Get DonDivi Free

That is your probability to supercharge your design toolkit with one of the vital maximum inventive and versatile modules within the Divi ecosystem—at no further price.

We will’t wait to peer what you construct. 💜

🎉 The Divi Anniversary Sale is Finishing Quickly

Our Anniversary Sale best has a couple of days left—and it’s filled with techniques to avoid wasting throughout all the Divi ecosystem. Whether or not you’re new to Divi or already a member, there’s one thing for everybody, together with unique bundles, massive reductions, and the entire DonDivi suite utterly loose with qualifying purchases.

• Divi Pro – 78% Off — Comprises the whole thing: Divi, Divi AI, Divi Cloud, Divi VIP, Divi Sprint, and Divi Groups, plus a $50 Market credit score and all the DonDivi assortment.
• Divi AI – 60% Off — Generate replica, photographs, and layouts within Divi with AI equipment skilled for your web site.
• Divi Cloud – 40% Off — Retailer and sync your layouts, templates, and code throughout your entire web sites.
• Divi Teams – 40% Off — Give your workforce or purchasers shared get entry to to Divi products and services with controlled roles and permissions.
• Divi VIP – 40% Off — Get 24/7 top class give a boost to with sub-30-minute reaction occasions and 10% off all Market purchases.
• Save 60% on Module Bundle, Feature Bundle, and Layout Bundle — Grasp curated collections of best-selling modules, layouts, and extensions within the Divi Marketplace.
• Lifetime Upgrade — Make a one-time fee for lifetime get entry to to Divi and each and every long term replace.

Don’t wait. Grasp a deal and get DonDivi loose lately.

Take Me To The Sale

The put up 🤩 Three Cool Things You Can Do With DonDivi (Free Download) gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more