8 consejos para generar páginas perfectas con Divi Layouts AI

Publicado: 2024-05-02

¿Sigues creando y configurando manualmente secciones, módulos y configuraciones individuales del sitio web, uno por uno? Divi Layouts AI es una nueva característica que aprovecha el poder de la IA generativa para crear páginas web completas a partir de un simple mensaje. Desde la generación de contenido hasta el diseño de la página, Divi AI lo hace todo. Si aún no has utilizado tus créditos gratuitos, tienes que probarlo. A continuación se presentan ocho consejos y trucos para usuarios avanzados para aprovechar Divi AI al máximo. Con estos consejos de Divi Layouts AI, estará bien encaminado hacia un diseño web más rápido.

Tabla de contenido
  • 1 Una descripción general de Divi Layouts AI
  • 2 consejos para utilizar Divi Layouts AI para la generación de páginas web
    • 2.1 1. Maximizar las indicaciones de la página y las indicaciones de detalles del sitio
    • 2.2 2. Generar imágenes de calidad con descripciones de estilo
    • 2.3 3. Construya con SEO Mindfulness utilizando palabras clave
    • 2.4 4. Especifique las secciones de página exactas que necesita
    • 2.5 5. Reconstruya fácilmente su página cuando sea necesario
    • 2.6 6. Adapte sus diseños de página con fuentes y colores preferidos
    • 2.7 7. Recuerda que Todo es Personalizable
    • 2.8 8. Eliminar imágenes de IA no utilizadas de la biblioteca multimedia
  • 3 diseños de IA permiten ahorrar aún más tiempo
  • 4 Obtenga Divi AI hoy

Una descripción general de Divi Layouts AI

Divi diseños AI

Divi Layouts AI, ahora integrado en Divi AI, está disponible para cualquiera que use Divi Theme. Requiere una membresía temática Divi anual o vitalicia) y tiene una suscripción Divi AI activa. Una vez que tenga esas dos cosas en su lugar, estará listo para acelerar sus procesos de diseño web con Divi Layouts AI.

Divi Layouts AI es excelente para crear páginas web, punto. Puede generar páginas estáticas o plantillas de creación de temas. Esto significa páginas de inicio, páginas de información, páginas de contacto, páginas de archivo de blogs, páginas de publicaciones únicas, páginas de productos, páginas 404, encabezados/pies de página y más. Incluso es capaz de crear carritos de WooCommerce y páginas de pago. Si hay una página que necesitas crear, Divi AI puede saltar rápidamente a tu proyecto. Simplemente navegue hasta Visual Builder donde lo necesita para comenzar a trabajar y observe cómo hace su trabajo.

Tenemos una guía completa sobre Divi Layouts AI si necesita ayuda para acceder a él y utilizar sus funciones. Asegúrese de seguir esa guía de cerca para comenzar a funcionar.

Ahora, ¿estás listo para recibir algunos consejos para maximizar tu experiencia con Divi Layouts AI?

Consejos para utilizar Divi Layouts AI para la generación de páginas web

La IA es fácil de usar, pero eso no significa que haya optimizaciones que puedas aportar a la tecnología. Con estos consejos, le mostraremos la mejor manera de obtener resultados de calidad con Divi AI.

1. Maximice las indicaciones de la página y las indicaciones de detalles del sitio

Divi Layouts AI toma múltiples entradas antes de crear una nueva página o plantilla de creación de temas. Hay dos entradas principales y campos de texto para agregar su solicitud:

  1. Describe la página que deseas que Divi AI cree : el mensaje principal debe incluir lo que esperas ver en la página. Incluya secciones, tipos de información y otras direcciones visuales.
  2. Cuéntele a Divi AI sobre su sitio web (opcional) : este mensaje secundario proporciona más contexto sobre su sitio web. Incluya detalles sobre su negocio, cómo funciona su sitio web y qué información pueden encontrar en él. Esto ayuda a crear relevancia contextual para el contenido de la página y, al mismo tiempo, garantiza que no se pasen por alto detalles importantes.

El primero es el mensaje específico de la página, que guía a la IA sobre lo que debe incluir en la página. Debe incluir lo que espera ver en la página, sección por sección. El mensaje debe ser específico con detalles del flujo de la página, incluidos los objetivos de la página y los tipos de contenido que desea mostrar. Incluso puedes darle parte del contenido (títulos y texto del cuerpo) que deseas que utilice. Todo esto te ayuda a generar diseños únicos con Divi AI.

Diseños DI AI: página y campos de entrada de mensajes acerca de

El segundo campo de entrada tiene que ver con el contexto. Debe tener detalles sobre su sitio web y sobre de qué se trata su sitio web. Cuanto mejor sea la información que introduzcas en este campo, mejores resultados obtendrás de Divi AI. Incluir detalles triviales creará secciones triviales. imágenes y texto. Un sitio web empresarial podría incluir información importante como el nombre de la empresa, datos de contacto, servicios/productos y estructura general del sitio. Yendo un paso más allá, podría incluir diferenciadores únicos, información sobre la marca y estilo de escritura.

2. Genere imágenes de calidad con descripciones de estilo

Divi Layouts AI creará imágenes que coincidan ampliamente con la página que le pides que cree. Lo hace cuando crea una sección en la que la IA espera que incluya una imagen (héroe, galería, testimonio, etc.). Como sabes que creará imágenes para ti, también puedes pedirle que cree imágenes que coincidan con el estilo que deseas. Con el mensaje de su página, incluya detalles específicos sobre las imágenes que desea que se generen.

A continuación se muestra un ejemplo de un mensaje de página que incluye especificaciones para imágenes. Veamos cómo le fue a Divi AI.

Ejemplo de artistas intérpretes o ejecutantes de animales con globos: estilos de imagen de descripción

Divi AI toma todas las instrucciones y crea una página completa a partir de ellas. En este ejemplo, hizo un gran trabajo al crear las imágenes que queríamos: imágenes de globos brillantes, coloridas y centradas en los niños para eventos infantiles. Divi AI manejó estas imágenes a la perfección.

Ejemplo de Bonanza de Globos: Sección de Héroe con Desc'ed Img

También hay una sección de galería en la parte inferior de la página con imágenes que coinciden estrechamente con nuestra descripción. Además, nos encanta el juego de palabras con animales con globos que aparece en el título "Detalles encantadores en cada giro". ¡Nos hace querer que esta empresa sea real!

Ejemplo de bonanza de globos: sección de galería con imágenes descritas

Si no te gusta una imagen en particular, puedes usar el generador o editor de imágenes de Divi AI para enfocarte en una imagen y crear lo que necesitas. Esa es la belleza de Divi Layouts AI: puedes crear una página web personalizada en segundos, para que puedas dedicar más tiempo a los detalles.

Consulte nuestra guía de indicaciones de imágenes de Divi AI para ayudarle a pedirle a AI que cree imágenes que le encantarán.

3. Construya con SEO Mindfulness utilizando palabras clave

Siempre recomendamos hacer al menos una investigación básica de palabras clave antes de crear un sitio web o incluso una sola página. Si tiene la oportunidad, puede aplicar lo que ha aprendido a la creación de páginas de Divi AI con Divi Layouts AI.

Incluya las palabras clave primarias y secundarias para las que desea que se clasifique esta página. No utilice palabras clave que utilicen otras páginas de su sitio. Esto ayudará a Divi AI a crear contenido e imágenes que se adapten mejor a las especificaciones de sus palabras clave.

Incluir palabras clave de SEO en el mensaje AI de Divi Layouts: ejemplo de mensaje

Efectivamente, Divi AI no solo creó la página que solicitamos, sino que el texto también incluyó una gran cantidad de palabras clave solicitadas. Lo mejor del uso de palabras clave aquí es que es contextualmente relevante para cada sección de contenido.

Ejemplo de Divi AI que utiliza palabras clave solicitadas en la creación de páginas

Tenga en cuenta que aún deberá configurar los ajustes de su página SEO utilizando su complemento SEO preferido (como Rank Math o Yoast). Además, mire las imágenes generadas por IA que mantuvo en su página; asegúrese de cambiar el nombre de los archivos de cada una y darles descripciones alternativas.

Las imágenes generadas por IA necesitan un título de imagen y una descripción alternativa

En cuanto al contenido de la página, comienza optimizado desde el principio.

4. Especifique las secciones de página exactas que necesita

Divi Layouts AI tiene mucha potencia. Con las instrucciones correctas, puede crear páginas con galerías, formularios de contacto, testimonios, secciones de héroes y mucho (mucho) más. Cuando sepa cómo desea configurar su página, no dude en señalar a Divi AI en la dirección correcta. Está ahí para facilitarle el trabajo, no al revés. Al darle las secciones exactas que desea incluir en la página, está preparando a Divi AI y a usted mismo para el éxito. Aquí hay un ejemplo de cómo le pedimos a Divi AI un sitio web de Boba Tea de una página con secciones específicas.

Avisos de Boba Blast: Divi Layouts AI solicita secciones específicas

El primer paso de Divi AI es analizar su mensaje para generar la estructura de la página, sección por sección. Según el mensaje proporcionado, eche un vistazo a la estructura de página que creó Divi AI.

Ejemplo de Boba Blast: secciones generadas por Divi AI Match descripción

Incluso etiquetó nuestras secciones (como se ve en la Vista de estructura alámbrica).

5. Reconstruya fácilmente su página cuando sea necesario

Divi AI es impresionante, pero al igual que un diseñador humano, puede sobrecargarse o necesitar instrucciones diferentes. Hacer que Divi AI vuelva a intentarlo en el diseño de la página es simple. Haga clic en el icono " + " en la parte inferior para abrir el modo " Insertar diseño ". Desde allí, tendrás la opción de volver a intentarlo con " Construir con IA ".

Haga que Divi AI rehaga la creación de la página: pasos 1-2

Al rehacer, intente reorientar sus indicaciones en las cosas más importantes que necesita crear. Cuando proporcione detalles en su mensaje, sea claro y conciso. Pídale que haga algo una vez (en lugar de repetir la misma solicitud varias veces en un solo mensaje). Incluso con la IA, existe una curva de aprendizaje. Cuando Divi AI crea una página que no te gusta, no es motivo de preocupación, solo una oportunidad para ser más claro.

Con el uso ilimitado de Divi AI, no tienes que preocuparte por rehacer la generación de páginas. Utilice Divi AI para obtener el diseño correcto según sus condiciones.

6. Adapte los diseños de sus páginas con fuentes y colores preferidos

Darle a Divi AI sus fuentes y opciones de color por adelantado es una excelente manera de asegurarse de que cree algo que le guste. Si tiene una combinación de fuentes ideal (para títulos y fuentes de cuerpo), puede configurarlas para Divi AI.

Opciones de fuente y tipografía AI de Divi Layouts: elija fuentes para el encabezado y el cuerpo

Si ya ha calculado los colores, puede elegir los colores primarios/secundarios y los colores que desea usar para el encabezado y el cuerpo del texto.

Elija colores de fuente y acentos - Divi Layouts AI

Divi AI puede elegir fuentes o colores para aquellos que no han decidido qué quieren usar.

Opciones de selección de fuentes y colores - Divi Layouts AI

Cuando Divi AI crea una combinación de fuentes y colores de sitio web ganadores, puede hacer que los guarde para usarlos más adelante en otras páginas. Todo lo que tienes que hacer es presionar “ ¡Sí, por favor! ”para que Divi AI los registre como ajustes preestablecidos de AI. La próxima vez que vayas a generar un diseño, elige "Divi AI Default" para que use esa configuración nuevamente.

Divi Layouts AI: estilos guardados generados por AI

Divi Layouts AI salva a los diseñadores web sin importar cuánta preparación utilicen cuando crean un nuevo sitio web. Ya sea que tengas un plan de juego o no, la IA acelerará las cosas por ti.

7. Recuerda que todo es personalizable

Una de las mejores cosas de Divi AI es que, aunque la IA crea la página, puedes tomar el control en cualquier momento. Divi Layouts AI utiliza módulos Divi estándar que estás acostumbrado a usar en el generador visual. Eso significa que la IA puede crear un primer borrador y luego usted puede intervenir para ajustar todo a su gusto.

Edite cualquier módulo Divi o utilice otras funciones de Divi AI en diseños generados por IA

También puede utilizar las experiencias de IA generativa granular de Divi AI en módulos individuales (como generación de imágenes, edición de imágenes, generación de texto y escritura de código personalizado). Esta combinación de IA y componentes de diseño web tradicionales maximiza el ahorro de tiempo y la personalización.

8. Elimine las imágenes de IA no utilizadas de la biblioteca multimedia

Cuando Divi AI crea una página, comienza determinando qué secciones debe crear. Si esas secciones normalmente tienen una imagen, Divi AI creará las imágenes. Esto significa que con cada solicitud a Divi AI, podría crear entre 1 y 20 imágenes. Si hace esto en varias páginas de su sitio web, seguramente tendrá muchas imágenes en su sitio que no necesita.

Aquí hay un ejemplo de página de portafolio donde se esperaría fotografía real. Aun así, Divi AI creará marcadores de posición en la página.

Divi Layouts AI: mensaje de ejemplo para una página de portafolio de esculturas

Efectivamente, creó imágenes. Son geniales, pero en este caso, las imágenes generadas por IA no son suficientes para un negocio que vende arte físico.

Ejemplo de Divi AI creando imágenes para una página

En este caso, no usaríamos las imágenes porque necesitamos fotografías del arte real que estamos vendiendo. Divi AI generó siete imágenes al crear esta página, ocupando espacio en nuestro servidor. Elimínelos para mantener bajos los costos, especialmente para los propietarios de sitios web que pagan por servicios de compresión de imágenes basados ​​en crédito o en la nube. Para hacerlo, abra su biblioteca multimedia , busque las imágenes y haga clic en " Eliminar permanentemente ".

Elimine imágenes AI no utilizadas de la biblioteca multimedia para ahorrar espacio

Es genial que Divi AI pueda crear imágenes incluso cuando no las necesitamos. Actúan como marcadores de posición visuales e incluso pueden generar nuevas ideas. El hecho de que no quieras utilizar una imagen en particular no significa que no sea útil. A menudo, nos muestra lo que Divi AI estaba "pensando" cuando creó la página.

AI Layouts ahorra aún más tiempo

Divi AI ya ha acelerado el proceso de diseño para agencias, autónomos y propietarios de empresas a través de texto, imágenes y código generativos. Ahora, con AI Layouts, Divi AI va un paso más allá:

  • Inspiración instantánea : ¿Estás luchando por encontrar un punto de partida? Utilice diseños de página completa bellamente diseñados que Divi AI genera instantáneamente. Estos diseños se adaptan a los colores y fuentes de su marca, proporcionando una base sólida para el diseño de su sitio web (o deje que Divi AI los elija por usted).
  • Ahorre horas y aumente la creatividad : no pierda el tiempo dibujando e iterando diseños básicos. AI Layouts te permite concentrarte en los aspectos más creativos del diseño, como la personalización, la estrategia de contenido, la experiencia del usuario y la configuración de complementos.
  • Explore diversas opciones : ¿No se siente inspirado por los patrones de diseño estándar? Explore una gama más amplia de posibilidades creativas con diseños generados por IA que rompen moldes. Descubra diseños únicos e inesperados que pueden diferenciar su sitio web.

Divi AI con AI Layouts es la herramienta definitiva para ahorrar tiempo a los diseñadores ocupados. Te permite:

  • Céntrese en el diseño de alto impacto: dedique menos tiempo a tareas repetitivas y más tiempo a los elementos que realmente importan.
  • Cumpla con plazos ajustados: supere los obstáculos creativos y haga despegar los proyectos más rápido con la generación de diseños impulsada por IA.
  • Aumente el número de clientes: entregue proyectos de diseño web excepcionales de manera eficiente, lo que le permitirá captar más clientes y hacer crecer su negocio.

Obtenga Divi AI hoy

¿Es usted un usuario de Divi Theme interesado en probar Divi AI? ¡Estás de suerte! Divi AI ofrece a los usuarios 100 generaciones de IA gratuitas para todos los usuarios del tema. Una vez que esté convencido de su poder y utilidad, regístrese para obtener una suscripción a Divi AI para obtener generación de IA ilimitada para usted y los miembros de su equipo (se puede utilizar en todos sus sitios web Divi).

¿Aún no eres usuario del tema Divi? Debes obtener el tema Divi al convertirte en miembro antes de poder usar Divi AI. El tema Divi es el tema de WordPress número uno con el sistema de diseño más robusto. Facilita la creación de sitios web atractivos y de alto rendimiento. Una vez que se convierta en miembro de Divi (membresía anual o de por vida), podrá iniciar una suscripción a Divi AI que le brindará todo el poder mencionado anteriormente.