elementor-mcp
An MCP server for Elementor-built WordPress sites that reads page structure, edits widgets, manages global design tokens, and supports safe concurrent writes with undo via a WordPress bridge plugin.
README
Elementor MCP
An MCP server for working on Elementor-built WordPress sites — reading page structure, editing widgets, managing global design tokens, and doing it without breaking anything.
Elementor keeps its entire page layout as a JSON blob in a protected postmeta
key (_elementor_data). The WordPress REST API will not read or write it, which
is why generic WordPress MCP servers can list your pages but cannot touch what
is on them. This project closes that gap.
What you get
- 50 tools covering page structure, element surgery, widget schemas, global design, templates, history and site-wide search.
- Live widget schemas. Control definitions are read from the target site's own Elementor registry, so the schema you get describes exactly the widgets that site has installed — core, Pro, and any third-party addon pack — instead of a hard-coded list that goes stale.
- Safe concurrent writes. Every write carries the content hash the page was read at and is rejected if the page changed underneath. No silent overwrites.
- Undo. Every write snapshots the layout first.
elementor_restore_snapshotrolls back the last change. - Atomic batches. Multi-step restructuring applies as one operation, or not at all — a page is never left half-edited.
- Multi-site. One server can front many WordPress installs, each addressable by name, each independently markable read-only.
Architecture
Two pieces, because neither works alone:
MCP client ──stdio──▶ elementor-mcp (Node) ──REST──▶ WordPress
├── Elementor MCP Bridge (this repo)
└── Elementor
plugin/elementor-mcp-bridge/ — a WordPress plugin exposing an
elementor-mcp/v1 REST namespace. It reads and writes Elementor documents
through Elementor's own Document::save() (the same path the editor uses, so
sanitisation, revisions and CSS regeneration all happen correctly), and
introspects the live widget registry for schemas.
src/ — the MCP server. It holds the element tree in its own process and
does the structural work there, so a 400 KB page can be edited without that JSON
ever entering the model's context.
That split is deliberate. Tree surgery lives in TypeScript where it is unit tested against 59 cases; the PHP side stays thin and delegates to Elementor.
Install
1. The bridge plugin
Build an installable zip and upload it through Plugins → Add New → Upload Plugin in wp-admin:
./scripts/package-plugin.sh
# build/elementor-mcp-bridge-1.0.0.zip
The script refuses to build if any file fails php -l, so a broken plugin
cannot be packaged.
Or install it directly:
rsync -a plugin/elementor-mcp-bridge/ user@host:/var/www/site/wp-content/plugins/elementor-mcp-bridge/
wp plugin activate elementor-mcp-bridge # or activate in wp-admin
Requires WordPress 5.9+, PHP 7.4+ and Elementor 3.x or 4.x.
Confirm it is live:
curl -u 'user:app password' https://example.com/wp-json/elementor-mcp/v1/status
On Windows, curl is an alias for Invoke-WebRequest and does not accept
-u. Use the bundled diagnostic instead, which checks reachability, the REST
API, plugin activation and credentials in order so a failure tells you which
one broke:
.\scripts\Test-Bridge.ps1 -SiteUrl https://example.com -Username admin -AppPassword 'abcd efgh ijkl mnop'
Or force real curl with curl.exe rather than the alias.
2. An application password
In wp-admin go to Users → Profile → Application Passwords, add one named
elementor-mcp, and copy the generated value. This is not the account's login
password; it can be revoked independently.
The bridge checks a real WordPress capability on every route, so the agent can only do what that user could do by hand. Give it an account with the least role that covers your use — Editor is usually enough, Administrator only if you need to change site-wide design settings.
3. The server
npm install
npm run build
Configure
Single site:
WORDPRESS_URL=https://example.com
WORDPRESS_USERNAME=your-user
WORDPRESS_APP_PASSWORD="abcd efgh ijkl mnop qrst uvwx"
Several sites — set ELEMENTOR_MCP_SITES to a JSON array:
[
{ "name": "live", "url": "https://example.com", "username": "u", "appPassword": "..." },
{ "name": "staging", "url": "https://staging.example.com", "username": "u", "appPassword": "...", "readOnly": true }
]
| Variable | Purpose |
|---|---|
WORDPRESS_URL / WORDPRESS_USERNAME / WORDPRESS_APP_PASSWORD |
Single-site credentials |
ELEMENTOR_MCP_SITES |
JSON array or name-keyed object of site profiles |
ELEMENTOR_MCP_CONFIG |
Path to a JSON file holding the same structure |
ELEMENTOR_MCP_DEFAULT_SITE |
Which profile tools use when site is omitted |
ELEMENTOR_MCP_READ_ONLY |
true refuses every write, across all sites |
ELEMENTOR_MCP_TIMEOUT_MS |
Per-request timeout, default 30000 |
Connecting a client
Claude Code:
claude mcp add elementor -- node /path/to/elementor-mcp/dist/index.js
Or by editing an MCP client config directly:
{
"mcpServers": {
"elementor": {
"command": "node",
"args": ["/path/to/elementor-mcp/dist/index.js"],
"env": {
"WORDPRESS_URL": "https://example.com",
"WORDPRESS_USERNAME": "your-user",
"WORDPRESS_APP_PASSWORD": "abcd efgh ijkl mnop qrst uvwx"
}
}
}
}
How to use it well
The tool descriptions steer toward this, but the short version:
elementor_site_statusonce per site — versions, widget count, what the authenticated user may do.elementor_get_outlineto get element ids. Do not reach forelementor_get_page_treeunless you genuinely need every setting; outlines are a fraction of the size.elementor_get_widget_schemabefore setting unfamiliar widget settings. Control names are not guessable, and a wrong key saves silently with no visible effect — this is the single most common way Elementor automation goes wrong.elementor_batch_editfor anything multi-step.elementor_render_pageto confirm the result.
Responsive settings use _tablet and _mobile suffixes (padding,
padding_tablet, padding_mobile); the schema marks which controls are
responsive and spells out the exact keys.
Safety model
| Concern | How it is handled |
|---|---|
| Concurrent edits | Writes carry the hash read at load; a changed page returns 409 and the server retries once against fresh data |
| Mistakes | Every write snapshots the layout first; elementor_restore_snapshot undoes the last change |
| Half-finished edits | Batches apply in memory and validate before a single write; a failed operation writes nothing |
| Corrupt trees | Duplicate ids, widgets with children, and widgets missing widgetType are rejected before write |
| Destructive operations | Permanent deletion and site-wide replace need EMCP_ALLOW_DESTRUCTIVE on the site and confirm: true |
| Site-wide replace | Defaults to a dry run that reports every page it would touch |
| Permissions | Every route checks a real WordPress capability for the authenticated user |
| Stale CSS | Elementor's cached CSS is flushed after every write, so changes actually render |
To allow permanent deletes and committed site-wide replaces, add to
wp-config.php:
define( 'EMCP_ALLOW_DESTRUCTIVE', true );
Tools
Full reference in docs/TOOLS.md. By area:
- Sites —
elementor_list_sites,elementor_site_status,elementor_native_mcp_call - Pages — list, get, outline, create, duplicate, delete, render, update metadata, full tree
- Elements — get, find, add widget, add container, update, move, duplicate, delete, reorder, wrap, batch edit, replace tree
- Widgets — list, schema, element types, dynamic tags
- Design — globals, set global colour, update globals, custom CSS, global classes, flush CSS
- Templates — list, get, save, apply, export, import
- History — snapshots (list/create/restore), revisions (list/restore)
- Content — search, find and replace, widget usage, media list, image upload
Elementor's own MCP module
Elementor 4.3 ships a built-in MCP module, gated behind the WordPress Abilities
API and focused on v4 atomic features — global classes, variables, components,
compositions. Where it is present, elementor_native_mcp_call proxies straight
through to it, so you get those abilities alongside everything here.
It is not a replacement for this server: it requires Elementor 4.3+ with
optional dependencies installed, and it does not cover the classic
section/column/widget model that the overwhelming majority of live Elementor
sites are built on. elementor_site_status reports whether it is available.
Development
npm run build # compile
npm test # 59 unit tests
npm run typecheck # source and tests
npm run smoke # boot the server and exercise the MCP handshake
npm run docs # regenerate docs/TOOLS.md from the running server
php tests/plugin-load.php # load the plugin and register all 32 routes
./scripts/package-plugin.sh # build the installable zip
tests/plugin-load.php loads the bridge against stubbed WordPress functions
and asserts every route has a callable handler and permission callback. It is
not a substitute for a real site, but it catches the activation fatals that a
zip would otherwise hide until upload.
Licence
MIT. See LICENSE.
推荐服务器
Baidu Map
百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。
Playwright MCP Server
一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。
Magic Component Platform (MCP)
一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。
Audiense Insights MCP Server
通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。
VeyraX
一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。
graphlit-mcp-server
模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。
Kagi MCP Server
一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。
e2b-mcp-server
使用 MCP 通过 e2b 运行代码。
Neon MCP Server
用于与 Neon 管理 API 和数据库交互的 MCP 服务器
Exa MCP Server
模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。