“Content Switcher Widget” allows switch between two or more types of content using interactive toggle buttons. The widget supports diffrent source types such as: Content, Elementor Templates or Just an Image. An interactive switcher can be created quickly and easily using this widget with the help of its wide range of customization and styling options. The widget also supports advanced options such as Remote Connection and Syncing with other widgets.
Let’s look at each of the options in the “Content Switcher Widget” below.
Install Content Switcher Widget for Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Content Switcher“
- Hover over the widget in the search results and click install
- Add your “Content Switcher” widget to any Elementor Page
General Settings
Radius(px)
Set the radius of switcher.
Tab Horizontal Padding(px)
Set the horizontal padding of tab.
Tab Vertical Padding (px)
Set the vertical padding of tab.
Connected Widgets Settings
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Items Settings
Manage the slides of the switcher using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Set a Title for your switcher item.
Show Tab Title
Show/Hide the tab title.
Show Tab Icon
Show/Hide the tab icon.
Source
Choose any of the given content sources
- Content
Type any custom content for your switcher.
- Template
Choose any of the premade templates to show in your switcher.
- Image
Choose any image to show in switcher.
- Element
Choose any custom element to display.
Content Switcher Widget Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website.
Tab Styling
Set the the tab bar background, title color, typography, alignment, and margin.
Content Styling
Style the content color, typography, padding, border, spacing, alignment, etc.
Usage Examples
Here are some live use cases for the Content Switcher widget.
Example of Content Switcher synced with Pricing Plans
