Tag: General News

I’m back with another Divi 5 update! As you may know, we are in the midst of a massive project recreating the Divi Builder, focusing on foundational improvements such as performance and extendability.

I give a quick update every month to keep the community informed about our progress. Last month, I announced the release of Divi 5 Dev Beta, the second of four beta phases that will precede the launch of Divi 5. With the release of Dev Beta and the Divi 5 API complete, we are working towards the Public Alpha, ensuring we finish enough of Divi’s core features to make that first public beta version broadly usable.

What We Accomplished This Month

We accomplished a lot this month, completing the conversion of more Divi modules, such as the Accordion module, Social Follow module, Icon module, Search module, and Code modules. We fixed more bugs, made more improvements, updated more docs, and continued our march toward the Public Alpha phase.

Here are the latest Divi 5 changelog entries. 👇

• Added Map & Map Pin modules for Divi 5
• Added Pricing Tables and Pricing Table module for Divi 5
• Added Slider and Slide modules for Divi 5
• Added Video module for Divi 5
• Implement import premade layouts via the cloud app into the visual builder.
• Fixed the Dynamic Content button so it would also show up on filled text boxes.
• Added UI enhancement for nested option group in module settings modal.
• Generated module.json from typed ts file to ensure module metadata property values are validated.
• Updated PHP snapshot test
• Fixed a bug that prevented Divi stylesheets from loading in the Builder when a child theme was active.
• Fixed portfolio links exiting the visual builder.
• Fixed resetting a custom hover image causes conflicts on the FE.
• Fixed the Help modal size issue where undocking the Help modal caused it to appear larger than its original size.
• Fixed the Divider module’s default weight.
• Fixed the Blurb module’s icon default size.
• Updated CTA and Login button border and text colors to be empty by default.
• Introduced the elementType imageLink into the ModuleElements class that works to render a linked image element.
• Introduced the elementType wrapper into the ModuleElements class that works to render a wrapper element.
• Introduced the elementType image into the ModuleElements class that works to render an image element.
• Fixed the HTML difference between D4 and D5 for the Code module.
• Added Accordion & Accordion Item modules for Divi 5
• Added Social Media & Social Media Item modules for Divi 5
• Added Icon module for Divi 5
• Added Search module for Divi 5
• Added Fullwidth Code module for Divi 5
• Created doc generator for Divi 5 PHP Action and Filter Hooks.
• Updated PHP action hooks doc declaration.
• Updated PHP filter hooks doc declaration.
• Updated docs for PHP API.
• Added UI enhancement for module settings and modal in general.
• Updated tutorial to incorporate the latest improvement in module development.
• Added new Field Library Component: Warning
• Refactor `animationClassnames` implementation
• Added `moduleClassname` and `moduleOrderClassname` properties for module metadata on `module.json`
• Added `ModuleElement.scriptData()` method
• Added `ModuleElement.styleComponents()` method
• Added option to activate enhanced UI
• Fixed an issue when changing animation style causes the module to crash.
• Fixed correct state(Desktop, Tablet etc.) is not selected in the State Picker modal.
• Fixed Incorrect selector for sticky.
• Fixed leftover defaultAttrs and defaultPrintedStyleAttrs references in the documentation site
• Fixed Module Settings Field doesn’t handle responsive / hover / sticky value correctly if field props are not explicitly declared
• Fixed Page Settings Bar’s icons in buttons are not centered in Firefox
• Fixed the issue of importing link options from D4 to D5 in the Blurb module.
• Fixed the issue of importing link options from D4 to D5 in the CTA module.
• Fixed the issue of showing dynamic child item titles in the content panel for the tab module.
• Fixed vertical and horizontal offsets don’t work with the relative position in the Fullwidth Header module.
• Properly enqueue package style after theme style
• Updated documentation page of functions that are used on the dev beta tutorial

Let’s Talk About Shortcodes

I also wanted to take a moment to discuss one of Divi 5’s most significant changes, which is the removal of shortcodes and the migration towards a more modern storage format that aligns with the future of WordPress.

Why Move Away From Shortcodes?

There are several benefits of Divi 5’s move away from shortcodes. First, WordPress will inevitably deprecate shortcodes as more and more users gravitate towards the new editor, and we want to stay ahead of the game.

Shortcodes also have limitations that make it difficult or impossible to accomplish certain things, like infinitely nested elements, and they also come with inherent problems that often rear their ugly heads, such as particular characters within the post content breaking the shortcode logic, which leads to overly-complex solutions to fix the underlying issue.

Shortcodes are also less performant since parsing them can require complex regular expressions. On the other hand, our new storage format is much easier to parse, which will result in a small performance improvement.

Finally, there is the issue with shortcodes being left over in the post content after moving away from Divi, which will no longer be a problem in Divi 5. If you build your website with Divi 5, and then switch to a new theme or builder, you’ll start with a blank slate instead of with unwanted shortcodes in the post content.

How Will Shortcodes be Migrated On Existing Websites?

In order to make this switch, we’ll need to programmatically search through your website and convert shortcodes to the new format. After you upgrade to Divi 5, there will be a migration process that you initiate to complete the conversion. Old Divi 4 shortcodes will still work with Divi 5, but they will come with a performance cost, and we recommend that everyone migrate their websites and update their third-party Divi modules so that your entire website is using the Divi 5 framework.

If you are building a new website in Divi 5, on the other hand, everything will use the new framework by default. Old layouts in your library or old layouts that you have exported from Divi 4 will be automatically converted to the Divi 5 format on import.

Stay Tuned For More Updates

That’s all for this month’s Divi 5 update. In other news, we have an update to Divi AI coming out in the next few weeks that will allow you to generate code with AI, making it easier than ever to customize Divi and its modules. For those of you who like to break free of Divi’s design settings and write your own CSS, I think you are going to find this update incredibly useful.

Stay tuned for that, and I’ll see you in the next update. Follow us by email and subscribe to our YouTube channel for all the latest news.

The post Divi 5 And The Move Away From Shortcodes appeared first on Elegant Themes Blog.

I’m back with another Divi 5 update, and this time I am pleased to announce the release of Divi 5 Dev Beta, the next phase in the Divi 5 beta program. The Divi 5 foundation is complete, our development documentation is filling out nicely, and we have used the Dev Alpha phase to collect feedback and solidify the Divi 5 API.

With the launch of Dev Beta, we will invite many more developers to join the beta program so they can begin transitioning their Divi modules to the official Divi 5 framework and work on new and exciting features that can be ready for the launch of Divi 5.

Meanwhile, our team will be focused on progressing to the next phase: Divi 5 Public Alpha, the first public beta phase.

What We Accomplished Since My Last Update

We got a lot of work done over the past six weeks, completing the Divi 5 API and squashing over 180 bugs. I am a little late with my update this month, but we wanted to ensure we wrapped up the Divi 5 Dev Beta and cleaned up as many bugs as possible before progressing to the next phase. If you are interested in the nitty gritty, here is the full changelog:

Changelog Entries:

• Refactored props and moved sticky responsive hover props to features props.
• Fixed portfolio module with categories imported as layout from D4.
• Fixed portfolio module sizing options not working correctly.
• Fixed Portfolio module FE warnings if no featured image is set.
• Updated module conversion tutorial.
• Fixed the styles not being applied on the button inside the Login Module.
• Fixed the Blurb module text alignment issue on the front end.
• Fixed the issue with the icon not displaying on the Frontend of the Fullwidth Image module.
• Fixed the issue where the Layout Name field of Add To Library modal was not required to save the layout.
• Fixed Tabs module border overflow issue.
• Fixes issue where the user can’t use Border Radius unit other than px.
• Updated inline JSDoc throughout the codebase.
• Renamed hooks and transients to use the new D5 naming convention for hooks and transients.
• Updated background Style Declaration to render based on Gradient enabled value.
• Updated Gradient field container/component to inherit value and render preview accordingly.
• Fixed a bug that was causing Button’s hover background color to not show up in Builder or Frontend.
• Background gradients in Tablet and Phone views will now inherit “direction” values when they do not have their own specified.
• Optimized and refactored Transition Style with Element Style to abstract font and text-shadow CSS properties from its parent function into their own respective methods.
• Add a Transition option to module attributes by default.
• Updated webpack config to generate CSS files for Visual-Builder Packages.
• Updated build process to copy font files in the build directory for @font-face entry.
• Updated Storybook to use webpack 5.
• Added get_package_list, get_package_asset, and enqueue_package_style PHP functions.
• Refactored AssetsUtility to automatically enqueue CSS for Visual-Builder Packages when JS for Visual-Builder Packages enqueued.
• Renamed FormatAttr<> type into FormatBreakpointStateAttr<>.
• Implement style method of ModuleElements of various Divi Modules.
• Renamed module.decoration.filter into module.decoration.filters To Make It Consistent Between All Modules.
• Implemented Dynamic Content to existing modules that have frontend rendering already.
• Refactor the component so that the field inside of it can be flexibly modified.
• Fixed missing et_pb_css_mix_blend_mode_passthrough class to Column module Frontend.
• Fixed the issue of the class name not being added to VB and FE for the Regular section.
• Fixed the issue of the responsive content of the Person module.
• Fixed an issue where Upload Preview was showing for all upload file types.
• Fixed an issue with Portfolio where no projects show an empty page in Frontend.
• Fixed margin left and right options override the alignment of the Divider module.
• Fixed the row module’s “Equalize Column Heights” setting to work as expected.
• Fixed Bar counter percent field not showing text value.
• Fixed incorrect Border Color and Text Color default values of the Button module.
• Fixed custom padding value doesn’t work in Row Inner.
• Updated module background image CSS declarations to include repeat settings.
• Added Background Image settings (height, width, vertical offset, horizontal offset) to D4>D5 Conversion’s attributes map.
• Fixed A Bug That Was Causing The Inline Rich Text Editor to Not Activated Properly On Some Cases.
• Fixed A Bug That Was Causing a Fatal Error With Modified Title Of The Blurb Module.
• Fixed A Bug That Was Causing the Title Of The Tab Module Not Being Saved From the Inline Text Editor.
• Refactored Circle Counter rendering so that the background video will appear on top of the background color or gradient.
• Fixed a case where the background color for the Text module had different output between Builder and Frontend.
• Fixed an issue with the conversion of the section backgrounds attributes during import.
• The keyboard shortcut for saving in Linux and Windows is fixed.
• Animation for Resize button icon for the help modal is fixed in docked mode.
• When “Builder Interface Animations” is disabled, the help modal’s animations are disabled too.
• The video list navigation’s disappearing issue on resizing the docked modal is fixed.
• Fixed incorrect space between Undock and Close buttons, which increases as the modal size is increased
• Resize button icon for the help modal is now centered in docked mode.
• Fixed responsive icon not working in Testimonial module VB.
• Fixed the difference in the Hover State Styles selector
• Fixed the Responsive Content functionality in the Login module.
• Fix hover selectors in FE if the selector has a pseudo-element.
• Fixed the issue of setting up the default Circle Background Opacity value in the circle counter module, same as D4.
• Fixed hover selectors in VB if the selector has pseudo element.
• Fixed wrong important values of margin and padding modules.
• Fixed a missing class name issue in the Audio module Frontend.
• Fixed Icons not rendering properly in Testimonial Module Frontend.
• Fixed error when duplicating child modules
• Fixed Image module sizing options not working
• Fixed Toggle title styles in the Toggle module are not working correctly in both VB and FE.
• Fixed the issue of toggle open icon styles in FE for the toggle module.
• Fixed empty button behavior in FE.
• Fixed disable State option in Hover mode.
• Fixed disabled_on conversion issue.
• Fixed Add to Library button will not display unless the User Role is re-saved.
• Fixed the issue where clicking on the blank space within the label in the components group would trigger the first option instead of being inactive.
• Fixed the Add To Library modal cut-off when it’s opened from a certain position.
• Fixed incorrect button icon animation for hover.
• Fixed responsive content functionality not work in the FE button component.
• Fixed the overflow issue of the full-width image, which has a border-radius set.
• Fixed a bug in the Code setting field, unable to delete the value on responsive mode.
• Fixed the issue of input placeholder value, which is not getting removed after removing the text in it.
• Fixed settings modal’s scrolling when scrolling over responsive disabled elements.
• Resolved the issue causing glitchy behavior on touch-enabled devices for responsive content.
• Fixed the fatal error caused by saving an empty desktop breakpoint value.
• The input field’s value will be inherited from the upper breakpoint.
• Fixed Dynamic Content options list dropdown overlap with TinyMCE element.
• Fixed script-based feature (eg. animation) that doesn’t work on the shortcode module.
• Dynamic Content: Added tests for various functionalities of Dynamic Content UI.
• Dynamic Content: Added URL type support to Dynamic Content in the Testimonial module.
• Dynamic Content: Define the id property on each Dynamic Content option registration.
• Dynamic Content: Refactored and migrated Dynamic Content To.
• Dynamic Content: Rename some field terms used in the options in Dynamic Content.
• Dynamic Content: Introduced a new way to register Dynamic Content option settings and rendering part.
• ModuleElements: Implement ModuleElements on modules that are available on Divi 5.
• Module Attribute Refactor: Refactor Module Attribute for IconAttr and Social Media Follow Modules
• Fixed Custom CSS conversion issue.
• Transition Style: Transition Style component refactoring.
• Position Options: Fix the issue of the Position Options style being rendered when no attribute is given by allowing the style component to have the defaultPrintedStyleAttr property that is inferred from the module’s module.json

What’s Next For Divi 5?

With the Dev Alpha and Dev Beta phases in our rearview mirror, it’s now full-speed ahead towards Public Alpha, the first user-facing beta version. Between now and the release of the Public Alpha, we will fill in missing features, fix bugs, and ensure we finish enough of the project to warrant a public release.

If you aren’t familiar with Divi 5, let me give you a quick refresher. 👉 Divi 5 is a complete rewrite of the Divi Builder focused on the fundamentals. We aren’t adding many, if any, new features but instead are focused on performance, stability, scalability, and extendability. We squeezed everything we could out of Divi 4, and now we are building the new foundation we need to propel Divi into the future. To get there, we essentially need to recreate every piece of the Divi Builder one piece at a time.

We are now working towards the release of Divi 5 Public Alpha. This will be a functional and hopefully bug-free version of Divi 5 but with some of the least popular Divi modules and features missing. You’ll be able to test out Divi 5 and even use this version if the missing features aren’t something you miss.

After the Public Alpha is released, we will work towards the Public Beta, which will include all of Divi’s current features and serve as a release candidate for Divi 5, pending the fix of any bugs found by our beta testers.

Join The Divi 5 Dev Beta

If you are a developer creating custom Divi modules for the community, you can apply to join the Divi 5 Dev Beta. If you already applied to the Dev Alpha but weren’t accepted, there’s no need to apply again. Just keep on an eye on your email inbox for an invite.

Reminder: This phase of the beta program is only intended for developers of Divi modules. Once we have added a few more features, polished the UI, and cleaned up any remaining bugs, we will release the Divi 5 Public Alpa, the first beta version intended for general testing.

Stay Tuned For More Updates

I give a Divi 5 update every month, so be sure to subscribe to our newsletter and our YouTube channel to stay current! Divi 5 is a big project, but I’ll be here every step of the way, pulling back the curtains and giving you insight into our progress.

