Cómo transformar un diseño Divi usando Divi AI

Publicado: 2023-08-15

Divi AI es una característica nueva y poderosa dentro de Divi Builder que ayuda a crear contenido nuevo para su sitio web en segundos. Desde la generación de redacción profesional hasta imágenes únicas, esta nueva herramienta acelerará su proceso de diseño y le brindará el impulso adicional de productividad que ha estado buscando.

En esta publicación, exploraremos las formas en que puede transformar cualquier diseño Divi prefabricado utilizando Divi AI. ¡Empecemos!

Tabla de contenido
  • 1 ¿Qué es Divi IA?
    • 1.1 Qué es posible con Divi AI
  • 2 Cómo transformar un diseño Divi usando Divi AI
    • 2.1 Agregue un diseño Divi a su página
    • 2.2 Cómo agregar copia a sus diseños Divi con Divi AI
    • 2.3 Reescribir y revisar la copia
    • 2.4 Generar imágenes personalizadas
  • 3 Consejo profesional: cómo crear nuevas imágenes que coincidan con el estilo de su diseño prefabricado
  • 4 pensamientos finales
  • 5 ¡Obtenga un 40 % de descuento en Divi AI durante nuestra oferta de lanzamiento!

¿Qué es Divi IA?

Divi AI es un asistente de diseño web potente e intuitivo que entiende Divi. Puede escribir contenido, revisar contenido y generar imágenes únicas para su sitio web. Puede crear contenido personalizado a partir de indicaciones o incluso pedirle a Divi AI que genere contenido según el contexto de la página, la sección o el módulo en el que está trabajando.

Lo que es posible con Divi AI

¡Las opciones son infinitas con Divi AI! Para obtener una visión completa de todo lo que Divi AI puede hacer, consulte esta lista de funciones.

Contenido contextual de generación automática

¿No estás seguro de qué diseñar a continuación? Use Divi AI para generar copias e imágenes de sitios web específicos del contexto. Divi AI analiza el contenido existente y los detalles del sitio web para recomendar el contenido que debe agregar a continuación.

Genera contenido automáticamente con Divi AI

Crea imágenes únicas

Divi AI también tiene el poder de crear imágenes únicas para el diseño de su página. Puede generar imágenes con indicaciones o haciendo que Divi AI aprenda de su página y el contexto alrededor de su imagen para generar algo muy relevante con solo hacer clic en un botón.

Crea imágenes únicas con Divi AI

Crear redacción fresca

¡Dile adiós al bloqueo del escritor! Siempre que se enfrente a la incertidumbre sobre su próximo tema de escritura, recurra a Divi AI. Evalúa el contenido de su página y proporciona ideas frescas para mantener su creatividad fluyendo.

Cree textos publicitarios nuevos con Divi AI

Editar y revisar la redacción existente

Divi AI es como tener su propio editor de copias disponible las 24 horas del día, los 7 días de la semana. Mejore su contenido existente utilizando Divi AI para ajustar el tono, modificar la duración, mejorar la claridad o agregar creatividad a su copia. Navegue a través de variaciones, experimente con estilos y adapte su contenido para atraer a su audiencia.

Revise y reescriba la redacción existente con Divi AI

Cómo transformar un diseño Divi usando Divi AI


Suscríbete a nuestro canal de Youtube

¡Ahora es el momento de entrar en las cosas divertidas! Hoy vamos a transformar un diseño Divi prefabricado usando Divi AI. Primero, necesitaremos seleccionar nuestro diseño.

Agregue un diseño Divi a su página

Una excelente manera de usar el poder de Divi AI es transformando paquetes de diseño prefabricados. Cada semana, los diseñadores aquí en Elegant Themes lanzan paquetes de diseño prediseñados personalizados que son de uso completamente gratuito. Los paquetes de diseño son una excelente manera de comenzar a diseñar su sitio web, y Divi AI puede ayudarlo a personalizar rápidamente el contenido para que sea único para usted o su negocio. Para obtener más información, aquí hay un tutorial paso a paso sobre cómo agregar un diseño prefabricado a su página.

Diseño prefabricado Divi

