Black Friday Sale!

Days
Hours
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

blocks library for wordpress
wordpress-black-friday-deals-2025
Scroll Marquee Effect - Featured Blog

How to Add a Content Toggle in WordPress (Step-by-Step Guide)

This step-by-step guide will show you how to add a simple, interactive Content Toggle block to your WordPress site using the Unlimited Elements Blocks Library. The Content Toggle block is highly flexible, perfect for hiding supplemental details, lengthy descriptions, or optional content, and works directly inside the native WordPress block editor (Gutenberg) – no coding required.

Instructions

1

Install Unlimited Elements Blocks Library

  • Go to the Unlimited Elements plugin page on WordPress.org.

  • Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

  • Click Install Now and then Activate to enable the plugin.

Install-Unlimited-Elements-Block
2

Open the Blocks Library

  • From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

  • This is where all available blocks are listed and managed.

Open-the-Blocks-Library
3

Search for the Content Toggle Block

  • Use the search bar at the top right and type “Content Toggle”.

  • The Content Toggle block will appear in the results list.

Search-for-Block
4

Install the Content Toggle Block

  • Hover over the Content Toggle block and click Install.

  • This adds the block to your available options in the editor.

Install-the-WordPress-Block
5

Add Content Toggle to a WordPress Page

  • Open any page or post using the WordPress block editor.

  • Click the (+) Add Block button, search for “Content Toggle”, and insert it into the page.

Add-Image-Accordion-to-a-WordPress
6

Customize the Content Toggle Block

Once added, select the Content Toggle block and use the settings panel on the right. Insert the Content to be toggled, and customize the Text for the “Show Content” and “Hide Content” buttons. Define the Initial State (Open/Closed by Default). Customize the Styling for the Button Background and Typography (Normal and Hover states), Content Panel Background and Padding, and Animation Speed to create a functional, visually appealing, and space-saving content control element that fits your site’s design.

Customize-the-Image-Accordion-Bl

Grab this deal
before it's gone!

Days
Hrs
Min
Sec

30-Day Money-Back Guarantee

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!