Leave a comment if you have any questions, and I’ll see you in the next update.

The post Announcing Divi 5 Dev Beta appeared first on Elegant Themes Blog.

I’m back with another Divi 5 progress update. If you aren’t familiar with Divi 5, check out our original announcement post. To put it briefly, we are recreating the builder in Divi 5 from the ground up, focusing on performance, stability, scalability, and extendability. It won’t come with many new features, but it will be way faster and more capable, and it will give our team and the community the tools we need to hit the ground running with fantastic new modules and features.

Last month, I gave a demo of the Divi 5 Visual Builder to showcase its lightning-fast speed, so if you missed that video, be sure to check it out.

I’ll discuss Divi 5’s extendability and give a quick demonstration in this month’s update. But first, let’s talk about what our team has been up to over the past month.

What We Accomplished This Month

We made a lot of progress last month. We are nearing the launch of Divi 5 Dev Beta, the next phase of the Divi 5 beta program, and I hope to announce its release in my next update.

While on the home stretch, we remain focused on simplifying the module creation process so that creators from the community and our team can build Divi 5 modules more quickly. The work we put in during this phase will pay dividends in the proceeding phases, with the ultimate goal being to get your hands on Divi 5 sooner.

Changelog Entries:

• Refactored all currently built modules to incorporate a new and improved element-based attribute system.
• Added saveInlineEditorValue Util Function In packages/module-utils To Store Value From Inline Text Editor
• Added canEditInline Util Function In packages/module-utils To Check If the Module Attribute Can Be Edited Inline
• Added onPaste Handler Event To The Inline Text Editor to Process Clipboard Data
• Replaced Inline Text Editor Event Based classNames With data-* Selectors (e.g: et-vb-editable-element–empty, et-vb-editable-element–html) In The Builder.
• Updated CSS For Inline Text Editor With data-* Selectors (e.g: [data-et-vb-editable-element]).
• Updated Inline Text Editor to Check Whether Module is Editable and The User have ProperPpermission to Edit
• Refactored Keyboard Shortcut Store To Disable Shortcuts When Inline Text Editor Is In Editing Mode
• Added Inline Text Editor functionality To Audio Module For Title
• Added Inline Text Editor functionality To Blurb Module For Title
• Added Inline Text Editor functionality To Bar Counter Module For Title
• Added Inline Text Editor functionality To Circle Counter Module For Title
• Added Inline Text Editor functionality To Code Module For code (HTML) Content
• Added Inline Text Editor functionality To Countdown Timer Module For Title
• Added Inline Text Editor functionality To Fullwidth Header Module For Title and Subhead
• Added Inline Text Editor functionality To Fullwidth Code Module For code (HTML) Content
• Added Inline Text Editor functionality To Login Module For Title
• Added Inline Text Editor functionality To Number Counter Module For Title
• Added Inline Text Editor functionality To Person (Team Member) Module For Name and Position
• Added Inline Text Editor functionality To Pricing Table Module for Title, Subtitle, Currency, Sum and Frequency
• Added Inline Text Editor functionality To Slider Module For Slide Heading
• Added Inline Text Editor functionality To Tabs Module For Tab Title
• Added Inline Text Editor functionality To Testimonial Module for Author, Job Title and Company Name
• Added Inline Text Editor functionality To Toggle Module for Title
• Added Inline Text Editor functionality To Wireframe View for Module Admin Labels
• Updated Inline Text Editor functionality To Set Default Text When Module Attribute Is Edited With Empty Value (e.g Admin Labels in Wireframe View Mode)
• Added Test Cases To Ensure Editing Mode For Inline Text Editor Doesn’t Get Activated For Locked Module
• Added Tests For In All The Modules That Use The Inline Text Editor To Ensure It Works As Expected.
• Added Base InlineRichTextEditorContainer And InlineRichTextEditor Components In The Builder For Inline Editing Of Rich Text.
• Introduced the ElementInnerContent class, a simplified version of the MultiViewElement class.
• Improved MultiViewScriptData class.
• Added custom filter and hook in Responsive Content FE script.
• Introduced MultiViewElement class.
• Dynamic Content: New Dynamic Content value format: `$variable(JSON_VALUE)$`.
• Dynamic Content: Introduced new attributes conversion functionality for Dynamic Content attributes.
• Dynamic Content: Introduced initial Dynamic Content rendering in frontend part.
• New approach on processing Dynamic Content values. The Dynamic Content values will be processed on the block parser before the document is parsed into list of block structures.
• Back ported the code to resolve the Dynamic Content built-in and custom field values based on the field name and settings.
• Back ported the code to generate the Dynamic Content built-in and custom fields based on different conditions.
• Dynamic Content: Introduced initial Dynamic Content rendering in VB
• Dynamic Content: Integrated Dynamic Content functionality into `ModuleElements` class.
• Dynamic Content: Implemented Dynamic Background Image functionality in VB.
• Dynamic Content: Introduced initial Dynamic Content UI on Module Settings in VB. Right now this is available as prototype on testimonial module’s input text with support on `site_title` Dynamic Content Option only.
• Inline RichText Editor: Added core TinyMCE editing capabilities to the Rich Text inline editor component
• Inline RichText Editor: Updated the Rich Text inline editor to retrieve editable content and save edited content.
• Module Attribute Refactor: Refactor Icon module’s attributes.
• Module Attribute Refactor: Refactor Social Media module’s attributes.
• Module Attribute Refactor: Refactor Video module’s attributes.
• Module Attribute Refactor: Refactor Search module’s attributes.
• Module Attribute Refactor: Refactor Full Width Code module’s attributes.
• Module Attribute Refactor: Refactor Pricing Tables module’s attributes.
• Module Attribute Refactor: Refactor Accordion module’s attributes.
• Module Attribute Refactor: Refactor Full Width Map module’s attributes.
• Module Attribute Refactor: Refactor Full Width Slider module’s attributes.
• Module Attribute Refactor: Refactor Map module’s attributes.
• Community Reported Bugs: Implementing Module Credit mechanism. Add Credit on module.json to display module credit.
• Community Reported Bugs: Enable selected tag on field description
• Transition Options: Added Transition Style Component for all modules which used ElementStyle.
• Module Elements: Introducing ModuleElements class to simplify elements creation on Audio, Blurb, CTA, and Testimonial modules.

Illustrating Divi 5’s Extendability

One of the most essential aspects of Divi 5 is its extendability. When I talk about extendability, I am talking about Divi 5 being nimble and capable from an API perspective and the many unique features we can create thanks to those improvements. I have also spoken about aligning Divi 5 with the future of WordPress, removing shortcodes, and integrating many of the WordPress block packages into Divi 5.

What does all of this mean for the future of Divi?

I asked the manager of our dev team to find a little free time to whip up a quick demo that illustrates these aspects so that I could share something fun in this update that is visually representative of Divi 5’s extendability. He came up with the Automatic Block Module. A module that turns every Gutenberg block into a Divi module, supercharging them with Divi’s wide range of design settings and allowing you to mix modules and blocks on the same page!

The block module grabs HTML elements from the block and dynamically generates option groups that give you complete control over its design. You can also generate new option groups on the fly, targeting and customizing any element.

While we created this block module for fun, and it’s neither finished nor polished, it is a wonderful demonstration of what we can do with Divi 5, and with relative ease, thanks to the new foundation we are creating.

Not only is it easy for us, but for you and the development community too, thanks to the open nature of the API. We may even finish up this Block Module and add it to Divi 5 as an official feature. But for now, we remain focused on progressing through the beta phases.

Divi AI Is Almost Finished!

That wraps up this month’s Divi 5 update. In other news, our first version of Divi AI is nearly finished, which will allow you to generate extraordinary images out of thin air and write and improve content with AI while you work in the Visual Builder. I’ve been having a lot of fun playing with the unfinished version and I am looking forward to wrapping it up and shipping it soon!

