Imaginaos una plataforma en la que decimos algo como «Crea una página para informar a mis suscriptores sobre un nuevo curso, que tenga una imagen en la parte superior y una galería de fotos debajo, con un botón de llamada a la acción y un campo de texto para pedir emails», y que en pocos minutos tengamos una propuesta creada desde cero gracias a la Inteligencia Artificial. Eso es lo que han presentado en la famosa plataforma Divi.
Divi Layouts AI es un producto que se integra a la conocida temática de WordPress Divi, ampliamente utilizada para crear sitios web sin necesidad de codificación. Esta nueva herramienta permite a los usuarios generar páginas web completas, ajustar textos existentes, generar imágenes y añadir código, todo esto a partir de un simple prompt de texto. Además, Divi Layouts AI facilita la creación de páginas que se alinean con el branding del usuario, permitiendo especificar colores y tipos de letras para que cada página mantenga un aspecto coherente.
Funcionamiento de Divi Layouts AI
Divi Layouts AI opera dentro del marco de Divi y en conjunto con el Visual Builder. Su profundo conocimiento del código de Divi le permite aprender de tu sitio web y entender cómo funciona cada módulo de diseño. El proceso es sencillo: el usuario proporciona un prompt describiendo el tipo de página que necesita, y Divi Layouts AI se encarga de crear una página web completa, que incluye tanto textos como imágenes. Tenéis un tutorial con ejemplos en este enlace.
Para utilizar Divi Layouts AI, los interesados deben adquirir una membresía de Elegant Themes, que ofrece acceso tanto a Divi como a Divi AI. Una vez adquirido el servicio y generada una clave API única para cada instalación de Divi, el usuario puede comenzar a crear páginas directamente desde el editor de Divi.
Divi Layouts AI proporciona amplias opciones de personalización. Desde la interfaz, se puede definir el tipo de página deseada, agregar una declaración de misión y valores, y especificar detalles como fuentes y colores. La Inteligencia Artificial de Divi utiliza toda esta información para generar propuestas de diseño que no solo son visualmente atractivas sino también coherentes con la identidad de la marca.
El paso a paso, después de activar la AI, sería:
Creación de la Nueva Página:
- En WordPress, dirígete a Páginas > Añadir nueva.
- Asigna un título a la página y selecciona «Usar Divi Builder».
- Opta por la opción «Construir con IA» para iniciar el proceso de diseño asistido por IA.
Configuración del Prompt de Divi AI:
- Un cuadro de diálogo te solicitará que describas el tipo de página que deseas. Aquí, debes ser claro y específico sobre lo que necesitas, incluyendo cualquier elemento como botones de llamada a la acción, formularios de suscripción, etc.
- Proporciona detalles adicionales como la declaración de misión y propuesta de valor para que la IA comprenda mejor el propósito de la página.
Personalización de Diseño:
- Selecciona las fuentes y colores que coincidan con la identidad de tu marca en las opciones de personalización que ofrece Divi AI.
- Define cualquier otro elemento estético que desees incorporar, como imágenes específicas o estructuras de layout.
Generación del Layout:
- Una vez completado el prompt y ajustadas las preferencias de diseño, haz clic en «Generar Layout».
- Divi AI creará un borrador inicial de la página, que puedes visualizar inmediatamente.
Refinamiento y Edición:
- Revisa el diseño generado y ajusta cualquier elemento según sea necesario. Puedes cambiar imágenes, modificar textos, o reorganizar componentes del layout.
- Utiliza las herramientas de edición de Divi AI para mejorar imágenes y textos directamente en el editor.
Revisión Final y Ajustes:
- Antes de publicar, asegúrate de que todo el contenido esté optimizado para SEO y que la página sea responsive en diferentes dispositivos.
- Realiza pruebas de usabilidad para asegurar que la experiencia del usuario sea óptima.
Publicación de la Página:
- Una vez que estés satisfecho con el diseño y funcionalidad de la página, guárdala y publícala.
- Monitorea el rendimiento de la página y realiza ajustes según sea necesario basado en la interacción del usuario y las métricas de rendimiento.
Algunas plataformas como Wix y Squarespace también ofrecen herramientas que simplifican la creación de páginas web mediante plantillas y editores visuales, pero Divi Layouts AI se distingue por permitir una personalización más profunda basada en IA, ofreciendo un nivel de automatización y adaptabilidad que es único en el mercado. A diferencia de otras soluciones, que requieren más interacción manual para ajustar el diseño, Divi AI ofrece una experiencia más integrada y automatizada.
Usar Divi Layouts AI permite a los diseñadores y desarrolladores, tanto novatos como experimentados, crear páginas de manera más rápida y eficiente, aunque si sabes un poco de Divi, es mejor buscar plantillas de su colección y personalizarlas, ya que la IA no hace nada tan innovador que no esté presente en alguna de las plantillas predefinidas.