Toggle Box Widget for Elementor
PRO

Toggle Box Widget for Elementor

The Toggle Box widget lets you create a content box with a toggle button to reveal more information on click, enhancing user interaction and keeping content organized.

Choose Template
Toggle Box with Food Products
Toggle Box with Food Pro...
Toggle Box with Team Members
Toggle Box with Team Mem...
Toggle Box with Services
Toggle Box with Services
Toggle Box with Facts
Toggle Box with Facts
Toggle Box with Images
Toggle Box with Images
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Front & Back Content

Easily edit the content of the front and back content of each toggle box. Turn on or off each element to achieve the exact layout you are looking for. 

Toggle Box Styles

Modify the colors and fonts to match your site’s look and feel through the Elementor live page builder interface. Customize every single detail to perfectly blend with your website design.

Toggle Box Overlay

Add an overlay when the toggle box is active to make the important content stand out. This feature will make your website more user-friendly and help you focus the website visitors on important content.

Trigger Buttons

Create customized fornt and back trigger buttons using icons or text to grab users attention and call them to action. You can style and place the trigger buttons any way you like.

Step by Step Tutorial

Learn How It Works?

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

Toggle Box Widget Frequently Asked Questions

What is the Toggle Box widget in Elementor?

The Toggle Box widget adds interactive content sections to your Elementor website. It allows users to click and reveal or hide content, creating a cleaner and more organized page layout. You can include headings, content, icons, and styling options to make toggled sections both functional and visually appealing.

How do I add the Toggle Box widget 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 for “Toggle Box” in the search bar.
  3. Hover over the widget in the search results and click Install.
  4. Add the “Toggle Box” widget to any Elementor page.
Is the Toggle Box widget free?

The Toggle Box 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 customize the toggle triggers on both sides of this widget?

Absolutely. You can set different icons and text for the front and back triggers. This gives you full control over how the toggle is presented, whether you want a button with an icon, text like "Learn More," or something custom that matches your site's voice and visual style.

Can I use a custom background for the Toggle Box?

Yes, you can customize the front and back backgrounds separately with solid colors, gradients, or even with background images. This lets you create visually rich content areas that match your brand or highlight specific features or messages effectively.

How do I use the Toggle Box widget in Elementor?

Using the Toggle Box widget is simple. Drag and drop the widget into your Elementor page, add your title and content, and choose styling options like icons, background colors, and spacing. This widget is ideal for FAQs, expandable info sections, or organizing content on long pages. Check out our documentation for a detailed guide.