Accordion Block

The Accordion Block allows you to add custom content to an accordion-style layout. Add whatever block content you like within the Accordion Block and customize the appearance to meet your needs!

Adding an Accordion Block

You can add an Accordion Block by adding a new block to the page and locating the Accordion Block under the Kadence Blocks category.

Whenever you add a new Accordion Block to a page, you will be prompted to select an initial style.

You will see a Parent Accordion Block along with Nested Pane Blocks. The Accordion Block controls the Accordion as a whole, while each Pane Block has its own Block Settings.

You can customize your Accordion Block and Panes using the Block Settings in your Editor.

Select the parent Accordion Block and use the Add Accordion Item button to add additional panes to the accordion block.

Additionally, you can select individual panes to configure their block settings or remove them from the accordion.

General Settings

Style Settings

Advanced Settings

Pane Block Settings

Each Pane within the Accordion Block can be configured individually.

Adjusting Allowed HTML Tags in FAQ Schema

You may need to add or remove HTML tags from your FAQ Schema. While this is generally not necessary, as Kadence already filters out most tags. The following PHP code snippets will allow you to add or remove allowed HTML tags.

Adding HTML Allowed Tags to the FAQ Schema

The Kadence Accordion block with FAQ schema supports a limited set of HTML tags within FAQ answers to enable basic text formatting. Google recognizes the following tags: <h1> through <h6>, <br>, <ol>, <ul>, <li>, <a>, <p>, <div>, <b>, <strong>, <i>, and <em>. All other tags are ignored.

Google’s structured data guidelines permit these tags in the Answers as they improve readability and user experience without altering the content’s meaning. Including basic formatting helps make FAQ answers clearer and easier to scan.

The Kadence block allows the following tags by default: <a>, <strong>, <br>, <h2>, <h3>, <h4>, <h5>, <ul>, <li>, <ol>, and <p>.

Should you want to add any HTML tags to the schema, you will need to add a PHP code snippet like this:

add_filter( 'kadence_blocks_faq_schema_allowed_tags', 'custom_faq_schema_allowed_tags', 10, 1 );

function custom_faq_schema_allowed_tags( $tags ) {
    // Add allowed tags (example: <b> <i> and <em>)
    $tags .= '<b><i><em>';
    
    // Return the updated list of allowed tags
    return $tags;
}

Removing HTML Tags from the FAQ Schema

If you’d like to remove one or more HTML tags from the FAQ schema, you can add a PHP code snippet like this:

add_filter( 'kadence_blocks_faq_schema_allowed_tags', 'custom_faq_schema_remove_tags', 10, 1 );

function custom_faq_schema_remove_tags( $tags ){
	// List the tags you want to remove
	$remove_tags = ['p', 'br'];

	// Build regex patterns
	$patterns = array_map(function($remove) {
	    return '/<' . $remove . '\s*\/?>/i';
	}, $remove_tags);

	$tags = preg_replace($patterns, '', $tags);

	return $tags;
}

Removing All HTML Tags from the FAQ Schema

Here is a PHP code snippet that will remove all HTML tags from the FAQ schema:

add_filter( 'kadence_blocks_faq_schema_allowed_tags', 'custom_faq_schema_disallow_all_tags', 10, 1 );

function custom_faq_schema_disallow_all_tags( $tags ) {
    // Return an empty string to disallow all HTML tags
    return '';
}