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

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.

Open the Blocks Library

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

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

Search for the Toggle Box Block

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

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

Install the Toggle Box Block

• Hover over the Toggle Box block and click Install.

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

Add Toggle Box to a WordPress Page

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

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

Customize the Toggle Box Block

Once added, select the Toggle Box block and use the settings panel on the right. Enter the Toggle Title and Panel Content, choose the Initial State (Open/Closed by Default), and select the Toggle Icon. Customize the Styling for the Toggle Title Background and Typography (Normal and Active states), Content Panel Background and Padding, Toggle Icon Color and Size, and Animation Speed to create a functional, visually appealing and space-saving content area that fits your site’s design.