Stay Tuned For More Updates

I promised to give Divi 5 progress updates every month, and that’s what I plan to do! I can’t promise that every update will be exciting, but rest assured we are working as hard as we can to finish this huge project. Each day we get a little closer and the Divi 5 foundation gets a little stronger. We will soon be launching the Divi 5 Dev Beta, which means the foundation will be complete. From there, it’s full steam ahead on the user-facing features that you will get to test out in the Public Alpha later this year.

Leave a comment if you have any questions. See you in the next update!

The post Divi 5 Progress Update: Exploring Divi 5’s Extendability appeared first on Elegant Themes Blog.

We are in the midst of a massive project, Divi 5, and I like to update the community every month on our progress. Last month, we dug deep into the five stages of the Divi 5 beta program to better understand how we are approaching such a big project in the most advantageous way for Divi users. We are in Phase 1, Dev Alpha, and we are getting closer to launching Dev Beta, at which point the new Divi 5 API will be solidified. We will invite more developers to join the program while we work towards the first public release later this year.

In this month’s update, we’ll talk about the updates we made to Divi 5. I’ll also show you how fast Divi 5 is, and then I’ll give you a sneak peek of our upcoming Divi AI feature! Let’s dig in.

What We Accomplished This Month

We got a lot done this month! There are many little things that we are filling in, one by one, as we inch closer to our first public release, where the UI will need to be polished and a solid set of Divi features will need to be finished. We worked on section dividers, background videos, condition options, responsive content and fixed a few bugs.

Most of our work focused on solidifying the Divi 5 API, which is what the Dev Beta versions are about. The general trend here is that we are building a foundation to make it easier for our team and the development community to create great Divi modules and features. We need to get this part right so everything else falls into place how we want it to.

We worked on unifying and simplifying Divi 5’s new REST API. We finished several new functions and their implementations, which aim to significantly reduce the time it takes to create a Divi module. Again, we are putting in extra work at the foundation level so that the rest of the Divi 5 project will go faster, and all the modules and features we add after Divi 5 will be developed more quickly.

We also refactored Divi’s shortcode conversion method, which will play an essential role in backward compatibility.

If you are interested in the finer details, here are the most recent changelogs entries:

Divi 5.0.0-dev-alpha.4

• Fix render for background fields in the Shortcode module settings modal
• Fix shortcode module setting fields visibility with regex pattern conditions.
• Added frontend rendering of Section Dividers options.
• Fixed hover options not working properly in the visual builder and front-end for module options that have multiple selectors.
• Refactored @divi/scripts package and add tests
• Published types packages to npm in preparation for release to the public

Divi 5.0.0-dev-alpha.5

• Allow the Shortcode module to send another request when the previous request is aborted automatically.
• Render the sticky options button when the current Shortcode module is sticky.
• Render the sticky options button when the current Shortcode module is inside a sticky module.
• Removed unused default value Record<number, string | Record<string, string>> type in Shortcode module.
• Fixed incorrect Woo Shortcode module elements showing up on a single product page. Affected Shortcode modules: Woo Product Notice, Woo Product Images, Woo Add To Cart, Woo Product Stock, Woo Product Price, Woo Related Products, Woo Product Upsell, and Woo Products.
• Rename the Unsupported module into the Shortcode module along with the module slug, REST API route, label, test cases, and storybook.
• Added Background Video fields in Module Background Options.
• Refactored rendering of Background Video in Visual Builder without REST API calls.
• Added rendering of Background Video Module Options in Frontend.
• Added ScriptData to initialize Background Video in Frontend.
• Added support for Background Video Module Options in Sticky state.
• Updated visibility of Divider fields in Module Options to hide additional options if a Divider Style has not been selected.
• Updated visibility of the Divider Horizontal Repeat setting in Module Options to be hidden for Divider Style options that explicitly reject repetition.
• Updated visibility of the Divider Arrangement setting in Module Options to be hidden in Fullwidth Section settings (where only the default value “below” is allowed).
• Updated the Divider Style field preview in Module Options to reflect any horizontal and/or vertical flip currently applied to the divider.
• Updated the Divider Height field in Module Options to allow saving of percent (“%”) values in addition to the default pixel (“px”) unit.
• Updated the Divider Horizontal Repeat setting in Module Options only to accept positive number values (“1x” or higher).
• Added Conditions options foundation including initial conditions for Author, Logged In, and User Role, remaining Conditions to be added incrementally in future releases.
• Added ElementComponents component, the equivalent of <ElementStyle /> but for rendered HTML elements.
• Added elementClassnames() function, the equivalent of <ElementStyle /> but for functions that output class names.
• Fixed Font Heading Level error.
• Fixed PHP Warnings triggered in Portfolio Module.
• The proper REST permission callback has been added to all registered REST routes.
• A new RoleEditor class has been introduced to determine Divi roles, including tests for the functionality that was refactored from D4 to D5.
• The .sendRequest() features, such as automatic ET and WP nonce addition and stream response support, have been added to fetch().
• The fetch() has been completely refactored for better maintainability and scalability, allowing for the introduction of new and complex conditions and features e.g. .sendRequest()’s options.
• All REST API calls, fetch(), loggedFetch(), and .sendRequest(), have been unified, and now only loggedFetch() is used.
• Refactored conversion mechanism for modules.

Divi 5.0.0-dev-alpha.6

• Improved and streamlined REST API registration, logic, schemas, and tests. Renamed divi/ajax package to divi/rest package.
• Added InlineTextEditorContainer and InlineTextEditor components for Inline Text Editor.
• Added onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown, and onMouseUp handlers for the Inline Text Editor.
• Added a saving mechanism to update attribute value from the Inline Text Editor field.
• Added event handlers to activate and deactivate editing mode for the Inline Text Editor.
• Added ClassNames based on activation/deactivation and other states like __empty, __editing, __html.
• Added CSS/Inline Style for the Inline Text Editor.
• Refactored WindowEventEmitterInstance to add mousedown event listener.
• Introduced responsive content PHP helper.
• Introduced responsive content JS helper.
• Added responsive content functionality in the FE scripts.
• Added responsive content implementation in Name, Position, Image, and Content elements of the Team Member module
• Added responsive content implementation in the Use Percentage, Percent, and Title elements of the Bar Counters module
• Added responsive content implementation in the Button Text element of the Button module.
• Added responsive content implementation in the Title and Content elements of the Toggle module.
• Added responsive content implementation in the Text Inner element of the Text module.
• Added responsive content implementation in the Title element of the Countdown Timer module.
• Added responsive content implementation in Title, Image, Artist Name, and Album Name elements of the Audio module.
• Added responsive content implementation in the Content element of the Code module.
• Added responsive content implementation in the Title, Content, and Button elements of the CTA module.
• Added responsive content implementation in the Image module.
• Added responsive content implementation in the Title element of the Circle Counter module.
• Added responsive content implementation in the Title element of the Number Counter module.
• Added responsive content implementation in the Title and Content elements of the Tabs module.
• Added responsive content implementation in the Title and Content elements of the Login module.
• Added responsive content implementation in the Show Divider option of the Divider module.
• Added responsive content implementation in Title, Subhead, Content, Logo Image, Header Image, Button One Text, and Button Two Text elements of the Fullwidth Header module.
• Added responsive content implementation in the Fullwidth Image module.
• Added responsive content implementation in the Title and Content elements of the Portfolio module.
• Relocate Shortcode module-related code to the Shortcode Module package.
• Add font heading style renderer on the ElementStyle component.

The Speed of Divi 5

