How to Add Off Canvas Filters 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 Off Canvas Filters Block

• Use the search bar at the top right and type “Off Canvas Filters”.

• The Off Canvas Filters block will appear in the results list.

Install the Off Canvas Filters Block

• Hover over the Off Canvas Filters block and click Install.

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

Add Off Canvas Filters to a WordPress Page

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

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

Customize the Off Canvas Filters Block

Once added, select the Off Canvas Filters block and use the settings panel on the right. Adjust the Sidebar Position and Trigger Element to control where the panel appears and how it opens, choose the Transition Animation and Breakpoint, and control the visibility of the Overlay. Customize the Styling for the Trigger Button, Sidebar Container, and Close Icon to create a functional, visually appealing, space-saving filter system that fits your site’s design.