La inteligencia artificial está cambiando la forma en que diseñamos sitios web. Hoy en día herramientas como ChatGPT, Claude, Gemini, Lovable o Bolt son capaces de generar secciones web completas en cuestión de segundos.
El problema es que la mayoría de esas herramientas generan código HTML, CSS y JavaScript que normalmente termina siendo difícil de editar para usuarios que no programan.
Precisamente para resolver ese problema nace OV Code Block.
¿Qué es OV Code Block?
OV Code Block es un módulo nativo para Divi 5 que te permite insertar código HTML, CSS y JavaScript generado por inteligencia artificial y posteriormente editar gran parte de su contenido desde una interfaz visual, sin necesidad de tocar código.
La idea es muy sencilla:
- Pides a la IA una sección web.
- Copias el HTML, CSS y JavaScript.
- Lo insertas en OV Code Block.
- Personalizas textos, imágenes, colores, enlaces, videos y otros elementos desde el editor visual.
De esta forma puedes aprovechar toda la velocidad de la inteligencia artificial sin perder la comodidad de editar visualmente dentro de Divi.
¿Qué puedo editar?
Actualmente OV Code Block es capaz de detectar automáticamente:
- Textos
- Imágenes
- Enlaces
- SVGs
- Colores
- Gradientes
- Videos MP4
- Videos de fondo
- Videos de YouTube
- Videos de Vimeo
- Thumbnails (poster) de videos
- CSS personalizado
- JavaScript personalizado
Además, permite cargar imágenes y videos directamente desde la biblioteca multimedia de WordPress.
Compatible con código generado por IA
Uno de los principales objetivos de este plugin es trabajar junto a herramientas de inteligencia artificial.
Por ejemplo, puedes pedirle a ChatGPT:
Crea una sección Hero moderna para una agencia digital. Devuélveme el HTML, CSS y JavaScript por separado.
Posteriormente simplemente copias el resultado y lo insertas dentro de OV Code Block.
En cuestión de segundos tendrás una sección funcional dentro de Divi 5.
Edición visual sin tocar código
Aunque el módulo acepta HTML, CSS y JavaScript, la idea no es obligarte a programar.
Una vez insertado el código podrás modificar elementos como:
- Títulos
- Descripciones
- Botones
- Colores
- Fondos
- Imágenes
- Videos
Todo desde una interfaz visual diseñada para simplificar el trabajo diario.
Casos de uso
OV Code Block es ideal para crear:
- Hero Sections
- FAQs
- Testimonios
- Tablas de precios
- Carruseles
- Secciones de servicios
- CTAs
- Landing Pages
- Componentes interactivos
- Secciones generadas con IA
Y prácticamente cualquier componente HTML moderno.
Diseñado para Divi 5
El módulo ha sido desarrollado específicamente para Divi 5 y se integra de forma nativa dentro del constructor visual.
Esto significa que puedes combinar OV Code Block con cualquier otro módulo de Divi dentro de la misma página.
Conclusión
La inteligencia artificial está acelerando enormemente la creación de interfaces web, pero todavía existe una brecha entre el código generado por IA y la facilidad de edición que necesitan muchos usuarios.
OV Code Block busca cerrar esa brecha permitiéndote insertar código HTML, CSS y JavaScript generado por IA y transformarlo en contenido mucho más fácil de personalizar dentro de Divi 5.
Si ya estás utilizando ChatGPT, Claude, Gemini, Lovable o cualquier otra herramienta similar para generar interfaces web, este módulo puede convertirse en una de las herramientas más útiles dentro de tu flujo de trabajo.
0 comentarios