Before we wrap up today’s post, I want to discuss speed. As you may know, we aren’t planning to add many, if any, new features to Divi 5. However, one of the most significant changes that will come with this new version is a massive increase in speed, especially in the Visual Builder, where we all spend so much time.

Even though the Divi 5 UI isn’t finished, and the builder is missing features, I still wanted to give you a sneak peek at the difference in performance that I keep talking about. So please withhold judgment about how things look in this video, which will change, and just focus on the speed of the interactions!

You will immediately notice everything appears instantly as elements are hovered over on the page. Opening the settings popup is equally snappy, as is adjusting design settings. It’s a night and day difference across the board. Also, it doesn’t matter how big and complex the page becomes. The Visual Builder can handle it, and it remains fast.

Achieving this level of speed wasn’t possible in Divi 4, and it’s one of the reasons that this Divi 5 re-architecture is so important.

Coming Soon: Divi AI

That’s everything for this month’s Divi 5 update. However, I do have one more teaser for you. While almost our entire team is focused on Divi 5, we still have a small group of people working on Divi 4 features that won’t affect Divi 5 development, and right now, we are working on something very exciting.

It’s called Divi AI, and it leverages large language models to help you create content, such as text and images, for your Divi websites right inside the builder! Since it’s integrated into Divi, we can teach things about the builder and your website to help it create or improve your content in a way that makes sense and feels incredibly intuitive.

Check out today’s Youtube video for a sneak peek at Divi AI.

Stay Tuned For More Updates

That’s all for our May progress report. If you have any questions, be sure to leave a comment. Stay tuned for next month’s update, and I’ll see you in the next one!

The post Divi 5 May Progress Update: Previewing The Speed Of Divi 5 appeared first on Elegant Themes Blog.

Every month, I update the community about our progress on Divi 5. Divi 5 is the next big version of Divi that will introduce a new foundation for the builder, focusing on improving performance, stability, scalability, and extendability. It won’t come with many new features. It will, however, give our team and the development community the tools to push forward into the future. It will also make Divi much faster, among many other things!

If you want to learn more about Divi 5, check out my original announcement.

What We Accomplished Since My Last Update

Last month, we announced the release of Divi 5 Dev Alpha, the first phase in the Divi 5 beta program. This phase is focused on solidifying the new API and working with Divi creators to make sure we give them the tools they need to create great modules and convert their existing modules to take advantage of what the new version of Divi has to offer.

Over the past month, we released many significant updates to our new Divi developer documentation, including long-form tutorials that walk you through creating Divi 5 modules and converting Divi 4 modules to the new API. This new developer documentation is incredibly in-depth and will eventually dig into every function and hook in the new version of Divi.

We improved backward compatibility with Divi 4 modules and are working towards our initial promise that nothing will break when you update to Divi 5. We also fixed random bugs found by participants in the beta program related to features and functionality already existing in Divi 5. That’s one of the great parts of releasing these very early alpha versions; by the time we get to the final release, there will be no surprises.

The most significant update in this release was work involving Divi’s element style components, which significantly streamlines the process of assigning design settings to individual module parts, making creating Divi modules faster for our team and the team community. It also opens the door for nested option groups.

Finally, we filled in many user-facing features, including the Global Elements, Divi Help Modal, Save to Library functionality, Section Divider settings, and more.

A Deep Dive Into Divi 5’s Progression

I want to take some time to explain the five phases of the Divi 5 beta program and how we are approaching Divi 5 development so that you can put our monthly progress updates into perspective.

First, let’s put this project as a whole into perspective. What is Divi 5?

Well…we are essentially recreating everything related to the builder from scratch! Iterating on the Divi 4 codebase isn’t sustainable forever, and it’s time to build a new foundation. So, how do we approach such an enormous project with such a daunting roadmap?

That’s where the five phases of Divi 5 come in.

The Five Phases Of Divi 5

We are building Divi 5 piece by piece in a modular fashion, starting from a functional base. Every two weeks, Divi 5 gets a new version (we are currently on version 3), and a few new pieces of the puzzle are filled in. Everything that gets merged into Divi 5 is finished, and even now, Divi 5 works! It’s just missing features.

This allows us to get Divi 5 into the hands of the community sooner because even though it’s missing features, it works, and it’s fast. You may even find that using an upcoming public beta version of Divi 5 is preferable to using Divi 4 if the missing features aren’t features you use.

The first two phases of Divi 5 are Dev Alpha and Dev Beta. These versions will only be available to developers while we focus on solidifying the module API and getting feedback on the technology stack; all the while, we’ll also be filling in features in preparation for the upcoming public phases.

The third and fourth phases of Divi 5, Public Alpha and Public Beta, will be the versions we release to everyone. These versions will be like a “Divi Lite” version of Divi 5. They won’t be feature-complete, but they will have enough features to make them worth testing and using. From there, we’ll keep filling in more features as we work towards the final version, which will be a regular update in the WordPress Dashboard on all Divi websites.

While it’s hard to estimate when we will reach each phase, our goal is to get into the public beta stages this year so that everyone can get their hands on Divi 5 and come along for the ride as it gets better and better with each update. Divi 5 and Divi 4 will exist in tandem during the beta phases, receiving their own regular updates, and you will get to decide which version is right for you.

Stay Tuned For More Updates

I hope this post gives you a clear picture of how we plan to manage this massive project in the most advantageous way for Divi users. Even though this is a big project, you won’t have to wait until the end to get your hands on Divi 5 and enjoy its benefits.

Right now, we’re focused on ensuring the backend is solid during these first two development phases, and we’re working towards the public beta phases as fast as possible.

We’re also working on some great non-Divi 5 features that I think are exciting, so stay tuned for those as well. If you have any questions, be sure to leave a comment. Stay tuned for next month’s update, and I’ll see you in the next one!

The post Divi 5 April Progress Update: Strengthening The Foundation appeared first on Elegant Themes Blog.

Today, we are releasing Divi 5 Dev Alpha. This is the first step on our journey towards the public release of Divi version 5. It’s also my first update in what will become a series of monthly videos and blog posts that will keep you up-to-speed on our progress. If you are a Divi developer, keep reading to find out how to access the alpha.

If this is the first time you’re hearing about Divi 5, you might be a little confused! I gave a high level overview of Divi 5 in my previous post, so be sure to check that out first.

What Is Divi 5? A Quick Refresher

To recap briefly, Divi version 5 is a foundational update to Divi’s core technologies and API. It’s focused on improving performance, stability, scalability and extend-ability. It won’t be introducing new features, but it will be blazing fast, it will open up amazing opportunities for third party development, and it will provide our team with the foundation we need to spring forward into the future.

We our building ourselves the foundation we need to sprint forward once again and release great new features at a consistent pace.

The Divi 5 Release Schedule

We are approaching the release of Divi 5 much differently that any previous version of Divi. This is due to the scope of the project and the agile nature of our development process.  Divi 5 will be released in five phases. With each new phase, the product will become increasingly feature-complete and will be released to a larger part of our community.

As we approach the public beta phase, you may even find it appropriate to use Divi version 5 on new websites if you find that the improvements offered in Divi 5 outweigh whatever features may be missing in the current build. Let’s take a look at the five phases of Divi 5:

1. Phase 1: Dev Alpha – In this version of Divi 5, the new API will be almost finished and a moderate portion of Divi’s features will have been developed on the new API. We will inviting developers to explore the API and give us feedback on Divi’s new foundation.
2. Phase 2: Dev Beta – In this version of Divi 5, the API will be finished and a large portion of Divi’s features will be ready. We will continue to work with the development community to iron out any API-related bugs.
3. Phase 3: Public Alpha – At this phase, the API will be finalized and a majority of Divi’s features will have been developed on the new foundation. Some features will be missing, but most of Divi’s core features and modules will be available. At this phase, we will invite a large part of our customer base to test Divi 5.
4. Phase 4: Public Beta – At this phase, 100% of Divi’s features will have been developed on the new Divi 5 foundation. We will have fixed all bugs found during the public alpha, and we will continue to address feedback as we roll out the beta to the entire Divi community.
5. Phase 5: Official Release – At this phase, we will officially release Divi 5 as a normal update in the WordPress dashboard. Everyone will be able to upgrade to Divi 5 without any disruption to their websites.

