Otter Blocks MCP integration

Otter Blocks MCP: build pages with the blocks on your site.

Use EMCP Pro to connect your AI to the Otter blocks, local patterns and style tools installed on your site. Build and review a native Gutenberg draft, then publish explicitly. Otter Pro is optional and controls vendor premium features; remote template syncing, payment setup and submission records are outside this integration.

Pro integrationOtter 3.2.5 through 3.2.x; Otter Pro optional

EMCP / Otter BlocksIllustrative workflow
From request to review

An Otter draft using the installed café blocks

An Otter draft using the installed café blocks: example plan
StepReview point
Inspect Free and Pro availabilityRead context, installed blocks and local patterns. Include Business Hours only if its schema is registered.
Assemble native draft contentUse complete serialized Otter blocks with saved HTML and the current page hash.
Rebuild and review the page stylesRegenerate native Otter CSS, inspect the draft in Gutenberg and review the frontend before publication.
DiscoverPrepareReview
Illustrative workflow, not a live execution log.

A practical place to start

Build an Otter café page from the blocks actually installed.

  1. 01

    Inspect Free and Pro availability

    Read context, installed blocks and local patterns. Include Business Hours only if its schema is registered.

  2. 02

    Assemble native draft content

    Use complete serialized Otter blocks with saved HTML and the current page hash.

  3. 03

    Rebuild and review the page styles

    Regenerate native Otter CSS, inspect the draft in Gutenberg and review the frontend before publication.

Built for Otter Blocks

Discover the installed Free and Pro catalog

Otter’s registry depends on the products active on your site. The documented 3.2.5 fixtures exposed 45 blocks with Free and 63 with Pro; those are fixture observations, not a fixed promise for every installation. Ask your assistant to discover the available blocks and native schemas first.

EMCP Pro supplies the adapter. Otter Pro is optional and supplies the vendor’s premium features. A café brief can include Business Hours only when that block is registered; otherwise the plan should use the available content blocks.

Use local patterns and native markup

The pattern tools read locally registered Otter patterns rather than downloading a remote library. Inspect a pattern’s markup before insertion. The insertion workflow regenerates Otter IDs and rejects unavailable blocks, but it does not download remote images for you.

Individual add and update operations use complete serialized blocks, including saved HTML and nested children. Read the current page hash before writing and re-read the mixed Gutenberg tree after structural changes.

Rebuild styles and inspect Atomic Wind separately

Otter’s page-style tools can read generated CSS and regenerate it using the installed native compiler. Use them after an edit when reviewing the page’s saved styling. Native block validation and a frontend preview remain necessary.

Atomic Wind uses a separate browser CSS compiler. Its utility classes need browser validation; a native Otter CSS rebuild does not establish that those utilities render as intended.

Publish after reviewing the draft

The adapter supports draft creation and explicit publication after reviewing the saved blocks and styles. Whole-page replacement requires confirmation. Payment configuration, credentials, submission records, remote template sync and WooCommerce template assignments are excluded.

The documented compatibility range is Otter 3.2.5 through 3.2.x. Enable the independent pack and required tools, save access changes, and reconnect your assistant. See the Otter reference and builder setup guide for current inputs and dependencies.

Get connected

Put Otter Blocks in your AI’s toolkit.

  1. 1

    Check installed versions

    Otter 3.2.5 through 3.2.x; Otter Pro optional. EMCP Pro is required.

  2. 2

    Enable the integration

    Open EMCP Tools > Page Builders and enable this Gutenberg pack independently.

  3. 3

    Connect and inspect

    Reconnect your MCP client, read context and schemas, and enable the write tools needed for the task. Start with a draft and inspect the native editor.

Install EMCP

Then connect Claude Code, Claude Desktop, or Cursor to use the Otter Blocks tools enabled on your site. Compare Free and Pro access.

A few useful details

Before you connect.

Questions about Otter Blocks, supported operations, and the workflow on your site.

Do I need Otter Pro as well as EMCP Pro?

EMCP Pro is required for the adapter. Otter Pro is optional and needed only for vendor premium blocks and features. Discover the installed catalog before choosing them.

Does pattern insertion download a remote library?

No. The tools discover and insert locally registered patterns. Insertion regenerates Otter IDs, rejects unavailable blocks and does not download remote images.

Does rebuilding Otter styles compile Atomic Wind utilities?

Atomic Wind uses a separate browser CSS compiler. Native Otter CSS regeneration does not replace browser validation of those utilities.

Your tools. Your WordPress site.

Make Otter Blocks part of the conversation.

Get EMCP Pro

Your EMCP guide

Answers from our docs

YOUR CHAT, YOUR CHOICE

Before we chat

MSR Builds processes your question and up to four recent messages on our server to answer from the EMCP docs. AI is optional and needs your separate permission.

The chat is kept in this page's memory, not saved as a conversation in our database or browser storage. Our hosting and security services process connection information, such as your IP address, to prevent abuse.

Cloudflare Turnstile checks your browser and connection to prevent automated abuse when you send a question. No login is required.

Please leave out personal, sensitive or confidential information, passwords and API keys.

You can withdraw consent and clear this page's chat at any time. This cannot undo a request already sent or erase provider/security records.

Chat privacy, retention & your rights ↗ · Privacy contact

Starting chat consents to this processing. You can browse our docs without using the chat.