Para nuestros propósitos, utilizaremos el paquete de diseño de coaching. Para agregar un diseño prefabricado a su página, expanda la barra de herramientas de Divi y haga clic en el ícono púrpura + para cargar la Biblioteca Divi.

Diseño Divi prefabricado

Escriba "coaching" en la barra de búsqueda y seleccione el diseño de la página Servicios.

Escriba coaching en la barra de búsqueda

Seleccione "Usar este diseño" para cargarlo en su página.

Seleccione usar este diseño

¡Ahora que hemos agregado un diseño prefabricado a nuestra página, exploremos las formas en que puede transformarlo usando Divi AI!

Cómo agregar copia a sus diseños Divi con Divi AI

Los paquetes de diseño prefabricados Divi vienen con contenido de marcador de posición. Usando Divi AI, puede agregar módulos de texto y pedirle a Divi AI que genere una nueva redacción basada en el contexto del contenido en el resto de su página. Dado que los paquetes de diseño se basan cada uno en un tema específico, Divi AI generará una copia única basada en el contenido de la página de ese tema.

Cómo generar una nueva copia automáticamente

Generemos algunas descripciones breves para la sección de servicios de esta página. Comenzaremos con el servicio One on One.

Cómo generar una nueva copia usando Divi AI

Acceda a la configuración del módulo pasando el cursor sobre el módulo y haciendo clic en el ícono de ajustes.

Configuración del módulo abierto

Para generar texto automáticamente, haga clic en el botón azul "Generar texto automáticamente con AI". Debido a que este es un módulo de Blurb, Divi AI también generará automáticamente una imagen para acompañarlo en caso de que decidas usar una imagen en lugar de un ícono.

Haga clic en el botón para generar automáticamente texto AI

A continuación, aparecerán los resultados generados por IA. Como estamos editando un módulo de publicidad, Divi AI generará una pieza de contenido para cada sección en el módulo de publicidad. Si le gusta el texto generado, haga clic en el botón azul "Usar este texto". O bien, puede optar por modificar más el texto haciendo clic en el menú desplegable y seleccionando la acción que desea que realice la IA. También puede refinar su resultado escribiendo más instrucciones en el campo de entrada Refinar resultado.

Haga clic en el botón azul Usar este texto

¡Y aquí está el resultado final! Divi AI pudo generar automáticamente contenido contextual basado en el resto del contenido de la página. Bastante ordenado, ¿verdad?

Resultado final

Cómo crear una nueva copia usando el generador de texto Divi AI

También hay otra forma de generar copias con Divi AI: proporcionando indicaciones. Probemos este método con el módulo de propaganda de Terapia de pareja.

Abra la configuración del módulo y coloque el cursor sobre el área de texto del cuerpo. Verá un icono de IA emergente en el cuadro del área de texto.

Ícono de IA en el área de texto

A continuación, haga clic en "Escribir con AI".

Escribe con IA

Aparecerá la ventana emergente donde puede seleccionar el tipo de contenido, escribir su mensaje, decirle a Divi AI qué contexto considerar y más opciones de personalización como el tono de voz, las palabras clave, la longitud del contenido y el idioma.

Escriba su aviso de IA

Tipo de contenido

Dile a Divi AI qué tipo de contenido quieres que escriba: párrafo, título, botón, publicación de blog o publicación en redes sociales. Para nuestro ejemplo, seleccionaremos Párrafo.

Opciones de tipo de contenido

¿Sobre qué estas escribiendo?

Aquí puede escribir el tema sobre el que está escribiendo y para qué desea que Divi AI cree contenido.

Indicación de contenido

Contexto agregado

Dile a Divi AI en qué contexto (o sin contexto) debe escribir: Contenido de esta página, Contenido de esta sección, Contenido de este módulo, Sin contexto. Al especificar a qué contenido desea que Divi haga referencia, tendrá más control sobre su contenido contextual. Seleccionemos "Este contenido de página".

Agregar contexto Tono de voz

Elija el tono de voz que desea que use Divi AI. Las opciones incluyen, Creativo, Informativo o Divertido.

Tono de voz