How To Get Access To The Dev Alpha

The two initial development versions (including today’s version) will be limited releases available to active Divi creators, such as those in the Divi Marketplace. It will allow creators to get up-to-speed on Divi’s new API so that they can be begin transitioning their products and working on new features that can be ready to go when Divi 5 is released to the public.

The Dev Alpha version we are releasing today is a limited version of Divi 5 with a relatively complete version of the API. It’s missing features. It’s not intended to be used.  However, the foundation is solid, we’re ready for feedback, and we want the community to be involved!

If you are an active Divi creator (meaning you have developed your own Divi modules or features), and you would like access to the Dev Alpha, fill out this form to request access.

Stay Tuned For Monthly Updates

Divi 5 is a huge project that the majority of our team has already been working on for the better part of two years. With the release of Dev Alpha, we’ve jumped over the first major hurdle! Once we have progressed through the initial development versions, we’ll be opening up the Public Alpha and Public Beta to larger parts of the community. Everyone will get to use it, test it, and we’ll be making sure that everything is in tip top shape before the final release.

Be sure to follow and subscribe so that you don’t miss our ongoing Divi 5 updates. We will be shipping new Divi 5 versions every 2 weeks and I’ll being going over our progress each month. See you in the next one!

The post Announcing Divi 5 Dev Alpha appeared first on Elegant Themes Blog.

Time is running out and our Cyber Monday sale is almost over. This is your last chance in 2022 to get the best prices we’ve ever offered on Divi and the entire Divi Ecosystem of products and services. Save 25% on Divi, 44% on Divi Cloud and Divi Teams, and up to 60% off on our curated Divi Marketplace bundles and select products. Now is your chance to take advantage of these amazing discounts. Once the sale is over, the discounts, bundles, and freebies are all gone. What are you waiting for? Fill up your cart now and experience Divi like never before!

TAKE ME TO THE SALE!

Get 25% Off Divi Before Our Cyber Monday Sale Ends

Save 25% on Divi, the ultimate WordPress Page Builder during these final hours of our Cyber Monday sale. More than 800,000 people trust Divi to build their websites, blogs, and online stores. With visual builder technology, a no-code interface, and limitless customization options, Divi takes WordPress web design beyond the next level. This Cyber Monday, take advantage of our biggest discount yet and add Divi to your WordPress toolkit.

TAKE ME TO THE SALE!

Save 44% on Divi Cloud and Divi Teams During Our Cyber Monday Sale

They may be newcomers to the Divi ecosystem but they are instant time and money savers for your business. Add your custom designs to Divi Cloud and access them from any Divi website. Grow your team and share API keys, and downloads, and access to your Elegant Themes account. Have confidence in building a bigger, better agency in 2023 by adding Divi Teams and Divi Cloud to your cart.

Divi Cloud

Build a library of your favorite Divi elements to the cloud with Divi Cloud. Save your custom designs, CSS, and most used design assets to use on other Divi websites. No longer will you need to save JSON files to move your favorite designs from site to site. Divi Cloud works like Google Drive, Dropbox, or OneDrive, but for WordPress websites running Divi. Share your assets and quickly build websites with your most used designs right at your fingertips. Grab Divi Cloud today at 44% off during our Cyber Monday sale!

Divi Teams

Give your team members secure access to your Elegant Themes account with Divi Teams. Stop sharing your critical business information by adding Divi Teams to your organization’s operation plan. With Divi Teams, you can assign roles to different team members, all from the same Elegant Themes account. Your accountant can access invoices while your developer can create API keys without having to see your credit card information. During our Cyber Monday sale, you’ll be able to save 44% off Divi Teams while building a stronger business in 2023.

TAKE ME TO THE SALE!

Last Chance to Save 60% on These Divi Marketplace Bundles Only Available During Our Cyber Monday Sale

We’ve packaged the best of the best from the Divi Marketplace into three amazing bundles that you can only buy during our Cyber Monday Sale. With amazing support and backed by Elegant Theme’s rigorous standards, get your hands on some of the best and brightest from the Divi Marketplace at close to 60% off.

The Cyber Monday Divi eCommerce Booster Bundle

This bundle was created especially with online shop owners in mind. Bring high-performance and deep features to your Divi online store with the tools found in this bundle. We’ve got child themes, modules, plugins, and layouts that will equip you as you build out your next eCommerce project. Individually, the plugins in this bundle will set you back $486.99, but when you buy this bundle today during our Cyber Monday sale, you’ll receive more than 10 Divi eCommerce products for just $194.80!

The Cyber Monday Divi Module Booster Bundle

Add over 250 new modules to your Divi toolkit with the Cyber Monday Module Booster Bundle. Packed to the brim with amazing community-developed modules, this bundle will breathe new life into your Divi websites with distinctive features. Favorites like Divi MadMenu, Divi Content Toggle, and Divigrid (plus many more!) are included in this bundle at the low price of $187.20. Purchased individually, you’d be paying more than $450 for all the plugins in this bundle.

The Cyber Monday Divi Blog Booster Bundle

The Divi Blog Booster Bundle is only available during our Cyber Monday Sale and will give you all the tools you need to craft a successful blog with Divi. Filled with tools like Divi Blog Extras, Blogy, and Divi Blog Pro, you can’t go wrong with this bundle! For a limited time only, you’ll be able to cash in on this great discount by purchasing this bundle for a mere fraction of these products’ regular prices!

Unreleased, Exclusive Layout Packs, Headers, Footers, and More

We’ve created unreleased, never-before-seen, exclusive Cyber Monday Layouts and Theme Builder Templates only for Cyber Monday customers and existing Lifetime Members. New and modern designs for your work are available–for free–for you to add to your design arsenal. It’s all yours when you join, upgrade, or make a purchase in the Marketplace. Design inspiration awaits!

TAKE ME TO THE SALE!

Unlock Additional Deals on Marketplace Items for Just One More Day

We’ve partnered with some of Divi Marketplace’s best creators to bring you huge discounts on some of the best the Divi Marketplace has to offer. After you make your first purchase during the Divi Cyber Monday Sale or if you are already a Lifetime Member, you’ll notice a new section in your member’s area called “Perks.” There you’ll find a huge slate of additional deals. These partners have marked down their entire product catalogs. Don’t miss the opportunity to save 25%, 35%, or even 60% off some of the best and most popular child themes, plugins and modules from the Divi Marketplace!

TAKE ME TO THE SALE!

We’re Not Done Yet! Get a FREE Prize with Every Qualifying Cyber Monday Purchase!

We’re giving away over 18,000 prizes valued at over $1.1 million. Unlike our past sales, everyone is eligible to choose a prize… including existing lifetime members! You could potentially win up to five free prizes, several with price tags over $50, $75, or even $100!

TAKE ME TO THE SALE!

• One Free 🎁 For Every New Divi Membership
• One Free 🎁 For Every Divi Account Upgrade
• One Free 🎁 For Every Divi Cloud Purchase
• One Free 🎁 With First Divi Teams Purchase
• One Free 🎁 For Every Marketplace Bundle Purchase

Time is Running Out!

There are only hours left to secure the best deals we’ve ever offered across the entire Divi ecosystem. Don’t miss your chance to get Divi, Divi Cloud, Divi Teams, and potentially dozens of Divi Marketplace products at their lowest prices of all time.

TAKE ME TO THE SALE!

