Diseñar una página con Claude y llevarla a Elementor tiene, en realidad, dos caminos con resultados muy distintos — y el vídeo que lo explica solo detalla bien el que peor funciona a largo plazo.
El camino rápido: HTML pegado en un bloque, poco editable
La opción más simple es pedirle a Claude que genere directamente el HTML de una página y pegarlo en un bloque «HTML» de Elementor. Funciona para una vista rápida, pero tiene una limitación real: cualquier cambio exige volver a Claude, modificar el HTML y pegarlo de nuevo entero. No queda como secciones editables dentro de Elementor, queda como una caja de código opaca.
El camino que sí merece la pena: JSON nativo de Elementor
La alternativa — y la que el propio vídeo señala como «la buena» — es pedirle a Claude directamente un archivo JSON con la estructura nativa de Elementor (versión de esquema 0.4+): contenedores, widgets de tipo heading, text-editor o button mapeados desde el HTML, IDs únicos por elemento y valores responsive para escritorio, tablet y móvil. Este JSON se importa desde Elementor → Plantillas → Plantillas guardadas, y a partir de ahí cada sección, título y párrafo queda completamente editable con el editor visual normal, sin volver a tocar código. La estructura de ese JSON (versión de esquema, contenedores, IDs hexadecimales) coincide con la documentación oficial de Elementor para desarrolladores, así que la técnica de fondo es sólida y reproducible con un prompt bien construido.
Lo que no pudimos confirmar: las skills concretas que menciona el vídeo
El vídeo también menciona dos herramientas para automatizar esta conversión sin escribir el prompt cada vez — una que empaqueta el resultado como plantilla completa para Elementor Pro, y otra más ligera en Python que convierte HTML y CSS a JSON localmente, sin depender de ninguna API. Ninguna de las dos ha podido verificarse de forma independiente contra un repositorio activo con historial reciente; puede que existan bajo otro nombre, que sean proyectos pequeños con poca visibilidad, o que el vídeo se refiera a ellas de forma imprecisa. Tampoco pudimos confirmar que la extensión oficial de Claude para Chrome incluya, tal cual la describe el vídeo, una función específica para convertir HTML en bloques de Elementor de forma autónoma — su función documentada es más general, asistir dentro del navegador. Antes de instalar cualquier herramienta de terceros que prometa automatizar este paso, conviene comprobar el repositorio y su actividad real, no solo el nombre que aparece en pantalla.
Cómo lo aplicamos nosotros
Para un cliente que necesita una web editable de verdad — no solo una demo bonita — el JSON nativo de Elementor es el camino correcto: el resultado queda dentro del editor visual que el equipo del cliente ya conoce, sin depender de volver a pedirle cambios a una IA cada vez que hay que tocar un texto.
Si quieres una web en WordPress construida con IA pero editable de verdad por tu equipo, hablemos. Escríbenos desde el formulario de contacto.