---
title: "Divi Content Toggle"
url: "https://divipeople.com/docs/divi-content-toggle-doc.md"
canonical: "https://divipeople.com/docs/divi-content-toggle-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "divi-conkit-pro"
---

# 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

1. Edit a page with the Divi Visual Builder.
2. Add a new module and search for **Content Toggle**.
3. 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](https://divipeople.com/modules/content-toggle/) for a live overview and pricing.