The post Today is Your Last Chance to Save During Our Cyber Monday Sale appeared first on Elegant Themes Blog.

The Divi Cyber Monday Sale is going on right now! We’ve got a slew of new bundles, prizes, and discounts for you to take advantage of! 25% off Divi, 44% off Divi Cloud and Divi Teams, and up to 60% off individual Marketplace items. We’ve also put together three new bundles just for Cyber Monday. So even if you bought all of our Black Friday Marketplace Bundles you can still save big. In this post we’ll explore our third and final Divi Cyber Monday Bundle–The Divi Blog Booster!

TAKE ME TO THE SALE!

The Massive Cyber Monday Blog Booster!

Elevate your Divi Blog with this Blog Booster Bundle! This bundle is packed with brand-new blog modules, blog-centered child themes, completely new blog page templates, and the latest in blog post template designs. Everything you need to start–or supercharge–your blog in 2022 and beyond is in this bundle!

Buy this bundle before the time runs out! When you purchase today, you receive 60% off 15 of the Divi Marketplace’s best-selling, blog-boosting extensions, layouts, and child themes. We only make bundles like this during our Black Friday and Cyber Monday sales once a year. When the sale is over, you won’t see these deals again! Now you have the chance to stock up on thousands of pre-made designs while saving hundreds of dollars!

TAKE ME TO THE SALE!

Divi Blog Extras

Say goodbye to boring blog post layouts! With Divi Blog Extras, you can build feature-rich, beautiful, and eye-catching blog designs for your website. Boosting more than 35,000 active installs across the web, this mainstay of the Divi Marketplace provides you with more than 10 different layouts for your blog. In addition to that, with custom post type support, you don’t just need to use this plugin on your blog posts. Your custom post types can get a feature boost as well!

Blog 45 – Divi Blog Module Bundle

As the name implies, this pack comes with 45 different ways to style Divi’s Blog Module. Bringing clean and modern design, a deep library of hover effects, and full mobile responsiveness, branch out your blog post designs with this toolkit. A breeze to set up and supported with good documentation, you never have to worry about creating boring blog pages again, you’ll be in good hands with Blog 45 in your design arsenal.

Divi Blog Pro

Touted as the most powerful Divi Blog plugin on the Divi Marketplace, Divi Blog Pro helps you build beautiful, responsive blog posts for your sites–no coding experience required! Packed with more than 8 different layouts, 4 unique grids and 3 pagination types. With Divi Blog Pro you have the power to build thoroughly custom blog pages for your next website project. In addition to its beautiful designs, it comes built-in with advanced filter options and comes translation ready for your multilingual website builds. Divi Blog Pro will add both beauty and brains to your blog pages in 2022 and beyond.

Blogy – Blog and Post Layouts

With more than 60 blog page designs and 20 blog post designs, Blogy boasts 80 blog-related design templates for Divi. It also comes packed with 2 search result page templates. All of these items can be deeply customized and also include subtle animations with hover effects that can be customized to your needs. Blogy’s layouts work tightly with the Divi Theme Builder, meaning you can use them on any blog page, archive post or posts on your site. You won’t run out of blog page and post ideas when you use Blogy on your Divi website today.

Divi Social Plus

Divi Social Plus brings you 5 social media modules to your Divi website. Embed Twitter feeds, showcase Instagram grids and add social sharing websites to your Divi website with ease. Items like the social media icon color, shape, size and more are customizable, allowing you to fully integrate this plugin into your website’s current branding. Divi Social Plus gives your Divi website an Instagram carousel, an Instagram grid, social share buttons, a Twitter feed plus a Twitter carousel.

DiviSwift Ajax Search

A good companion to any Divi online store, DiviSwift Ajax Search empowers your search with real-time search results. This plugin comes with an easy installation process and simple–yet powerful–customizations for your Divi shop. Optimize your eCommerce website to increase website traffic and conversions. Here is a modern-day, Divi-centric tool that factors in the importance of conversion rate optimization for your online shop.

Divi Post Extended

Improve your blog layouts and designs with Divi Post Extended. Experiment with Divi’s default blog look with a myriad of post templates, and other customization options. Divi Post Extended comes packed with 5 Divi blog post layouts: Stellar, Prime, Classic, Valliant, and Lush. It also supports Standard, Gallery, Audio, Video, Link, and Quote post formats for your Divi WordPress website.

Blog Layouts

53 blog post and blog page layouts are at your fingertips with the Blog Layouts kit! A deep library of blog layouts, post layouts, and more. The Blog Layouts design kit will become an essential part of your Divi design process. Overflowing with 20 blog page layouts, 20 blog post layouts, 7 blog layouts and 6 blog carousels complement the power of Divi’s Theme Builder with these layouts.

The Complete Divi Blog Kit!

Jumpstart your Divi blog with The Complete Divi Blog Kit. If you’re looking to start a blog in the new year, this kit is for you. With all the essential pages that you need to start a blog covered, you can be confident that you’re starting your blogging journey on the right foot. The Complete Divi Blog Kit comes with 3 homepage layouts, 3 blog page layouts and 14 blog post templates, all ready for you to use on your or your client’s blog websites. In addition to more than 20 blog design elements, The Complete Divi Blog Kit also has 4 custom header designs in both light and dark themes.

Blogs and Posts layouts for Divi

Loaded with over 65 blog designs this product allows you to mix and match post headers, post templates, and sidebars to create your perfect blog post design. Blogs and Posts Layouts for Divi gives you elegant, minimal, and mobile responsive designs for your latest blog website. From grids to sliders, carousels to list templates, you won’t have to worry about styling your next blog website with this pack in your back pocket.

Divi Table Of Contents Maker

Enhance the user experience of your website with a table of contents. Use Divi Table of Contents Maker to make it easier to add this valuable piece of UX. Improve your website usability, readability, and SEO with Divi Marketplace’s premier-rated table of contents plugin. Customize and style this module with your own branding, thanks to easy-to-understand documentation.

Divi Blog Module Pack

50 grid styles and 50 list styles for your blog await you with the Divi Blog Module Pack. Made with Divi in mind, there is no need for external XML or JS files when using the layouts within this pack. Each layout also comes with its own hover effects that can be tailored to your site design as you see fit! Add to this the fact that you can use the designs with this site on an unlimited number of Divi sites, you’ll never lack inspiration when building your blog sites moving forward!

iJOO – Advanced Blog/Magazine Module

The iJOO blog module gives you a number of options, tools, and styles to build your perfect magazine or blog site with Divi. You can also use this plugin with custom post types, further expanding the level of transformation that you can bring to grid and list-based elements on your Divi website.

Neoblogger-Blog Child Theme

The Neoblogger-Blog Child Theme is a multipurpose theme for Divi that can help you build your very own blog, news, or magazine website with all the tools and features necessary to make an impact. You won’t need to start building your blog completely from scratch when you use this child theme. In fact, with this easy-to-use child theme, you can even import the demo data to your website, saving yourself a lot of time in constructing your Divi blog.

Divi Breadcrumbs Ultimate

Proclaimed as Divi’s most powerful Divi Breadcrumbs module, Divi Breadcrumbs Ultimate not only helps your Divi site with SEO, it also provides a better user experience for users of your website. There are over 380 separator options available for your breadcrumbs, which are also fully supported by the Divi Visual Builder. Any page that has the Divi Builder activated can use the Divi Breadcrumbs Ultimate module, amping up your hierarchy signals, which is always a good thing when it comes to ranking well with Google!

Get the Divi Module Booster Bundle for 60% Off Right Now! $435.96 $174.40 🤯

