“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.
Content Switcher Video Tutorial
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
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.
Schema Settings
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
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
