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.

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 by traveling multiple web pages to get the rest of the part of the same content. This content switcher widget can help you solve this problem. Let’s check out what you can do with this widget.

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

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 things difficult for visitors to find out the exact information they need. The content switcher will help you display multiple menus side by side.

Show restaurant menus using content switcher

Show Pricing Plans for Separate Packages

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

Show pricing plan using content switcher

Display Free & Premium Features in 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

Display Your Talented Team

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

Show testimonials using content switcher

How to Set Up 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 pre-requisites 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 n 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

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

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 instantly insert custom content into the switcher. It will save both your time and labor. You have to save the suitable templates as your save templates first.

Then navigate to Contents > Type > Saved section. Then, choose your desired template from 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 many contents you can 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 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 at 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 free using Happy Addons?

Not just the content switcher, Happy Addons have many exciting free widgets. The content switcher widget will not just save your space, but also hook visitors to your web pages.

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.

Share this post

Related Post

Leave a Reply

Your email address will not be published.