Block editorLesson 2 of 5 · 6 steps

Build with Kadence Blocks

Find and adapt a Kadence Design Library pattern.

Video coming soon

Your next step is ready.

Follow the complete written guide below.
The video will join it here when it’s ready.

Start the written lesson

Before you start

EMCP Free and a verified AI connection.
Kadence Blocks active; premium patterns need vendor access.
A Gutenberg draft.

Let’s do this, step by step.

Step 01

Enable and save the pack

Open Setup → Page Builders. Switch on Kadence Blocks under 2. Gutenberg block plugins. Choose Save changes. A Not detected card lists missing requirements.

Start with the required plugin or theme active. Switch on this block pack and click Save changes. This does not convert existing content.

Step 02

Enable the actions and reconnect

Open Setup → Tools → Kadence Blocks. Inspect read and write switches; enable the actions needed for this practice task, then Save changes and reconnect your AI app.

Open this integration’s Tools tab. Check both read and write actions; Pro read tools can also start off on a fresh install. Save your choices and reconnect the app so it reads the updated list.

Step 03

Read the current blocks

Ask the AI to inspect Kadence Blocks's context, installed block schemas, and the draft's mixed block tree.

Read the draft before making changes. Keep its latest content version and block positions so edits do not overwrite newer work.

Step 04

Choose a pattern

List available Design Library patterns and inspect a services section before inserting it.

The library depends on the installed plugin and your vendor access. EMCP Free does not unlock paid Kadence patterns.

Step 05

Insert and localize

Insert the chosen pattern at a specific draft position. Decide whether its images should be copied into this site's Media Library.

Check imported images and text before treating the pattern as yours. Theme colors and layout settings are handled separately.

Step 06

Check the native editor

Read the saved blocks and open Gutenberg. Check for invalid-content warnings, then inspect desktop and phone previews.

A working frontend does not prove the blocks remain editable. Check the native editor, spacing, links, and images before publishing. Saves on published pages can take effect immediately.

You’re done when…

The Kadence Blocks section is editable in Gutenberg, has no invalid-block warnings, and displays correctly.

Keep the reference handy.

The docs cover tool details and requirements for this lesson.

You only need the guide for the app or builder you use. Ready to build? Try an Elementor draft or use Gutenberg.