Elementor MCP crea páginas web con IA

Qué es Elementor MCP y por qué cambia la forma de trabajar

MCP significa Model Context Protocol. Explicado de una forma sencilla, es un protocolo que permite que una herramienta de inteligencia artificial se conecte con otras aplicaciones y pueda trabajar con ellas.

¿Cómo funciona Elementor MCP?

En este caso, Elementor MCP funciona como un puente entre tu WordPress y una IA compatible. Actualmente dispone de conexión preparada para Claude Code, Claude Desktop, Codex y Cursor, además de admitir otros clientes compatibles con MCP.

Hasta ahora podías pedirle a una IA que diseñara una landing o incluso que escribiera su código. El problema llegaba cuando había que trasladar ese resultado a WordPress, reconstruirlo o trabajar con código que muchas personas no sabían modificar.

¿Qué cambia Elementor MCP?

Puedes pedir una página y la IA construye elementos nativos de Elementor. Cuando termina, puedes abrir el resultado desde el editor y seguir trabajando visualmente como siempre.

Además, la generación queda guardada como borrador. La página no se publica automáticamente, así que puedes revisar textos, imágenes, enlaces, formularios y diseño antes de ponerla online.

Crear una landing empieza a parecerse a preparar un buen briefing

Imagina que quieres lanzar un nuevo servicio y necesitas una landing específica para captar solicitudes. Puedes conectar Claude con Elementor y explicarle qué página necesitas. La IA puede construir la estructura, añadir los bloques, aplicar estilos y dejar la página preparada para que continúes trabajando sobre ella.

Si queremos aprovechar Elementor MCP, tenemos que empezar a pensar como cuando preparamos una carta de ventas o un briefing de campaña. La información importante comienza antes del diseño.

Empieza por explicar qué quieres vender

La herramienta necesita saber qué producto o servicio estamos presentando, a quién va dirigido y cuál es la acción que queremos conseguir.

Para una landing de captación, por ejemplo, puedes explicar que quieres conseguir solicitudes de reunión de responsables de marketing de empresas que necesitan automatizar determinados procesos.

A partir de ahí, añade el problema que estás resolviendo, la propuesta de valor, las principales objeciones, las pruebas disponibles y la acción que debe realizar el visitante.

De repente, el prompt deja de ser una petición de diseño y empieza a convertirse en la estrategia de la página.

Añade lo que ya sabes del cliente

Si has hablado con clientes, tienes información comercial que puede mejorar muchísimo la web. Sabes qué preguntan antes de comprar, qué les preocupa, qué les cuesta entender y qué argumentos terminan inclinando la decisión.

Puedes explicar que el principal freno del cliente es el precio, el tiempo de implantación o la sensación de que el servicio será demasiado complejo. También puedes indicar qué casos de éxito o resultados tienes para reducir esa incertidumbre.

Una landing que conoce esas objeciones puede ordenar la información alrededor de la decisión de compra, en lugar de limitarse a colocar un titular bonito, tres servicios y un formulario.

Dale referencias visuales

Elementor recomienda acompañar las instrucciones con contexto y referencias. Puedes facilitar un briefing, un enlace, un documento, una captura de pantalla o un diseño para que la herramienta tenga más información sobre el resultado que buscas.

En lugar de intentar describir durante diez líneas qué significa para ti una web «moderna, elegante y profesional», puedes mostrar una referencia y explicar qué te interesa de ella. Quizá sea la distribución. El uso del espacio. La forma de presentar el producto. O el recorrido hasta el CTA.

Una referencia concreta comunica mucho mejor que una colección de adjetivos.

Elementor MCP puede traer información de las herramientas donde ya trabajas

Elementor MCP puede aprovechar el contexto al que ya tenga acceso la herramienta de IA que conectes. Si Claude puede consultar un documento de Drive, un diseño de Figma, información de Notion o cualquier otra fuente integrada en su entorno, ese material puede utilizarse para construir contenido dentro de Elementor.

Gran parte del trabajo a la hora de construir una web consiste en trasladar información de un sitio a otro. Con este sistema, el agente puede utilizar parte de ese contexto y llevarlo directamente a la página que está construyendo.

De un briefing a una primera página

Aquí tienes un flujo especialmente útil para marketing.

Preparas el briefing de campaña con el objetivo, el público, la propuesta de valor, las objeciones y la oferta. Añades las referencias visuales y explicas qué acción debe conseguir la página.

Después puedes pedir a la IA que utilice esa información para construir una primera landing en Elementor. Cuando obtengas el resultado, ya tendrás una base sobre la que trabajar.

La estrategia sigue necesitando pensamiento pero la construcción necesita muchas menos horas.

El diseño también aprende las reglas de tu marca

Una página no debería empezar visualmente desde cero cada vez que lanzamos una campaña.

Elementor MCP puede trabajar con el sistema de diseño del sitio y gestionar clases globales, variables, colores, tipografías y tamaños. Esto permite mantener una base visual consistente mientras genera nuevas estructuras.

