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

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

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

Install the Off Canvas Block

• Hover over the Off Canvas block and click Install.

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

Add Off Canvas to a WordPress Page

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

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

Customize the Off Canvas Block

Once added, select the Off Canvas block and use the settings panel on the right. Set the Trigger Type and Slide From direction, add your content (like menus, forms, or text), and customize the Panel Width, Animation transition, and Overlay styling to create a sleek, dynamic, and space-saving sidebar or popup that fits your site’s design.