Debe usar palabras clave

Para fines de SEO, aquí puede decirle a Divi AI qué palabras clave desea incluir en el texto.

Palabras clave imprescindibles

largancia de contenido

Aquí puede decirle a Divi AI qué tan largo o corto desea que sea el contenido.

Opciones de longitud del contenido

Idioma

De forma predeterminada, Divi AI escribirá contenido en el mismo idioma que el mensaje que se le proporciona. Sin embargo, si desea que Divi AI escriba en otro idioma, puede seleccionar uno del menú desplegable aquí.

Opciones de idioma de Divi AI

Haga clic en "Generar texto"

Una vez que sus ajustes estén configurados como desee, haga clic en el botón "Generar texto" en la parte inferior para poner a trabajar a Divi AI.

Generar texto

Si está satisfecho con el texto generado, puede hacer clic en el botón "Usar este texto" para insertar el texto en el módulo. Sin embargo, puede personalizar aún más el texto generado por IA en la sección "Modificar con IA". Acortas o alargas el texto, revisas la ortografía y la gramática, lo vuelves a escribir para expertos o principiantes, y mucho más. También puede dar más dirección al generador de IA escribiendo en la sección "Refinar resultado" y luego haciendo clic en el botón "Regenerar".

Utilice este botón de texto

Además de todas estas opciones para personalizar y refinar el texto generado por IA, puede volver a su mensaje inicial haciendo clic en la flecha hacia atrás blanca en la parte superior izquierda de la ventana que dice "Resultados de contenido". Allí, puede refinar su configuración y generar texto nuevo.

volver a resultados

Una vez que genere otro resultado, verá una opción para alternar entre esos resultados justo debajo del texto generado por IA. De esa manera, puede comparar y contrastar sus resultados y seleccionar el texto que más le guste y ensamblarlo para su propio párrafo único.

Reescribir y revisar copiar

Reescribir y revisar la copia con Divi AI es muy similar. Para hacerlo, navegaremos a un módulo de texto que tenga contenido existente. Abra la configuración del módulo para editar el contenido.

Reescribir y revisar copiar

Hay dos formas de acceder a las opciones de IA. Primero, haciendo clic en el botón azul "Generar texto automáticamente con AI" en la parte superior, o segundo, haciendo clic en el ícono AI dentro del editor de texto.

Generar texto automáticamente con AI

Si desea que Divi AI genere automáticamente el texto revisado, haga clic en el botón azul. Puede personalizar aún más los resultados en la ventana Resultados de contenido utilizando las opciones y configuraciones explicadas anteriormente.

Ajustar la configuración de contenido de IA

Para usar la función Mejorar con IA, copie el texto existente, haga clic en el ícono Divi AI y luego seleccione "Mejorar con IA".

Mejorar con IA

Pegue el texto en el editor, configure el estilo y la configuración que desea usar y luego haga clic en "Generar texto".

Generar Texto

Generar imágenes personalizadas

Ya no tendrá que pasar horas en sitios de imágenes de stock para encontrar la imagen perfecta para su diseño. ¡Con Divi AI, puede generar imágenes personalizadas únicas para su sitio web! Así es como puede generar una imagen personalizada usando Divi AI y el módulo de imagen.

Primero, abra la configuración del módulo de imagen y desplace el cursor sobre la imagen para ver el icono de IA. Haga clic en él para cargar las opciones de IA: Generar con IA, Mejorar con IA o elija entre Opciones rápidas como Generar y reemplazar, Reimaginar o Cambiar estilo. Seleccionemos "Generar con IA".

Cómo generar imágenes personalizadas con Divi AI

La primera opción es seleccionar el estilo de imagen que desea generar.

Seleccionar estilo de imagen

Hay una variedad de estilos para elegir. Puede crear una imagen que sea fotográfica, como una pintura digital, un arte conceptual, un gráfico vectorial, representaciones 3D, dibujos, arte abstracto, cómic, acuarela, pintura, anime o dibujos animados.

Opciones de estilo de imagen

A continuación, escriba un aviso descriptivo de la imagen que desea generar. Incluso puede usar AI para ayudar a generar un aviso haciendo clic en el icono de AI en el área de texto.

