Divi Advanced Content Toggle Module

Two versions of the same thing without a longer page

When you offer two options (a monthly and an annual plan, the before and the after, a version for individuals and another for companies), the page fills up with repeated blocks and visitors have to scroll to compare. This plugin adds a module to Divi with a toggle switch: the visitor clicks and the content changes to the other version in the same spot.

The useful idea for your business: people who compare decide better when they see one option at a time and can go back with a single click. The switch does not sell by itself, but it organizes the information so comparing is comfortable.

Four ways to fill each side of the Divi Advanced Content Toggle Module

Each side of the switch accepts a different type of content:

• Divi Library layout: you design the section with the builder, as on any page, save it to the library and select it in the module.
• WordPress shortcode: it works for inserting a calendar, a menu, a form or whatever another plugin generates.
• HTML code: plain text, lists, a data table or whatever you write by hand.
• Drag and drop custom field: you combine text, image and icon fields and order them as you like.

The library option is the most powerful, because inside each side you can build a complete Divi design. The plugin also includes predesigned Divi layouts.

Five switch styles and ten transition animations

The module is styled like a native Divi one: fonts, colors, spacing and more from the same settings you already know. There are five switch styles, so you can pick the one that fits your design.

Separate labels

The primary and secondary options are configured independently: label text, icon, position and colors. That way you can, for example, use a different color for each side.

Transition animations

When switching versions, the content can come in with one of ten animations (fade in, rotate, shake, bounce and others). It is best to use them sparingly: in a price comparison, a subtle animation reads better than one that bounces.

It only works with Divi and only toggles two versions

It is a module for the Divi builder, not a standalone plugin. Without Divi it has nowhere to appear, and it is not meant for other page builders. Also, the switch toggles two versions, not three or four.

• Already solved: the switch, its five styles, labels with icons, the ten animations and the four content types.
• You cover it: writing the text and prices for each version, designing the layout for each side in the Divi Library and checking that it looks good on mobile.
• With another plugin: forms, calendars or complex tables, which are inserted by shortcode from the plugin that generates them.
• Not included: automatic discount calculation or pricing logic; if a plan changes, you change the data by hand.

Frequently asked questions about Divi Advanced Content Toggle Module

Can I use it to compare pricing plans?

Yes, it is one of the uses the plugin suggests: each side of the switch shows a version of the plans table. You write the figures yourself.

Does it work for a before and after?

Yes. You can put an image on each side with the custom field, or build a more elaborate layout from the Divi Library.

Can I show a form on one of the sides?

Yes, through a shortcode, as long as the form plugin generates one. Check in the demo how it behaves with yours.

Do I need to know how to code?

No. Everything is configured from the module settings in Divi. HTML is just one of the content options, not a requirement.