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.






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
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.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for “Toggle Box” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Toggle Box” widget to any Elementor page.
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
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.
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.
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.