Content Switcher Widget for Elementor
PRO

Content Switcher Widget for Elementor

The Content Switcher widget allows users to switch between two or more types of content using interactive toggle buttons. You can even load Elementor templates as content.

Choose Template
Pricing Plans with Content Switcher
Pricing Plans with Content...
Content Switcher with Icon Tabs
Content Switcher with Icon...
Content Switcher with Pricing Plans
Content Switcher with Pricing...
Content Switcher as a Dark Mode Switcher
Content Switcher as a Dark...
Content Switcher in a Content Box
Content Switcher in a Content...
Loading...
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Layout & Settings

Effortlessly Toggle Between Various Content Types

The Content Switcher widget allows users to seamlessly toggle between multiple content types with stylish toggle buttons. Designed to function like tabs, this widget enables smooth transitions between different sections, keeping your layout clean and organized.

Dynamic Content

The Power of Multiple Dynamic Source Types

Effortlessly incorporate dynamic data into tab items, supporting various types such as WordPress posts, Woo products, CSV and JSON files, ACF repeater fields, API integrations, and more. Our solution is designed to flexibly adapt to your specific dynamic content needs.

Widget Style

Customization with Extensive Toggle Styling Options

Maximize your creative potential with the Content Toggle widget’s versatile style options. Effortlessly adjust colors, images, background text, and shadows to align with your design vision. 

Sync Widgets Together

Craft Customized Flexible Layouts

Elevate your web designs by seamlessly synchronizing two or more item-based widgets. This enables you to effortlessly create sophisticated and personalized layouts, taking your design capabilities to the next level. 

Mobile Friendly

Seamless Interaction on Any Device

The Content Switcher widget is fully responsive, adapting smoothly to any device for an optimized user experience. It ensures that toggled content displays perfectly on desktops, tablets, and mobile screens, maintaining usability and style across all viewports. 

Popular Use Cases for the Content Switcher Widget

Feature Comparison

Allow visitors to switch between different product features, specifications, or Free vs Pro comparisons in one place.

Pricing Plans

Showcase different pricing plans or subscription tiers, enabling users to toggle between options such as annual vs monthly plans.

Services Overview

Provide a clear and organized way to present various services that viewers can switch between in just a click and get information easily.

Testimonials and Reviews

Organize multiple client testimonials or product reviews in a single fold, taking less space while improving readability and engagement.

Blog Post Categories

Add a switch to browse between different blog post categories or tags, giving readers an efficient way to browse related content.

Weather Conditions

Embed a weather widget and use the Content Switcher to display weather reports for hourly and daily forecasts or to compare today vs. yesterday.

Product Specifications

Add more details on your e-commerce product pages through the content switcher widget, making product pages more engaging.

Before and After Comparisons

Showcase before-and-after images or case studies that allow readers to switch between two states of a project to visualize the impact of your work.

Light & Dark Mode

Add a switcher that allows readers to view content in either light mode or dark mode, enhancing readability based on user preference.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Content Switcher Widget with this video tutorial. Master each step at your own pace effortlessly.

Content Switcher Frequently Asked Questions

What is a Content Switcher in an Elementor website?

The Content Switcher widget allows you to toggle between two or more types of content dynamically. It’s ideal for showcasing comparisons, feature highlights, or before-and-after scenarios. This widget provides an interactive way to present content, making it user-friendly and engaging.

How do I add a Content Switcher to my Elementor website?

This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website. 

  1. Go to the Unlimited Elements Widget Library. 
  2. Search in the search bar for “Content Switcher”. 
  3. Hover over the widget in the search results and click Install. 
  4. Add the “Content Switcher” widget to any Elementor Page.
Is the Content Switcher a free widget?

The Content Switcher widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now.

Can I show WooCommerce products in the Content Switcher?

Absolutely! You can easily showcase your WooCommerce products directly within the switcher to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection. 

You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.

Can I show WordPress posts or custom post types in the Content Switcher?

Absolutely! You can showcase WordPress posts or custom post types dynamically within the switcher. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection. 

You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.

Can I add filters to the Content Switcher?

Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters: 

  1. Search Filter: Transform the search experience with a live search that gives instant results. 
  2. Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display. 
  3. Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches. 
  4. Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display. 
  5. Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort. 
  6. Pagination: Enhance the browsing experience with smooth navigation between post results.
  7. Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll. 
  8. Active Filter: Display the selected filters and reset them easily for user convenience. 
  9. Clear Filters: Let users easily clear all selected filters with one quick and easy click. 
  10. Post Query Summary: Provides quick feedback by displaying the number of posts or pages found. 


Click here to Learn More.

Can I show an ACF Repeater in the Content Switcher?

Definitely! The Content Switcher widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.

Can I show data from a CSV file in the Content Switcher?

Yes, the Content Switcher widget supports importing data from CSV files, making it versatile for various use cases.

Can I show data from a JSON file in the Content Switcher?

Of course! You can easily display JSON file data within the Content Switcher to create dynamic content layouts.

How do I use the Content Switcher in Elementor?

Using the Content Switcher is straightforward. Drag the widget into your page, configure your switcher and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.

Can I customize the style and appearance of the Content Switcher Widget?

Yes, the Content Switcher Widget offers extensive customization options. You can adjust colors, fonts, button styles, spacing, and more.

Can multiple types of content be displayed within the Content Switcher Widget?

Yes, you can display various types of content within the widget, including text, images, lists, and videos. This flexibility allows you to present a wide range of information in a compact, switchable format.

Can I use the Content Switcher Widget to compare product features or pricing plans?

Absolutely! The Content Switcher Widget is ideal for comparing product features, specifications, and pricing plans, as it allows users to switch between options seamlessly and view details side-by-side.

Can custom icons or buttons be integrated into the content switcher tabs?

Yes, you can add custom icons or buttons to the switcher tabs, allowing you to create a more engaging and brand-consistent design. This helps visually guide users to different content sections more effectively.

Can I organize FAQs, testimonials, or blog categories with the Content Switcher Widget?

Yes, the Content Switcher Widget can organize FAQs, client testimonials, and blog categories. It keeps content concise and organized while providing users with an easy way to navigate through different sections.