Para una empresa con varias campañas durante el año, esta capacidad es muy útil porque puedes definir previamente tus colores, tipografías, estilos de botones y criterios visuales para después pedir nuevas páginas que utilicen ese sistema.

Así reduces uno de los problemas habituales cuando se acelera la producción con IA: cada pieza generada parece de una marca diferente.

Hasta dónde puedes llegar hoy con Elementor MCP

Aquí conviene diferenciar lo que ya está disponible de lo que Elementor está preparando.

Actualmente puedes crear páginas completas y secciones con los elementos Atomic de Elementor V4. También puedes trabajar con partes del tema como cabeceras, pies de página, plantillas de entradas o páginas 404, además de utilizar contenido dinámico. Además también puede trabajar con clases y variables globales del sistema de diseño.

Con Angie instalado se amplían las posibilidades. Elementor permite acceder a capacidades registradas por otros plugins mediante WordPress Abilities API, incluyendo WooCommerce, Yoast y ACF, además de realizar determinadas operaciones masivas y crear personalizaciones adicionales.

Hay, sin embargo, una limitación importante para quienes ya utilizamos Elementor.

Las webs antiguas todavía tienen una limitación

La edición mediante MCP de páginas existentes está actualmente orientada a los layouts Atomic de Elementor V4. El soporte para editar layouts V3 aparece en la hoja de ruta de Elementor para Q4.

Esto significa que una empresa con una web construida hace tiempo no debería interpretar el lanzamiento como la posibilidad de entregar inmediatamente todo su sitio actual a Claude y pedirle que lo rediseñe.

Puedes crear nuevas páginas y trabajar con las capacidades disponibles, pero antes de plantear una transformación completa conviene comprobar cómo está construida tu web.

Esta limitación seguramente irá perdiendo importancia conforme avance el desarrollo. Elementor ya ha incluido tanto el soporte V3 como nuevas MCP Skills entre las funciones que está preparando.

¿Hace falta saber diseñar una web?

Esta es probablemente la pregunta que se hará mucha gente al conocer la herramienta.

Elementor MCP reduce muchísimo el conocimiento técnico necesario para construir. Ya no necesitas saber cómo crear manualmente cada contenedor para conseguir una primera página funcional.

Pero crear una buena web sigue necesitando otras decisiones. Tienes que saber qué quieres que entienda una persona al llegar. Qué información necesita antes de comprar. Dónde debe aparecer la prueba. Qué objeciones tienes que resolver. Cuál es la acción principal. Y qué información sobra.

Esto ya no es desarrollo web. Es marketing.

Una IA puede crear cinco secciones perfectamente alineadas y conseguir una página que no venda absolutamente nada si la propuesta es confusa. Por eso, si utilizas Elementor MCP para crear una landing, empieza explicando el negocio antes que el diseño. Después puedes pedir la estructura. Y finalmente trabajar la parte visual. Ese orden es mucho más inteligente que empezar solicitando una página «bonita».

La conexión necesita un poco de atención

Configurar Elementor MCP requiere acceso de administrador. Desde WordPress puedes activar MCP, elegir la herramienta que quieres conectar y generar un prompt de configuración. Durante ese proceso Elementor crea una contraseña de aplicación para establecer la conexión.

La herramienta conectada hereda los permisos del usuario de WordPress utilizado. Además, puedes revocar individualmente una conexión o desactivar por completo el acceso MCP desde Elementor.

Esto merece especial atención porque estamos dando a una IA la capacidad para actuar dentro de nuestra web.

Conecta únicamente las herramientas que vayas a utilizar y revisa los accesos activos, especialmente si varias personas trabajan sobre el mismo WordPress.

La parte positiva es que todo lo generado mediante MCP se guarda como borrador. Puedes abrirlo, comprobarlo y modificarlo antes de publicar. Si el editor y la IA intentan modificar simultáneamente la misma página, Elementor detecta el conflicto y permite decidir qué cambios conservar.

Lo que quiero probar con Elementor MCP

Mi equipo y yo llevamos mucho tiempo trabajando con Elementor Pro, así que esta es una de esas novedades que quiero llevar directamente a un flujo real.

Me interesa especialmente comprobar cuánto podemos acortar el recorrido entre una idea de campaña y una landing preparada para probarla.

Hasta ahora la IA podía ayudarnos con la investigación, la propuesta, los textos, las imágenes e incluso el código. Elementor MCP empieza a cerrar una de las últimas distancias: llevar todo ese trabajo hasta la propia web sin tener que reconstruirlo después manualmente.

Eso facilita muchísimo la parte técnica para una empresa que quiere crear una página sin dominar WordPress. Y también acelera el trabajo de quienes llevamos años utilizándolo.

Pero lo más importante es recordar que:

Cuando construir una web se vuelve fácil,
saber qué necesitas construir se convierte en lo más relevante.