Ir al contenido principal

Qué es CrocoBuilder y por qué le hemos dado soporte

Crocoblock ha sacado su propio builder, y como en Kodavio le hemos dado soporte, os cuento qué es y por qué me ha parecido que valía la pena.

Qué es. Un builder de frontend para WordPress orientado a desarrolladores. No es otro maquetador visual más: la promesa es que puedas trabajar visualmente sin perder el control del código que sale.

Salida DOM atómica. Un elemento del builder equivale a un nodo del DOM. Sin envoltorios ocultos, sin marcado generado de más. Quien haya peleado con capas de div que nadie pidió sabe por qué esto importa: HTML más limpio, páginas más rápidas y mantenimiento más sencillo.

Los estilos son CSS de verdad. Las clases se crean con nombres CSS reales y funcionan fuera del builder, así que puedes reutilizarlas en Gutenberg o en otro proyecto. Nada queda encerrado en un formato propietario.

Y van sincronizados. Puedes alternar entre los controles visuales y el CSS en crudo cuando quieras: los dos editan lo mismo. No hay una caja de "CSS adicional" aparte que luego se desincroniza.

Gestión de sistema de diseño. Trae gestor de estilos globales, de variables CSS, de clases, importación y exportación de frameworks CSS, y breakpoints propios en vez de la lógica responsive fija del builder.

Contenido dinámico sin PHP. Loop Builder, Query Builder y Theme Builder para cabecera, pie, single, archivo y plantillas de producto. Más condiciones de visibilidad por rol, dispositivo o datos.

Componentes con acceso al código. Se construyen en HTML, CSS y JS —a mano o por prompt— con propiedades, slots y Web Components con props, que puedes usar en Gutenberg como componentes vivos y no como plantillas estáticas.

Y aquí lo que nos toca de cerca: trae conexión MCP. Permite que agentes como Claude o Codex gestionen estructura, consultas, componentes, estilos y páginas directamente a través del builder. Con un detalle que me parece bien resuelto: los cambios de la IA pasan por un protocolo de prueba en seco, revisas el resultado y solo entonces se aplica.

Esa es exactamente la razón por la que Kodavio lo soporta. No hemos tenido que reimplementar nada: publica su MCP y Kodavio trabaja con él.

Lo que conviene saber antes de emocionarse. No hay versión gratuita: son 79 $ al año para un sitio, con 30 días de devolución. Las integraciones nativas con JetEngine, JetFormBuilder, JetSmartFilters y JetPopup todavía están por llegar, igual que el versionado con GitHub. Y no sustituye a Gutenberg: convive con él y se encarga solo de las plantillas o páginas que le asignes.

Es un producto joven. Pero la dirección —DOM limpio, CSS que sobrevive fuera, y MCP de serie— es justo la que a mí me interesa.

Qué es CrocoBuilder y por qué le hemos dado soporte