Skip to content

Native Divi 5 ModulePro

Divi Content Switcher

Let visitors toggle between two views — like monthly vs yearly pricing.

Why use the Divi Content Switcher module?

Monthly against yearly. Metric against imperial. The short answer against the long one. Whenever a page has to carry two versions of the same thing, the usual options are both bad: print them side by side and the page doubles, or split them across two URLs and people never see the second.

The Content Switcher holds both in one slot and puts a labelled switch above them. Each pane takes real content, written on the module itself, with its own background and its own padding.

The card beside this is the live module. Flip the switch.

Example plan

$29

per month

  • Ten projects
  • Two seats

Example plan

$290

per year

  • Ten projects
  • Two seats

What you get out of it

Two answers, one slotThe page stays the length of one pane while carrying the content of two.Both panes take real contentHeadings, lists, tables and images all go straight in. It is a rich text field, not a plain one.Decide which side opensDefault Display picks the pane people land on, so the one you want read is the one they see.The switch is labelledA word on each side of the control, each with its own font group, and either one can be turned off.Styled per stateThe track takes one colour for the left position and another for the right, and each pane takes its own background.Native on Divi 5It ships in Divi Torque Pro, built on the Divi 5 engine rather than shimmed from Divi 4. Divi 4 layouts convert across.

Everything the Divi Content Switcher module does

Every option below ships in Divi Torque Pro.

Two panes of rich text contentA labelled switch above themYour own text for each labelEither label can be turned offChoose which pane opens firstTrack colour for the left positionTrack colour for the right positionBackground colour per panePadding per paneA font group for the first labelA font group for the second labelA font group for the body textThe usual Divi background, border, shadow and spacing

See the Divi Content Switcher in action

Every switch below is the live module, not a picture of one. Click any of them and the pane underneath changes.

Monthly against yearly

The one everybody builds first. Same plan, two billing periods, one block of page.

Studio plan

$29

per month, billed monthly

  • Ten active projects
  • Two seats included
  • Email support

Studio plan

$290

per year, two months free

  • Ten active projects
  • Two seats included
  • Email support

It is not only for pricing

Any two versions of the same content work: a summary and a deep dive, or one answer written for two different readers.

Summary, then detail

The short answer for people skimming, the long one for people deciding, in the same slot.

What it does

Two panes of content and one switch between them. Visitors pick which one they want to read.

What it does

The module renders both panes and shows one at a time. The switch is a labelled control, so it is obvious which view is active.

Each pane takes its own background colour and its own padding, and the body text has a font group of its own.

Two audiences

The same page can answer a designer and a developer without sending either to a second URL.

Where it fits

Drop it into any row and fill both panes in the builder. Nothing here needs a snippet or a shortcode.

Where it fits

Both panes accept real markup, so a code sample or a table can live inside one of them.

Content is stored on the module itself rather than pulled from a library item, so the layout travels with the page.

Start on whichever side matters

A yearly plan that opens on yearly sells the discount without anyone clicking.

Opens on the second pane

Default Display decides which side is showing before anyone touches it. This one starts on Yearly.

Agency plan

$79

per month, billed monthly

  • Unlimited projects
  • Ten seats included
  • Priority support

Agency plan

$790

per year, two months free

  • Unlimited projects
  • Ten seats included
  • Priority support

On a dark band

The switch track and both panes carry their own colours, so nothing here needs a stylesheet.

On a dark section

The track takes a colour for each state, and both panes take their own background, so a dark band is a settings change.

In every plan

Every module, every extension, and updates for as long as the licence runs.

Nothing on the list is gated behind a higher tier.

Bought separately

Extra seats, and priority support hours for teams that want a faster reply.

Both are optional, and neither changes what the plan already includes.

The labels are yours

Two words, one word, or none. Each label has its own switch and its own font group.

Both labels on

The usual arrangement. Each label sits on its own side of the switch and has its own font group.

Dimensions

Width 120 cm, depth 60 cm, height 74 cm. Weight 18 kg.

Dimensions

Width 47 in, depth 24 in, height 29 in. Weight 40 lb.

One label hidden

Each label has its own on and off switch, so the control can carry a single word instead of a pair.

Transcript

Switch it on to read the full text of the recording instead of listening to it.

Transcript

The whole transcript sits in the second pane, so the page stays short until someone asks for it.

Hiding one label leaves a single instruction beside the switch.

Building one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Content Switcher to any row. It arrives with both panes and the switch already in place.2Write both panesThe Primary and Secondary panels each hold a label and a rich text field. Write straight into them, or paste markup.3Choose the opening sideDefault Display decides which pane is showing on load. Then set the track colours and the pane backgrounds in the Design tab.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the Content Switcher in the free plugin?No. This one is part of Divi Torque Pro. The free plugin covers a large part of the catalog, but not this module.Does it need Divi 5?It is a native Divi 5 module, built on the Divi 5 engine rather than shimmed from Divi 4. Layouts built with the Divi 4 version convert across.Can it hold more than two panes?No. It is a switch, so it holds exactly two. For three or more views, use the Tabs module instead.What can go inside a pane?Each pane is a rich text field, so headings, lists, tables, links and images all work. The content is stored on the module, so it travels with the page.Can it open on the second pane?Yes. Default Display takes Primary or Secondary, so a yearly price or a detailed view can be the one people land on.Can I hide one of the two labels?Yes. Each label has its own on and off switch, which is how you end up with a single instruction beside the control rather than a pair of words.

Get Content Switcher and 78 more.

One license, every module and extension, native on Divi 5.