Kadence Blocks WordPress Plugin for Custom Gutenberg Block Design

Kadence Blocks is a WordPress plugin that extends the Gutenberg editor with customizable blocks to build professional websites without coding.

Best for
Custom Website Design
Key capability
Advanced Row Layouts
Kadence Blocks screenshot featuring the product interface, navigation, and essential tools

What is Kadence Blocks?

Kadence Blocks is a WordPress plugin that extends the Gutenberg block editor by providing a collection of customizable, advanced blocks. It enables users to build professional, responsive websites without needing to write code. The plugin focuses on flexibility and performance, allowing site creators to design unique layouts and interactive content easily.

From my experience with Kadence Blocks, it stands out as a practical and flexible solution for WordPress users wanting to enhance their Gutenberg editor capabilities without coding. The plugin’s intuitive interface and variety of blocks make it easy to build custom layouts and responsive designs, which is especially valuable for marketers and small business owners managing their own sites. While some advanced features require a paid subscription, the free version is robust enough for many use cases. If you rely on WordPress and want to improve your site’s design and functionality efficiently, Kadence Blocks is a solid choice.

Sources

Kadence Blocks screenshot featuring the product interface, navigation, and essential tools

Key features of Kadence Blocks

Kadence Blocks offers a variety of blocks such as row layouts, advanced galleries, tabs, accordions, buttons, and more. It supports responsive controls, custom typography, colors, and spacing, empowering users to create visually appealing and functional websites. Integration with WooCommerce and compatibility with popular themes make it a versatile tool for WordPress site building.

Advanced Row Layouts

Create multi-column, nested, and responsive row layouts with precise control.

Customizable Typography and Colors

Easily adjust fonts, sizes, and colors for each block to match your branding.

Interactive Content Blocks

Add accordions, tabs, info boxes, and buttons to improve user engagement.

WooCommerce Integration

Enhance e-commerce sites with product grids and customizable shop layouts.

Performance Optimized

Lightweight code ensures fast loading times and smooth user experience.

Pros and cons of Kadence Blocks

Pros

  • User-friendly block customization without coding
  • Wide variety of advanced blocks for diverse layouts
  • Responsive design controls for mobile optimization
  • Good WooCommerce integration
  • Lightweight and performance-focused

Cons

  • Some advanced features require Pro subscription
  • Limited language support beyond English
  • Primarily focused on Gutenberg editor users

Key use cases for Kadence Blocks

Custom Website Design

Create custom page layouts and designs using advanced Gutenberg blocks without coding.

Marketing Landing Pages

Build conversion-optimized landing pages with flexible block options to support marketing campaigns.

Content Layout Enhancement

Enhance blog posts and pages with advanced content blocks like accordions, tabs, and galleries.

Responsive Design

Design fully responsive websites that adapt seamlessly across devices using Kadence Blocks.

E-commerce Storefronts

Customize WooCommerce product pages and shop layouts with specialized blocks.

How Kadence Blocks works

  1. 1

    Install and Activate

    Download Kadence Blocks from the WordPress repository or Kadence WP website and activate it on your WordPress site.

  2. 2

    Add Blocks in Gutenberg Editor

    Open the WordPress block editor and insert Kadence Blocks into your pages or posts.

  3. 3

    Customize Block Settings

    Use the block settings panel to adjust layout, colors, typography, and responsive options.

  4. 4

    Publish Your Content

    Preview and publish your page or post with the enhanced Kadence Blocks design.

Who is using Kadence Blocks

WordPress site builders
Marketing professionals creating landing pages
Small business owners managing their websites
Freelance web designers
E-commerce store owners using WooCommerce

Kadence Blocks pricing

Free

$0/month

Access to basic blocks and features suitable for simple websites.

Kadence Blocks Pro

$59/year

Unlock premium blocks, advanced features, and priority support.

Kadence Membership

$129/year

Includes Kadence Blocks Pro plus access to themes and other Kadence WP products.

Plans and prices are as published by the vendor and can change. Check the official site before you buy. Open the pricing page (opens in a new tab)

Frequently asked questions about Kadence Blocks

Kadence Blocks is designed to work with most WordPress themes, especially those optimized for Gutenberg.

Yes, it integrates with WooCommerce to help customize product and shop pages.

No coding skills are required; the plugin is built for users of all levels.

Yes, a free version with essential blocks is available in the WordPress plugin repository.

This tool is designed to help users accomplish its core tasks more efficiently. It is typically used by individuals or teams looking to improve productivity and workflow.

Some tools offer a free plan or trial with limited features. Availability can vary, so confirm on the official website.

Yes, it can help with that use case depending on how you configure it and what features are available. You’ll get the best results with clear inputs and a defined goal.

Share Kadence Blocks:

No reviews yet

Be the first to share how this tool worked for you.

Featured on TiorAI

Show your visitors that your tool is listed on TiorAI.

Kadence Blocks — featured on TiorAI

For white and near-white backgrounds.

Badge style
<a href="https://tiorai.com/tools/kadence-blocks/"><img src="https://tiorai.com/wp-content/themes/tiorai/assets/images/badge/featured-on-tiorai-light.svg" alt="Kadence Blocks — featured on TiorAI" width="260" height="76" loading="lazy" style="max-width:100%;height:auto" /></a>

How to install it
  1. Pick the style that suits the background it will sit on.
  2. Copy the snippet and paste it into your footer, press page or integrations page.
  3. Nothing else is needed — the badge is a single image and requires no script on your site.