Meet Our New Innovation

Grab It at Flat 50% OFF

How to Switch Content Using Happy Addons Content Switcher Widget

How to Switch Content Using Happy Addons Content Switcher Widget

The ultimate goal of website owners and designers is to add as much content as possible without breaking the website design. That is a hard feat to achieve, as adding too much content can cause the readers to become unfocused and abandon their efforts.

But what if we tell you you can add more information to your website without hurting the website design or making the readers get bored? Yes, using the Happy Addons’ Content Switcher widget, you can add more content while keeping the site design intact.

Content switching is a way of presenting more contrasting information on the same web page so that users don’t have to open a new tab to see additional facts, figures, and details.

Happy Addons is a powerful Elementor Addons by which you can design your dream website in a day. It has 110+ wonderful widgets to power up your website. The content switcher is one of them. It can help you overcome the struggle of displaying lots of information in small spaces.

Most importantly, this widget is completely free to use. This article will show what you can do with the content switcher and how to set up this widget on your website.

Table of Contents

Advantages of Using the Happy Addons’ Content Switcher Widget

How to Switch Content Using Happy Addons Content Switcher Widget

Most web users today love to see all the necessary information of a single content in one single place. They don’t want to waste time traveling multiple web pages to get the rest of the same content. The content switcher widget can help you solve this problem. Let’s check out what you can do with it.

a. Add More Information Without Breaking the Site Design

The content switcher helps you add multiple paragraphs on different topics within the same block. It won’t cause a breakdown of your site design. Also, you can add visual graphics in this section to make your demonstration lively.

Show multiple paragraphs using the content switcher

b. Show Multiple Menus

Food-based websites usually offer different platters and grouped items to boost online sales. But too many menus make their web pages too long. It makes it difficult for visitors to find the exact information they need. The content switcher will help you display multiple menus side by side.

Show restaurant menus using content switcher

c. Show Pricing Plans for Separate Packages

If you are an IT agency, you will obviously have separate pricing plans for your software and services. You can show those plans in one place using the content switcher widget.

Show pricing plan using content switcher

d. Display Free & Premium Features on One Page

Suppose your themes and plugins have both free and premium versions. You may want to publish them on your website through multiple lists. But a content switcher can group them in one place and save your page space. You can follow the same process to show discounts on eCommerce products.

Show a wide collecting using content switcher

e. Display Your Talented Team

You no longer have to create a dedicated page to show your team testimonials. You can display numerous testimonials on the same raw if you have the content switcher. You can even show your eCommerce product reviews in the same way.

Show testimonials using content switcher

How to Set Up the Happy Addons Content Switcher Widget

It will take only a few minutes for you to set up Happy Addons’ content switcher widget on your website. But there are two prerequisites to start the setup.


Make sure these plugins are installed on your websites. If all are okay, check out the process explained below.

Step 01: Drag-and-Drop the Content Switcher Widget

Type content switcher on the Elementor search bar. It will show you the content switcher widget. Drag and drop it in the selected area.

Drag and drop content switcher widget

Once you add this widget to your selected area, the content switcher will automatically get expended on the left side. There you can see the Choose Design option. There are five designs are available for your toggle icon. Choose the one you like.

Set design for content swticher

Step 02: Customize the Content Items

From the Contents option, you can edit the title, select content type, change the icon, move its position, and activate it. The following GIF shows how to do these all.

Customize content switcher content

In the same way, can edit the second content section. You can increase the number of content sections in your content switcher. To do that you have to choose the button design. You will see a new section has automatically been added with the toggle icon named as others.

Increase elements of Content Switcher

Step 03: Configure Display Settings

Next to the content switcher, you will get the display settings option. You can change the direction of your content presentation, alignment, space, and animation speed. Take a look at the below picture. We have enabled the vertical direction for the content switches.

Set Display settings of Content Switcher

Step 04: Customize the Style Options

Come to the style section. There you will get three more options. Using them, you can change typography, title color, icon color, background color, section padding, and content typography. Do the changes as you wish.

Set Style of your Content Switcher

Thus, you can set up your content switcher widget and present content for visitors.

Final Preview

Here is the result you will get on your front-end or preview option.

Final Preview after you setup the content switcher widget

You can check out this detailed documentation on Happy Addons’ Content Switcher widget to know more.

Bonus Point: How to Add Saved Templates as Content with Content Switcher Widget

The Plain/HTML Text option can add your custom content design with raw HTML. But you need to be very careful while phasing the code. Otherwise, your page design may break, or you’ll face responsive issues.

Add Table in Content Switcher

Rather you can use your saved templates from the Dashboard > Templates > Save Templates area. You can also try the Happy Addons free templates to insert custom content into the switcher instantly. It will save both your time and labor. You have to save the suitable templates as you save templates first.

Then navigate to Contents > Type > Saved section. Then, choose your desired template from the Sections.

Add templates to content switcher

In the same way, add templates to your other content sections. We have enabled the horizontal direction of the content switcher. Then, added new templates to the other options.

Add Templates to all content switcher

Now, you can edit texts and images on these templates with the information you have.

End Result

This is the final result you will get on your preview page.

Final Preview of your comparison table with content switcher

Hope that now you can create more interesting content with the content switcher widget.

Also, learn how to use the Happy Addons template library.

FAQs on Content Switcher Widget

This section will cover some most frequently asked questions on the content switcher.

  • How many content switcher demos are available in Happy Addons?

    There are five content switcher demos available in Happy Addons. Check out those content switcher demos you can use anytime.

  • How much content can you add using Happy Addons’ content switcher?

    If you use the button option from the content design, you can add as much content as you want. But the standard practice is adding up to three pieces of content.

  • Can I add GIFs and videos to the content switcher?

    Yes, you can add GIFs and videos to your content switcher. But for that, you need to save your desired templates in Happy Addons first. Later, you have to import them on your canvas from the Content > Type > Saved section.

Get Ready to Use Happy Addons Content Switcher Widget

Today, you will find numerous plugins available online by which you can enable the content switcher option on your website. But why should you look for a premium plugin when you can do it for free using Happy Addons?

Happy Addons have many other exciting free widgets that are ready to give you a thrilling experience. Click this link to check out the free widgets of Happy Addons.

If you find this article useful, subscribe to us for more interesting write-ups like this one. Follow our Facebook and Twitter channels for regular updates.

Subscribe to our newsletter

Get latest news & updates on Elementor

Share this post

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *