Aprende a aprovechar el poder de Divi Layouts IA para crear diseños profesionales y visualmente atractivos en minutos.

Este artículo ofrece una guía paso a paso sobre cómo usar eficazmente Divi Layouts IA para agilizar y mejorar tu flujo de trabajo en el diseño de sitios web.

¿Qué es Divi Layouts IA?

Divi Layouts IA funciona junto con nuestro tema principal de WordPress, Divi. La combinación de Divi y Divi IA lo convierte en uno de los mejores creadores de sitios web con IA en el mercado.

Puede crear páginas completas, ayudarte a refinar textos existentes, generar imágenes y añadir código, todo mediante un comando de texto. Divi Layouts IA también puede crear páginas alineadas con tu identidad visual permitiéndote proporcionar colores y tipografías. De esta forma, cada página que generes tendrá un aspecto consistente siempre.

¿Cómo funciona Divi Layouts IA?

Divi Layouts IA está integrado directamente en la estructura de Divi y funciona de forma fluida con el Divi Builder. Gracias a su profundo conocimiento del código de Divi, puede aprender de tu sitio web. Entiende cómo funciona cada línea de código y cada módulo de diseño, facilitando la creación de diseños atractivos. Divi Layouts IA actúa como diseñador, desarrollador y fotógrafo, todo en uno.

Solo proporcionas un comando de texto simple describiendo el tipo de página que necesitas, y Divi Layouts IA creará una página web completa, incluyendo texto e imágenes, con los módulos de diseño de Divi. Salta la etapa inicial de planificación y creación de la estructura, dándote una ventaja en el proceso de diseño.

Cómo empezar con Divi Layouts IA

Configura WordPress

• Ve a Escritorio de WordPress → Ajustes → Generales

• Establece el título de tu sitio

• Establece la descripción (tagline)

Crea una nueva página

• Ve a Escritorio de WordPress → Páginas → Añadir nueva página

• Ponle un título a tu página

• Haz clic en el botón Usar Divi Builder

Proporciona información a Divi Layouts IA para generar una página web

1. En el flujo de creación de página, selecciona Generar diseño (Generate Layout). 
   
2. Rellena los detalles de la página en la ventana modal "Construye tu página con IA" donde describirás:

• El tipo de página que quieres crear. Aunque es opcional, es recomendable proporcionar a Divi Layouts IA la mayor cantidad de contexto posible.

• Escribe una breve descripción sobre el propósito de tu sitio web. Puedes incluir tu declaración de misión y propuesta de valor.

• Especifica fuentes y colores para que coincidan con la identidad de tu empresa.

Consejo profesional: Para facilitarte el trabajo, aquí tienes una lista corta de recomendaciones para crear el comando perfecto:

• La claridad es clave: Sé claro y conciso al escribir tu comando. Cuanto más específico seas, mejor podrá Divi Layouts IA entender el estilo que deseas.

• Proporciona contexto: Considera incluir información en el campo opcional "Cuéntale a Divi IA sobre tu sitio web". Brinda la mayor cantidad de información posible sobre tu producto o servicio y público objetivo.

• Usa palabras clave: Incluye palabras clave relevantes que describan tu negocio o servicio. Esto ayuda a Divi IA a escribir contenido y asegura que tu página esté optimizada para SEO.

• Refina y regenera: Una de las mejores ventajas de Divi IA es que puedes generar tantos diseños como quieras. Si tu primer intento no es lo que buscas, ¡inténtalo de nuevo! Las posibilidades son infinitas.

Ejemplo práctico: genera un diseño para un negocio de golosinas para mascotas

1. En el campo "Describe la página que quieres que Divi IA cree", escribe el siguiente texto:
Crea una página de aterrizaje para un negocio especializado en golosinas para mascotas. El nombre de la empresa es Critter Cravings, que se enfoca en ingredientes completamente naturales.

2. En el campo "Cuéntale a Divi IA sobre tu sitio web", puedes agregar una declaración de misión para proporcionar a Divi IA la mayor cantidad de información posible.

Por ejemplo, puedes usar:
Nuestra empresa, Critter Cravings, es un negocio de golosinas para mascotas completamente natural, reconocido por fabricar deliciosas delicias horneadas para tu amigo peludo. Elaboramos cada golosina a mano con cuidado, asegurándonos de que solo los mejores ingredientes saludables formen parte de nuestras recetas. Desde galletas crujientes hasta bocados masticables, cada mordisco seguramente provocará un ladrido o maullido de tu mejor amigo.

Nuestras golosinas están libres de aditivos artificiales, conservantes y rellenos, lo que las convierte en una opción saludable para mascotas de todas las formas y tamaños. En Critter Cravings creemos que cada mascota merece un pequeño capricho, y nos enorgullece ofrecer golosinas en las que los dueños pueden confiar y que las mascotas adorarán.

3. En la sección Personalizar Tipografías y Colores, especifica las tipografías y colores que te gustaría usar en tu sitio web.

Para este ejemplo, usaremos:

• Lato para la tipografía del encabezado

• Open Sans para la tipografía del cuerpo

• #000000 para el color de la tipografía del encabezado

• #000000 para el color de la tipografía del cuerpo

• #F3764D para el color primario

• #6BAAAE para el color secundario

4. Haz clic en el botón Generar Diseño para crear tu página web.

El proceso de creación puede tomar desde unos segundos hasta varios minutos, dependiendo de la complejidad del diseño que se esté generando.

Ajustes finos y personalización

Divi IA hace un gran trabajo creando páginas hermosas, pero a veces puedes querer hacer cambios.

Generación de imágenes con Divi IA

1. Coloca el cursor sobre la imagen principal y haz clic en el ícono de engranaje para abrir la configuración del módulo de imagen.

2. Coloca el cursor sobre la vista previa de la imagen y haz clic en el ícono de Divi IA.

3. Selecciona la opción Generar y Reemplazar.

Divi IA generará automáticamente 4 imágenes nuevas para la imagen principal basadas en la original. Sin embargo, también puedes generar una nueva imagen, lo que te permite agregar un nuevo comando, especificar el tamaño de la imagen y más. Puedes elegir entre 12 estilos, incluyendo foto, render 3D, dibujo y otros.

4. Selecciona la opción Foto para el estilo.

5. Agrega una breve descripción.
Ejemplo de comando: foto de un perro amoroso y leal, con los ojos brillando de anticipación mientras saborea cada bocado de una golosina horneada, suculenta y que se derrite en la boca.

Nota: Puedes ser tan detallado como quieras, hasta 200 caracteres. Si tienes dificultades para crear un comando, revisa la publicación del blog sobre los mejores generadores de comandos de IA para inspirarte.

6. Selecciona la proporción de aspecto horizontal.

7. Haz clic en el botón Generar.

8.Selecciona una de las 4 imágenes nuevas generadas y haz clic en el botón Usar esta imagen.

Refinar texto con Divi IA

Además de las imágenes, Divi IA también permite refinar texto, incluido el texto que se generó inicialmente para este caso.

3. Selecciona la opción Mejorar con IA.

4. En la ventana modal Escribir Cuerpo con IA, usa lo siguiente:

• Tipo de contenido: Párrafo

• Sobre qué estás escribiendo: Escribe sobre los beneficios de incorporar las golosinas totalmente naturales de Critter Cravings en una dieta equilibrada para mascotas.

• Contexto adicional: Contenido de esta página

Generar código con Divi IA

1. Otro gran beneficio de Divi IA es su capacidad para generar código. Se entrena exclusivamente en la base de código de Divi, lo que lo hace único frente a otros modelos de lenguaje grandes.

2. Abre la ventana de configuración del módulo de encabezado. Ve a la pestaña Avanzado → CSS Personalizado → CSS de Forma Libre. 

4. Haz clic en el ícono de Divi IA.

4. Indica a Divi IA lo que quieres crear. Por ejemplo, "Dale al encabezado un efecto de máquina de escribir".

5. Haz clic en el botón Usar este código. 

Consejos para escribir buenos comandos para Divi IA

Escribir comandos efectivos es clave para generar diseños de alta calidad con Divi IA. Aquí tienes algunos consejos y ejemplos:

• Sé claro y específico: Cuanto más claro y específico sea tu comando, mejores serán los resultados.

• Proporciona contexto: Incluye información relevante sobre tu producto, servicio o público objetivo.

• Usa palabras clave: Incorpora palabras clave relacionadas con tu negocio para ayudar con el SEO y la generación de contenido.

• Itera y refina: No dudes en regenerar diseños hasta lograr el resultado deseado.