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

Content Switcher Pro

Pro

A toggle switch or tabs that swap between two or more contents: text, an image or a synced pattern. It comes with Bright Addons Blocks Pro, which also includes every free block.

Live demo

See the Content Switcher Pro block

This is the block itself with its starting settings. Change any of them in the block sidebar.

$19 per month

Pay as you go and cancel anytime. Every feature included.

What you can set

Everything is in the block sidebar

The Content Switcher Pro block has 4 settings panels. No code needed.

  • Content

    Set items and Open by default (item number).

  • Switcher

    Set style, Content animation, Animation duration (ms), Switcher alignment, Space below the switcher (px) and Content alignment.

  • Sync and links

    Set sync group name, Hide the switcher (follow the sync group only) and Open from the URL hash (#switch-2).

  • Colors

    Set 9 color settings.

How to use it

Add it in four steps

  1. Install the plugin

    Install Bright Addons Blocks Pro from your account and activate your licence. It includes every free block.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Content Switcher Pro”. It is in the Bright Addons Pro category.
  3. Set it up

    Open the block sidebar and work through Content, Switcher, Sync and links and Colors.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Settings

The main settings

The full list, panel by panel, is in the Content Switcher Pro guide.

Setting What it does Choices
Items (Content) A list you can add to, remove from and reorder. Each item has: label, icon, badge, text, synced pattern and image. –
Open by default (item number) (Content) Visitors can also open an item with a link ending in #switch-2 and so on. A number. –
Style (Switcher) The toggle uses the first two items. Toggle switch, Segmented buttons, Sliding pills, Underline tabs
Content animation (Switcher) Choose one. None, Fade, Slide up, Slide sideways, Zoom, Flip
Animation duration (ms) (Switcher) From 100 to 1500. –
Switcher alignment (Switcher) Choose one. Left, Center, Right, Stretch
Space below the switcher (px) (Switcher) From 0 to 80. –
Content alignment (Switcher) Choose one. Left, Center, Right
Sync group name (Sync and links) Switchers with the same group name change together, e.g. one Monthly / Yearly toggle for several pricing tables. –
Hide the switcher (follow the sync group only) (Sync and links) On or off. –
Open from the URL hash (#switch-2) (Sync and links) On or off. –
Accent (switch, active tab) (Colors) Color picker. –
Labels (Colors) Color picker. –
Active label (Colors) Color picker. –

Questions

Good to know

Is the Content Switcher Pro block free?

Content Switcher Pro is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Get every block in one plugin

Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.