You don’t want to miss out on your chance to save 60% on these amazing Divi Blog Boosting tools. And to sweeten the deal even more, when you purchase any of our bundles during the Cyber Monday Sale you will get an additional FREE prize from the marketplace! In some cases adding an additional $100 or more to the total value of your purchase. But time is running out on our Cyber Monday Sale so head over to elegantthemes.com/cybermonday right now!

TAKE ME TO THE SALE!

The post Introducing the NEW Divi Cyber Monday Blog Booster Bundle appeared first on Elegant Themes Blog.

The Divi Cyber Monday Sale is happening right now! We have tons of amazing deals across our entire ecosystem: 25% off Divi and Divi account upgrades, 44% off Divi Cloud and Divi Teams, and some killer deals on our best Divi Marketplace items–many of which are conveniently bundled together and heavily discounted by 60%. In this post we’ll be going over one of these bundles, product by product, so you can see just how amazing this deal really is!

TAKE ME TO THE SALE!

The Massive Cyber Monday Module Booster!

We’ve bundled a massive collection of new Divi modules that will take your Divi website to new and impressive heights. In order to capitalize on these stellar savings, you’ll need to act now before the timer counts down to zero. Get 60% off of the most popular modules in the Divi Marketplace. Sales like this only come around once a year, so don’t miss out! This is your chance to load up on thousands of pre-made layouts, and save a ton of cash at the same time!

TAKE ME TO THE SALE!

Divi Carousel Module 2.0

This plugin is the single most powerful Divi Carousel Module you can get. Create stunning image, person, testimonial, content, and logo carousels with unlimited design possibilities to make your content stand out. Use Divi’s powerful Visual Builder to style your carousels, or choose from beautiful premade layouts to get your carousel up and running in minutes.

Divi Events Calendar

If you’ve been looking for a way to make the Events Calendar plugin integrate better with Divi, then look no further than Divi Events Calendar. This plugin works as a bridge between the two so that you can display your events in grand fashion. When the plugin is active, you’ll be able to use Divi’s Visual Builder to style your events as you would any other post or page. Divi Events Calendar comes with 6 handy modules including Events Feed, Events Filter, Events Calendar, Events Carousel, Events Page, and Events Ticket.

Table Maker

Create beautiful tables in Divi with the help of Table Maker. Using the Visual Builder, you can style every part of the table from content to columns, headers to footers, and right down to individual cells without the need for any shortcodes. As an added bonus, you can control the width and height, the scrolling behavior, and the responsiveness of your table for all screen sizes.

Divi Image Hover

Divi Image Hover is the most advanced, most popular image plugin on the Divi Marketplace. With over 250 animation options and 6 categories of effects, you can design your image hovers just about any way you’d like. Additionally, you’ll have access to 4 amazing demo design layouts to kickstart your creative side.

Divi Masonry Gallery

Breathe new life into your image galleries with Divi Masonry Gallery. Create new and interesting masonry galleries in just a few steps with category filters, pagination, popup control, and more. Divi Masonry Gallery gives you ultimate control over the number of categories based on screen size, and adjusts the space between images. Plus, you’ll have advanced categorization and filtering options, as well as custom hover effects, custom links, popups and lightboxes, and more.

Divi Gallery Extended

With the Divi Gallery Extended plugin, you’ll get 2 masonry gallery modules, along with pagination and category filtering, custom links and lightbox controls, as well as bulk image editing for your galleries. There are nearly limitless ways to create stunning image galleries with tons of customization options using Divi’s Visual Builder.

Divi Social Sharing Buttons

Give your site’s users the ability to share your content with the masses with the Divi Social Sharing Buttons plugin. You’ll get tons of customization options using the Visual Builder, as well as the ability to add buttons to any page or post type. In addition to color, position, and link options, you can choose between 6 different layout options for your social buttons.

Divi MadMenu – Header and Menu Creation Tool

Make your Divi headers a thing of beauty with Divi MadMenu–Header and Menu Creation Tool. Choose from demo header layouts, or create your own with 2 different menu modules to choose from, as well as 7 header elements. Completely customizable and 100% responsive, menus can slide in, fly out, have popups, go completely full screen, and more. As an added bonus, you can create vertical menus, as well as style your mobile menus too.

Divi Image Effect Lite

With Divi Image Effect Lite, you get 43 amazing hover effects for your images. Plus, you can add and customize text, images, icons, both solid and gradient color backgrounds, as well as customize buttons for the image effects. With nearly unlimited customization options, you can turn your images into a work of art using this plugin.

Divi Content Toggle

Showcase your website’s content in a beautiful and effective way with the Divi Content Toggle plugin. With a content switch on your posts or pages, you can provide your site’s visitors with an opportunity to explore interesting information in an easy-to-interact way. The Divi Content Toggle plugin pairs nicely with pricing tables, text modules, and even Divi library items to display your content in a fun and exciting way.

Divi Timer Pro

Divi Timer Pro is the essential Divi marketing tool for your website. If you’re looking to increase sales and drive conversion on your site, adding this countdown timer module is a good way to do it. With this plugin, you can create a sense of urgency for sales promotions including adding limited availability and shipping deadlines to encourage shoppers to buy your products quickly. With three types of timers, multiple expiry actions, and custom timer durations, you’ll have everything you need to create beautiful, functional timers for your website.

Divi Login Module Pro

Create custom login pages for your site’s visitors with Divi Login Module Pro. You’ll have access to 15 different login templates for use in your projects, or you can create your own using Divi’s proprietary Visual Builder. In addition to templates, you’ll have full control over the login flow by being able to redirect users to a custom page upon login or logout.

Divigrid

Easily create stunning content, list, or custom grids with the Divigrid plugin. You’ll get over 100 pre-made grid styles to choose from, or you can create your own stunning designs to display your content in a beautiful, effective way. With over 9 modules to choose from including an inline popup grid, content grid, and list grid, you won’t run out of options to make your content stand out.

Supreme Maps Pro

Easily add custom, interactive maps to your Divi websites with help from this powerful feature-packed plugin. This amazing plugin integrates seamlessly with OpenStreetMap & Leaflet Maps (Google & Bing coming soon), and has unlimited customization options to make your site’s style and wow your site’s visitors. You’ll be able to have unlimited pins, custom coordinates, popup styling, auto-load markers, and more.

Divi Pro Gallery

Create a gorgeous image gallery on your website in a snap with Divi Pro Gallery. Style your gallery just about any way you want with 4 different gallery types to choose from including filterable masonry, carousel, grid, and highlight. Plus, you can organize your photos by tags, enjoy advanced and fully customizable lightboxes, and more.

Advanced Divi Tabs Module

With the Advanced Divi Tabs module, tabs can be created vertically or horizontally to showcase any type of content you want. Plus, they are fully responsive, fully customizable, and can display all types of content including pricing tables, image galleries, videos, and more. As an added bonus, you can set navigation on hover or click, customize spacing, title, descriptions, icons, and images, or embed full layouts into a single tab.

Inline Popup Grid

With the Inline Popup Grid plugin, you can create any type of popup you want with over 30 unique popup shapes, fast & smooth launch action, and custom overlay colors or images. With well over 100 different design settings, no two popups will ever look the same.

Grab the Divi Module Booster Bundle for 60% Off Right Now! $467.99 $187.20 🤯

Now is the time to secure the Divi Module Booster Bundle and take your Divi websites to the next level in 2023. This collection of tools is only available at 60% off for a limited time. Plus, when you purchase any of our bundles during our Cyber Monday Sale you will get an additional FREE prize from the marketplace! In some cases adding an additional $100 or more to the total value of your purchase! We only do deals and giveaways this good one time a year. And you may never see this specific bundle again, let alone at this price. Head over to www.elegantthemes.com/cybermonday to purchase this bundle before time runs out!

TAKE ME TO THE SALE!

The post Introducing the NEW Divi Cyber Monday Module Booster Bundle appeared first on Elegant Themes Blog.