BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Content Switcher Widget for Elementor Pro

Toggle or tab between text, images or saved templates

Overview

What Content Switcher does

Content Switcher shows one content block at a time and lets visitors change it with a toggle switch, segmented buttons, sliding pills or underline tabs. Each block can be text, an image or a saved Elementor template. Use it for monthly and yearly pricing, before and after views, or any content with two or more versions.

Live demo

See it in action

Monthly plans: pay as you go, cancel anytime.
Video

See it in video

Features

What it can do

  • Four switcher styles: Toggle Switch, Segmented Buttons, Sliding Pills and Underline Tabs.

  • Each item holds text from the editor, an image or a saved Elementor template.

  • Labels can have an icon and a badge such as Save 20%.

  • Six content animations: None, Fade, Slide Up, Slide Sideways, Zoom and Flip.

  • Sync groups: switchers with the same group name change together.

  • A synced switcher can hide its own controls and only follow the group.

  • Links ending in #switch-2 and so on open a specific item.

  • Arrow, Home and End keys move between tabs in the button, pill and underline styles.

Use cases

When to use it

Monthly and yearly pricing

Build each pricing layout as a saved template and switch between them with a toggle.

One toggle, many sections

Give several switchers the same sync group and hide the controls on all but one.

Before and after

Use two image items to flip between two versions of a photo or design.

Plans for audiences

Use tabs for groups such as Personal, Team and Business, each with its own content.

Setup

How to set it up

What you need: Nothing for text and image content. To show Elementor layouts, create them first under Templates, Saved Templates.

  1. Drag Content Switcher onto the page and open the Content section.

  2. Edit the two default items or add more. Give each one a Label and, if you like, an Icon and a Badge.

  3. Choose a Content Type for each item, then write the Content, pick a Template or choose an Image.

  4. Set which item starts open in Open by Default (item number).

  5. Open Switcher Settings and choose a Style and a Content Animation.

  6. To link several switchers, type the same Sync Group Name in each one.

  7. Style the toggle, labels, badge and content in the Style tab.

FAQ

Questions and answers

How do I sync two Content Switchers?

Give both widgets the same Sync Group Name, for example pricing. Switching one switches the other.

Can I link straight to the second item?

Yes. With Open From URL Hash on, a link to the page ending in #switch-2 opens the second item, #switch-3 the third, and so on.

Can a switcher show a full Elementor layout?

Yes. Set Content Type to Saved Template and pick a template. Create templates under Templates, Saved Templates.

Will sliders or galleries inside a panel display correctly after switching?

The widget sends a window resize signal each time it switches, so widgets inside the new panel can recalculate their size.

Bright Addons Pro

Get Content Switcher with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.