Background Switcher Widget for Elementor

Background Switcher Widget for Elementor
PRO

Background Switcher Widget for Elementor

Demo
Documentation
Video

Background Switcher widget impresses your audience with smooth and seamless background transitions as they interact with your content, enhancing engagement.

Buy Now
Choose Template
Frame 8396 (2)
Electronic Devices Liquid…
Background Switcher with Countries
Background Switcher with…
Background Switcher with Store Locations
Background Switcher with…
Background Switcher with Places
Background Switcher with…
Background Switcher with Food Variations
Background Switcher with…
Background Switcher with Services
Background Switcher with…
Background Switcher with Products
Background Switcher with…
Background Switcher as the Grid
Background Switcher as a…
Loading…
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Settings

Present Your Content Interactively

The Background Switcher offers a variety of choices. Select between a flex or grid layout, decide on the orientation – horizontal or vertical, and optionally add a split mode effect. Use the responsive breakpoint to ensure the design adapts smoothly to mobile screens.

Layout

Full Control Over Widget Presentation

Easily control the activation or deactivation of various elements within the Background Switcher widget layout through a centralized group of user-friendly settings.

Responsive

Optimized for Seamless Display on All Screen Sizes

In responsive mode, the Background Switcher will remain functional, triggered by finger taps instead of hover. By setting a responsive breakpoint, the layout transforms into a swipe carousel, allowing users to scroll horizontally through content boxes.

Split Mode

Enhance Your Content with the Split Mode Setting!

The split mode is a unique feature where each content box has its own background image. When you hover over a box, its background image spreads across the entire section, adding an interactive element to your content. 

Direction

Vertical or Horizontal Layout

Specify the orientation of the background switcher by selecting either a vertical or horizontal layout, based on your specific needs. Easily customize the direction in which the content boxes will display, adding a personalized touch to your design.

Dynamic Content

The Power of Multiple Dynamic Source Types

Effortlessly incorporate dynamic data into accordion 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.
Learn More

Step by Step Tutorial

Learn How It Works?

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

Background Switcher Frequently Asked Questions

What is a Background Switcher in an Elementor website?

The Background Switcher widget allows you to create dynamic and interactive background effects on your website. It enables users to switch between different background images, colors, or videos, providing a more engaging and customizable user experience.

How do I add a Background 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 “Background Switcher”. 
  3. Hover over the widget in the search results and click Install. 
  4. Add the “Background Switcher” widget to any Elementor Page.
Is the Background Switcher a free widget?

The Background 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 Background Switcher?

Absolutely! You can easily showcase your WooCommerce products directly within the widget 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 Background Switcher?

Absolutely! You can showcase WordPress posts or custom post types dynamically within the widget. 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 Background 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 Background Switcher?

Definitely! The Background 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 Background Switcher?

Yes, the Background 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 Background Switcher?

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

How do I use the Background Switcher in Elementor?

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