elementor

This MCP server bridges Elementor within WordPress to the Model Context Protocol, exposing Elementor data, widgets, templates, and design operations as MCP tools. It enables AI agents and MCP clients to list available widgets, inspect page structures, read and modify element settings, manage templates, and perform page/layout operations through a consistent MCP interface. Tools cover discovery, page management, layout and widget operations, templates, global settings, and more, all accessible via standard MCP clients using HTTP to the WordPress MCP endpoint. To use, configure one of the supported MCP clients (Claude, Cursor, MCP Inspector, etc.) with the server URL and credentials (via Basic authentication or the client’s configured method) and then invoke the desired tools (e.g., list-widgets, get-page-structure, get-element-settings, create-page, update-container).

Typical workflows include discovering available widgets, inspecting a page’s element tree to determine where to apply changes, and then issuing a series of tool calls to construct or modify a page design in an automated fashion. The server supports a broad set of Elementor-related tools through the MCP Adapter, enabling programmatic design tasks such as adding containers, configuring widget settings, saving templates, and managing global design tokens.

Prerequisites:

• A WordPress installation (WordPress 6.8+ recommended)
• PHP 7.4+ installed on the hosting environment
• Elementor plugin installed (version 3.20+)
• WordPress MCP Adapter plugin installed and active
• Administrative access to WordPress to install plugins and configure MCP tools

Installation steps:

1. Install Elementor and the WordPress MCP Adapter from your WordPress admin dashboard:
   • Plugins > Add New > Search for Elementor and install/activate
   • Plugins > Add New > Search for MCP Adapter and install/activate
2. Download the latest release zip for the MCP Tools for Elementor from the Releases page and upload it:
   • Plugins > Add New > Upload Plugin > Choose the downloaded zip > Install Now > Activate
3. Open the MCP Tools for Elementor settings in WordPress:
   • Settings > MCP Tools for Elementor > Connection
   • Review connection details and ensure the WordPress site is reachable by MCP clients
4. Note your MCP endpoint URL (as shown in the admin panel) and the authentication method required by clients (e.g., Basic auth with Application Passwords)
5. Configure your MCP client with the endpoint URL and credentials to start using the available tools (Query & Discovery, Page Management, Layout Tools, Widget Tools, etc.).

Optional post-install steps:

• Create and test an Application Password for API-driven clients (Users > Profile > Application Passwords)
• Verify that the MCP endpoint is accessible from your client environment (firewalls, TLS, etc.)
• Use the admin UI to toggle tools on or off and review connection info

Tips and common issues:

• Authentication: Many clients use WordPress Application Passwords. Encode credentials as Base64 and include in the Authorization header (Basic ...).
• Endpoint stability: Ensure the WordPress site serves HTTPS with valid SSL certificates to avoid mixed content errors in MCP clients.
• Tool availability: A large suite of Elementor tools is exposed; if a tool is missing or not returning expected data, verify that the corresponding Elementor page, widget, or template exists and that your user role has sufficient permissions.
• Debugging: Use the MCP Inspector or CLI-based MCP tests to verify connectivity and tool responses before integrating into automated workflows.
• Updates: When WordPress, Elementor, or MCP Adapter are updated, re-check that the MCP Tools plugin remains compatible and that endpoints haven’t changed.
• Security: Limit access to the MCP endpoint to trusted clients and consider IP allow-lists or VPN access for production deployments.