What is Kadence Blocks plugin?
Kadence Blocks is a Gutenberg block plugin developed by Kadence WP, a company that also makes the Kadence theme and a broader suite of WordPress tools. It adds a substantial set of blocks to the native WordPress block editor — including row layouts, advanced headings, icon lists, testimonials, tabs, accordions, info boxes, advanced forms, and a slider — all designed to work without replacing the editor workflow.
The free version is one of the more complete block libraries available without paying, covering most standard design and content needs for business sites. Kadence Blocks Pro extends it with dynamic content, conditional display, advanced form features including file uploads and multi-step forms, custom font uploads, a Query Loop, and per-page custom JS/CSS injection. Pro pricing starts at $79/year.
Kadence Blocks integrates deeply with the Kadence theme, sharing a global color palette and typography system. When used together, they function as a coordinated design system rather than two separate tools. The blocks also work with other themes, though the deep integration features like synced global settings only apply to the Kadence theme.
A notable feature is the Kadence Optimizer (added in version 3.6), which lets you load block assets only on pages where those blocks are actually used, improving front-end performance. This is especially useful on larger sites with many different block types. If you are building on the Kadence ecosystem, the blocks are a natural and capable choice. If you are outside that ecosystem, they still work well, but you miss the deepest integration benefits.
Need Help With Kadence Blocks Setup, Troubleshooting, or Customization?
Need help with Kadence Blocks? Whether you are dealing with errors, broken functionality, styling problems, plugin conflicts, or advanced customization, we can help you fix the issue and get the plugin working properly on your WordPress site.
Get Kadence Blocks Expert HelpKey Features
- Row Layout block for multi-column layouts
- Advanced Heading, Icon, and Button blocks
- Advanced Form block with conditional logic and file uploads (Pro)
- Testimonials, Tabs, and Accordion blocks
- Query Loop block for dynamic content
Pros & Cons
Pros
- Very full free tier with production-ready blocks
- Strong integration with Kadence theme and ecosystem
- Kadence Optimizer improves performance on content-heavy sites
Cons
- Deep integration benefits are limited to the Kadence theme
- Some users report caching-related style breaks after optimization plugin changes
Free vs Premium
The free version covers the core blocks needed for most business sites. Kadence Blocks Pro adds dynamic content, conditional block display, advanced form capabilities (file upload, multi-step, custom CAPTCHA), custom font hosting, a Query Loop block, and the ability to add custom JS and CSS per page or post type. Pro starts at $79/year for a single site, with unlimited site licenses available at higher tiers.
Common Problems & Fixes
Why are Kadence Blocks styles breaking after I enable optimization or caching?
Kadence Blocks generates CSS and JavaScript that can conflict with caching or optimization plugins when those plugins combine, minify, or defer assets. Kadence provides a specific troubleshooting guide for this in their documentation at kadencewp.com. The first step is to identify whether the broken style or feature comes from a Kadence Block, the Kadence theme, or another Kadence plugin. Then disable caching temporarily to confirm it is the source, identify the specific file causing the issue, and add that file to the exclusion list of your optimization plugin.
Why is the Kadence Design Library showing a sync error?
The “Unable to access library database, please try re-syncing” error usually means the site cannot connect to the Kadence cloud to retrieve templates. Check whether your server has outbound HTTP requests blocked, verify your Kadence license is active, and try the re-sync button in the Design Library panel. If the error persists on managed hosting, the host may be blocking external API calls that Kadence relies on.
Why are Kadence Blocks accordion or tab interactions not working on the front end?
Interactive blocks like accordions and tabs depend on JavaScript loading correctly. If an optimization plugin is deferring or combining the Kadence Blocks scripts, the interactions can stop working while the visual layout appears fine. Check the browser console for JavaScript errors, and add the relevant Kadence script files to the exclusion list in your optimization plugin. The Kadence documentation lists the specific file names to exclude for animated and interactive blocks.
Customization & Developer Notes
How do I use Kadence Blocks global color palette settings?
Kadence Blocks integrates with the Kadence theme color palette. Colors defined in Appearance → Customize → Colors are available across all Kadence Blocks without re-entering hex values. To set a custom color palette specifically for blocks, go to the Kadence Block Controls panel (the K icon in the top right of the Gutenberg editor) and configure the Color Palette settings. This defines colors that appear in block settings throughout the editor.
Can I add custom CSS or JavaScript to individual pages with Kadence Blocks?
Yes, but this requires Kadence Blocks Pro. Pro users can add custom CSS and JavaScript on a page-by-page basis using the Kadence Block Controls panel in the editor. For the free version, custom code per page is best handled with a code snippet plugin or the theme functions file.
Frequently Asked Questions
Does Kadence Blocks work without the Kadence theme?
Yes. The blocks work with any WordPress theme. However, features like the shared global color palette, typography synchronization, and some layout integrations only function when the Kadence theme is also active.
What does the Kadence Optimizer do and should I enable it?
The Kadence Optimizer loads block CSS and JavaScript only on the specific pages where those blocks are actually used, rather than sitewide. For sites with many different blocks across many pages, this can meaningfully reduce the amount of unused CSS loaded per page. It is worth enabling on content-heavy sites, but test after enabling to verify no blocks lose their styles or interactions.
Does Kadence Blocks include a form builder?
Yes. The free version includes an Advanced Form block that handles contact forms with basic spam protection and email notifications. Kadence Blocks Pro extends the form builder with multi-step forms, file uploads, conditional logic, custom CAPTCHA options, and additional integrations.
What is the difference between Kadence Blocks and Kadence Blocks Pro?
Kadence Blocks free includes the full core block library for most site-building needs. Pro unlocks dynamic content, conditional block display, advanced form capabilities, custom font hosting, per-page custom CSS/JS, and a Query Loop block. Pro starts at $79/year.