Divi Content Toggle

Content Toggle is part of Divi Conkit Pro. It switches between two Divi content areas with a smooth animated switch — the standard pattern for a monthly/yearly pricing toggle, or any before/after copy comparison.

Key Features

Two independent content areas — Primary and Secondary, each a full Divi content zone or a Divi Library layout.
2 switcher styles to match your design.
Default Display control — choose which side shows first on page load.
Custom Content or Library — build each side inline or reuse a saved Divi Library layout.

Adding the Module

Edit a page with the Divi Visual Builder.
Add a new module and search for Content Toggle.
Choose Content Type (Custom Content or Library), fill in Primary Content and Secondary Content, then set the Primary/Secondary Title labels shown next to the switch.

Content Settings

Use Title — show labels (e.g. “Monthly” / “Yearly”) beside the switch.
Content Type — Custom Content or Library Layout ID.
Default Display — which content area is visible first.
Switcher Style — Style 1 or Style 2.
Alignment — Left, Center, or Right for the toggle control.

Design Settings

Switcher — Size, Primary/Secondary Background, Border Radius, Trigger Background and Radius.
Heading — spacing and typography for the Primary/Secondary Title labels.
Content — background, rounded corners, and padding for the content area itself.

Pricing toggle pattern
Set Primary Content to your monthly pricing table and Secondary Content to yearly, with Title labels “Monthly” and “Yearly” — this is the exact pattern DiviPeople’s own pricing sections use.

FAQ

Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

Can I put any module inside each side?

Yes — each side accepts any Divi content, including full rows of modules, when built as a Divi Library layout.

Where can I see it in action?

Visit the Content Toggle module page for a live overview and pricing.