An accordion is a collapsible web element or content section that holds large amounts of information in a limited space. When you click on the accordion, it expands and showcases the information in a more organized way.
This is why accordion menus have become increasingly popular among web designers. Using the Content Toggle block of the Ultimate Blocks plugin, you can add accordion easily to your website. We’ll explain the process to you in this article.
So, let’s discuss how to add an accordion in WordPress with Ultimate Blocks.
Step 01: Install and Activate the Ultimate Blocks Plugin
At first, go to your WordPress Dashboard and head over to Plugins (1) > Add New (2). Then search for ‘Ultimate Blocks’ (3). And ten install and activate (4) the plugin.
Step 02: Add the Content Toggle Block
Now go to the WordPress post or page where you want to add an accordion. Then click on the Plus (+) icon and type ‘Content Toggle’ on the search box. And click on the ‘Content Toggle’ block.
You’ll see the accordion added vertically on the post or page. You can add more accordion sections by clicking the plus (+) icon.
Then add accordion title in Panel Title and main content in Panel content.
From the right sidebar, you’ll get options to customize the accordions.
- Style tab will let you add Color Scheme.
- Panel Title will allow you to set the Heading type to the title.
- Toggle State gives the option to add the Collapsed effect.
- FAQ Schema lets you Enable FAQ Schema.
- Toggle Status Icon allows you to place the Toggle icon.
You can see we have customized the accordion by adding color effects and enabling the collapse option.
Step 03: Preview the Accordion from the Frontend
Now go to the preview mode of the page. Check if the collapsing button works. Hope everything will work fine.
Visit this link to unfold how to create a nested (multi-level) accordion in WordPress.
Before we end the discussion, accordions can be a helpful way to improve your SEO score. So while writing questions and answer, better if you add focus and LSI keywords in the write-up. Enabling FAQ Schema can add a plus point to it as well.
While customizing the appearance, make sure to add the color pallet that represents the brand color of your website. The Content Toggle block of the plugin will let you do everything intuitively.
Comment us below if you have any more questions yet to be answered.