Escribe tu indicación

Incluso puede cargar una imagen de referencia para proporcionar más contexto; sin embargo, esto es opcional. Si usa una foto de referencia, puede establecer la influencia de la imagen por porcentaje. Cuanta menos influencia le asigne a la foto, más influencia tendrá su mensaje escrito.

Sube una foto de referencia

Si no carga una foto de referencia, tendrá la opción de elegir la relación de aspecto de la imagen generada: Cuadrado, Paisaje, Retrato o Tamaño personalizado.

Elija la relación de aspecto de la imagen

Incluso puede establecer el tamaño (ancho y alto) de la imagen.

Elija el ancho y la altura de la imagen

Una vez que haya completado los campos, haga clic en el botón "Generar imagen" y deje que la magia de la IA haga su trabajo.

Botón Generar Imagen

En la siguiente pantalla, verá cuatro imágenes generadas. Si hay una imagen que le gusta y desea usar en el diseño de su página, haga clic en la imagen y seleccione "Usar esta imagen". También puede guardar la imagen en su biblioteca de medios pasando el cursor sobre la imagen y haciendo clic en el icono de flecha hacia abajo en la esquina superior derecha de la imagen. ¡De esa manera, puede guardar versiones de imágenes alternativas para usarlas en el futuro!

Imágenes generadas por IA

Si desea continuar refinando sus imágenes, puede hacerlo de varias maneras. Primero, puede seleccionar una imagen generada y pedirle a AI que genere más imágenes como esa.

Generar más imágenes

En el área Modificar imagen seleccionada , incluso puede cambiar el tipo de imagen a otro formato, como una pintura o una imagen vectorial.

Cambiar tipo de imagen

Si desea refinar su solicitud, puede hacerlo en el área Nueva descripción. Escriba su nuevo aviso y presione regenerar para generar nuevas imágenes.

Regenerado

Una vez que tenga la imagen que desea, haga clic en el botón "Usar esta imagen" para insertar la imagen en su contenido.

Usa esta imagen

Consejo profesional: cómo crear nuevas imágenes que coincidan con el estilo de su diseño prefabricado

Si le gusta el estilo actual y la sensación de su diseño actual, agregar nuevas imágenes puede desbaratar todo el diseño. Con Divi AI, puede reemplazar las imágenes existentes en su diseño prefabricado y mantener el estilo y la sensación originales de la imagen original.

Por ejemplo, aquí hay una captura de pantalla de nuestro diseño prefabricado de Bake Shop.

Digamos que queremos usar este diseño para crear un sitio web para una cafetería. Podríamos reemplazar estas imágenes de pretzel con imágenes relacionadas con el café que tengan un estilo y color similar.

Para hacer esto, simplemente seleccione y use una de las imágenes existentes como imagen de referencia. Luego agregue una breve descripción, como "taza de café", y baje el dial de influencia de la imagen de referencia al 20%. Luego genera una nueva imagen.

Repita el proceso para el resto de las imágenes de la página. Ajuste la copia usando AI según sea necesario. Y tiene un nuevo sitio web con un estilo similar al diseño prefabricado.

Pensamientos finales

Divi AI es una nueva y poderosa herramienta para mejorar su eficiencia y creatividad mientras diseña sitios web Divi. La mejor parte es que cuanto más lo usa, mejor conoce su sitio web y produce resultados aún más sorprendentes. ¡Estén atentos para obtener más instrucciones sobre Divi AI esta semana, ya que apenas comenzamos a mostrarle cómo aprovechar el poder de Divi AI!

¡Obtenga un 40 % de descuento en Divi AI durante nuestra oferta de lanzamiento!

Durante la próxima semana, ofrecemos un 40 % de descuento en Divi AI. ¡Cualquiera que compre Divi AI antes de que se envíe la venta ahorrará $ 115 por año y asegurará esos ahorros de por vida! Además, todos los miembros de tu equipo pueden usar Divi AI sin costo adicional. Consigue el descuento aquí

Oferta de descuento de lanzamiento de Divi AI