elementor-mcp

Overview

This MCP server integrates Elementor page builder with AI systems through the Model Context Protocol. It provides comprehensive tools for querying, creating, and manipulating WordPress pages and Elementor designs. The plugin offers a broad range of functionality including widget management, template handling, theme customization, and dynamic content integration. It specifically targets designers and developers looking to automate WordPress site creation and maintenance workflows through AI agents.

Try asking AI

After installing, here are 4 things you can ask your AI assistant:

• list-widgets

  List all registered widget types with names, titles, icons, categories, and keywords

  Try:Show me all available Elementor widgetsTry:List widgets in the marketing category
• get-page-structure

  Get the complete element tree for a page showing containers, widgets, and nesting

  Try:Display the structure of my homepageTry:Show me how the elements are nested on the about page
• create-page

  Create a new WordPress page or post with Elementor enabled

  Try:Create a new page called 'Services'Try:Add a blog post titled 'Top 5 Design Trends'
• add-widget

  Add any widget type to a container on a page

  Try:Add a button widget to the headerTry:Insert a testimonial widget in the main content area
• update-element

  Update settings on any element (widget or container) by its ID

  Try:Change the heading color of element 123Try:Update the background of the main container
• add-heading

  Add a heading widget to a container

  Try:Add an H1 heading saying 'Welcome to Our Site'Try:Insert a subheading about our services
• add-text-editor

  Add a rich text editor widget to a container

  Try:Add a paragraph introducing our companyTry:Insert a text block with product features
• save-as-template

  Save a page or element as a reusable template

  Try:Save the footer section as a templateTry:Create a template from the hero section
• apply-template

  Apply a saved template to a page

  Try:Apply the footer template to all pagesTry:Use the header template on the homepage
• update-global-colors

  Update site-wide color palettes

  Try:Set the primary color to blueTry:Update the accent color for the theme
• import-template

  Import a JSON template structure into a page

  Try:Import the homepage template from this fileTry:Load the template from URL
• export-page

  Export a page's full Elementor data as JSON

  Try:Export my homepage designTry:Create a backup of the about page

Comparable tools

Installation

{
    "mcpServers": {
        "elementor-mcp": {
            "type": "http",
            "url": "https://your-site.com/wp-json/mcp/elementor-mcp-server",
            "headers": {
                "Authorization": "Basic BASE64_ENCODED_CREDENTIALS"
            }
        }
    }
}

Compare elementor-mcp with