Cómo Conectar WordPress y Elementor mediante MCP (Model Context Protocol) con Claude, Cursor y Antigravity

El Model Context Protocol (MCP) creado por Anthropic ha cambiado por completo la forma en que los desarrolladores interactuamos con WordPress, WooCommerce y Elementor. En lugar de copiar y pegar fragmentos de HTML o PHP en una ventana de chat, un servidor MCP conectado a tu sitio permite que agentes de IA como Claude Desktop, Claude Code, Cursor o Antigravity inspeccionen la estructura real de tus páginas, creen entradas, actualicen metadatos SEO, gestionen widgets de Elementor y ejecuten diagnósticos técnicos a través de la API REST de forma segura.

En esta guía técnica en español te explico paso a paso cómo funciona la arquitectura MCP en WordPress y Elementor, cómo generar las credenciales de aplicación y qué archivo JSON de configuración necesitas en tu cliente de IA.

¿Qué es MCP (Model Context Protocol) aplicado a WordPress?

MCP es un protocolo estándar abierto que conecta modelos de lenguaje (LLMs) con herramientas externas y fuentes de datos en tiempo real. Cuando habilitas un endpoint MCP en tu instalación de WordPress (por ejemplo, mediante el servidor MCP de Elementor/Angie en /wp-json/elementor/mcp/ o mediante el plugin WordPress MCP Adapter), tu sitio expone un catálogo de herramientas (Tools) y recursos (Resources) que el agente de IA puede invocar con tu autorización:

• Lectura y auditoría de páginas: Obtener el árbol JSON de contenedores y widgets de Elementor (elementor-get-page-structure), listar entradas, categorías y esquemas globales.
• Construcción y edición asistida: Crear páginas, modificar ajustes de widgets, corregir jerarquías de encabezados H1/H2/H3 y publicar documentos (elementor-publish-document).
• Automatización híbrida con n8n: Incluso puedes exponer flujos de n8n conectados a WordPress como herramientas MCP para que tu agente dispare notificaciones por WhatsApp o sincronice pedidos de WooCommerce.

Paso 1: Generar una Contraseña de Aplicación (Application Password) en WordPress

Para que el cliente MCP se autentique contra la API REST de WordPress sin exponer tu contraseña principal de administrador, utiliza el sistema nativo de Contraseñas de Aplicación disponible desde WordPress 5.6:

1. Ingresa a tu panel de administración en /wp-admin/ con un usuario de rol Administrador o Editor según el alcance que desees otorgar.
2. Dirígete a Usuarios → Perfil y desplázate hasta la sección Contraseñas de aplicación.
3. Escribe un nombre descriptivo (por ejemplo, MCP-Client-AI) y haz clic en Añadir una nueva contraseña de aplicación.
4. Copia la clave generada de 24 caracteres (con formato XXXX XXXX XXXX XXXX XXXX XXXX).
5. Para autenticación HTTP Basic (estándar en conexiones MCP por HTTP), codifica en Base64 la cadena tu_usuario_o_email:tu_application_password.

Paso 2: Configurar el archivo mcp-config.json en Claude, Cursor o Antigravity

Si utilizas el servidor HTTP MCP en tu WordPress (como /wp-json/elementor/mcp/), abre el archivo de configuración de servidores MCP de tu cliente de IA (por ejemplo, mcp-config.json o claude_desktop_config.json) y añade el bloque dentro de mcpServers:

{
  "mcpServers": {
    "mi-wordpress-elementor": {
      "type": "http",
      "url": "https://tudominio.com/wp-json/elementor/mcp/",
      "headers": {
        "Authorization": "Basic TU_TOKEN_BASE64_AQUI"
      }
    }
  }
}

Si tu cliente solo soporta transporte stdio local, puedes usar el puente oficial mcp-remote con Node.js (npx -y mcp-remote https://tudominio.com/wp-json/elementor/mcp/ --header "Authorization: Basic ...").

Paso 3: Casos de uso reales para desarrolladores WordPress

Una vez conectado el servidor MCP de tu WordPress, puedes ejecutar tareas de ingeniería en minutos que antes tomaban días:

• Auditoría y corrección masiva de SEO On-Page: Combinar el servidor MCP de WordPress con el MCP de Google Search Console para detectar páginas con alto número de impresiones y bajo CTR, actualizar títulos de Yoast SEO mediante endpoints REST personalizados (revisa nuestra guía para crear endpoints en la API REST de WordPress) y corregir etiquetas H2 duplicadas en Elementor.
• Maquetación en Elementor con contenedores Flexbox/Grid: Construir composiciones completas de contenedores y widgets respetando los colores y tipografías globales del Kit de Elementor.
• Desarrollo y depuración de plugins: Apoyarte en el contexto en vivo de la base de datos para crear plugins de WordPress desde cero con PHP y probar su integración al instante.

Solución de errores comunes al conectar MCP con WordPress

• Error 401 Unauthorized en servidores Apache / LiteSpeed: Algunos hostings filtran la cabecera Authorization antes de que llegue a PHP. Añade en tu archivo .htaccess la regla: SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1.
• Bloqueo por Firewall (Wordfence o Cloudflare): Si utilizas Wordfence Security, asegúrate de no tener deshabilitadas las contraseñas de aplicación de la API REST en las opciones de fuerza bruta.