Cómo darle a sus diseños Divi una nueva apariencia con Divi AI

Rifat Divi Tutorials Feb 23, 2024

Divi es uno de los creadores de páginas de WordPress más populares y ofrece a los usuarios una interfaz intuitiva de arrastrar y soltar para crear hermosos sitios web. Con el lanzamiento de Divi 4.0, Elegant Themes introdujo una nueva e interesante característica: Divi AI. Esta herramienta de inteligencia artificial te permite generar contenido, imágenes y más únicos con solo unos pocos clics.

En esta publicación, exploraremos cómo se puede utilizar Divi AI para transformar fácilmente cualquier diseño Divi existente en algo nuevo y original. Ya sea que esté buscando darle un nuevo aspecto a un diseño antiguo o desee crear múltiples variaciones de un diseño para diferentes páginas, Divi AI lo hace simple.

Divi AI y sus posibilidades

Divi AI es una herramienta de inteligencia artificial que se ha integrado en el creador de páginas Divi para ayudar a los usuarios con el diseño de sitios web y la creación de contenido. Con capacidades avanzadas de IA, Divi AI tiene como objetivo facilitar el desarrollo web generando contenido contextual, imágenes y sugerencias de diseño.

El beneficio clave que ofrece Divi AI es su capacidad de generar contenido automáticamente basándose en un análisis del diseño existente y el contenido de la página. Al comprender el contexto donde aparecerá el contenido, Divi AI puede producir texto e imágenes relevantes adaptados a esa sección o página con solo unos pocos clics. Esto elimina muchas de las conjeturas en la creación de contenido.

Create Amazing Websites

Con el mejor generador de páginas gratuito Elementor

Empezar ahora

Por ejemplo, si está creando una página de destino, Divi AI puede analizar el diseño y el mensaje principal para escribir un encabezado y un texto del cuerpo atractivos que se ajusten al objetivo y tema de la página específica. O si necesita una imagen para su página "Acerca de nosotros", Divi AI puede generar una foto única basada en los detalles que recopila de la página y su negocio.

Divi AI también ayuda a editar y perfeccionar el contenido existente. Puede reformular oraciones, ajustar el tono y el estilo, expandir o condensar el recuento de palabras y más según sus indicaciones. Esto hace que la actualización y optimización del contenido sea más rápida en comparación con la edición manual.

El asistente de IA también proporciona ideas y sugerencias creativas si alguna vez te enfrentas al bloqueo del escritor. Al examinar aspectos como su marca, palabras clave y contenido actual, puede ofrecer nuevos temas y ángulos para explorar.

En resumen, Divi AI aprovecha la inteligencia artificial para comprender los contextos del sitio web y las intenciones de los usuarios. Esto abre poderosas posibilidades para la generación automática de contenido personalizado, de alta calidad y recomendaciones de diseño para acelerar el diseño web. Divi AI actúa como su experto personal en diseño web de IA.

Cómo utilizar Divi AI para rediseñar diseños Divi

La parte interesante es usar Divi AI para transformar un diseño Divi prediseñado. Primero, seleccionemos el diseño que queremos personalizar.

Agregar diseños Divi a su página

Una excelente manera de aprovechar Divi AI es usarlo en paquetes de diseño prediseñados. Los diseñadores de Elegant Themes lanzan semanalmente paquetes de diseño personalizados y gratuitos. Estos paquetes proporcionan un fantástico punto de partida para el diseño de su sitio web. Con Divi AI, puede adaptar rápidamente el contenido de estos diseños para que se ajusten a sus necesidades y negocios únicos.

Usaremos el paquete de diseño de coaching para este ejemplo. Para agregar un diseño prediseñado, expanda la barra de herramientas Divi y haga clic en el ícono más morado para abrir la Biblioteca Divi.

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

Haga clic en "Usar este diseño" para agregarlo a su página.

Con el diseño de entrenamiento prediseñado ahora en nuestra página, podemos comenzar a transformarlo utilizando las capacidades de Divi AI.

Ahora, usemos Divi AI para generar descripciones breves para la sección de servicios de esta página. Comenzaremos con el servicio personalizado.

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

Para generar texto automáticamente, haga clic en el botón azul "Generar texto automáticamente con IA". Dado que se trata de un módulo de Blurb, Divi AI también generará automáticamente una imagen junto al texto en caso de que desee utilizar una imagen en lugar de un icono.

Luego aparecerán los resultados generados por la IA. Para un módulo de publicidad, Divi AI produce contenido para cada sección. Si le gusta el texto generado, haga clic en "Usar este texto". O puede modificar aún más el texto seleccionando acciones del menú desplegable y refinando el resultado en el campo de entrada.

¡Y aquí está el resultado final! Divi AI creó automáticamente contenido contextual basado en la página existente. ¡Es muy poderoso!

Puede especificar qué contexto debe usar Divi AI para generar texto: contenido de esta página, contenido de esta sección, contenido de este módulo o sin contexto. Elegir la referencia del contenido le brinda más control sobre el contenido contextual. Seleccionemos "Contenido de esta página".

A continuación, elija el tono de voz que utilizará Divi AI: creativo, informativo o divertido.

Para SEO, puede proporcionar palabras clave para incluirlas en el texto.

También puedes establecer qué tan largo o corto quieres que sea el contenido.

De forma predeterminada, Divi AI coincidirá con el idioma del mensaje. Pero puede seleccionar otro idioma en el menú desplegable si lo desea.

Una vez que hayas configurado los ajustes, haz clic en "Generar texto" y Divi AI se pondrá a trabajar.

Si está satisfecho con el texto generado, haga clic en "Usar este texto" para insertarlo en el módulo. Puede personalizar aún más el texto de IA en "Modificar con IA": acortar/alargar, revisar la ortografía/gramática, reescribir para diferentes audiencias y más. La sección "Refinar resultado" le permite proporcionar más instrucciones para regenerar el texto.

Puede volver al mensaje original mediante la flecha hacia atrás "Resultados de contenido". Refine la configuración allí y genere nuevas opciones de texto para comparar y elegir las mejores partes.

Reescribir y revisar copia

Reescribir y revisar textos con Divi AI funciona de manera muy similar. Para hacer esto, vaya a un módulo de texto con contenido existente. Abra la configuración del módulo para editar el texto.

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

Para generar automáticamente texto revisado, haga clic en el botón azul. Puede personalizar aún más los resultados utilizando las opciones en la ventana Resultados de contenido.

Para utilizar la función "Mejorar con IA", copie el texto existente, haga clic en el icono Divi AI y seleccione "Mejorar con IA".

Pegue el texto en el editor, elija el estilo y la configuración deseados, luego haga clic en "Generar texto".

Imágenes personalizadas con Divi AI

Divi AI le permite generar imágenes personalizadas para su sitio sin pasar horas buscando sitios de valores. A continuación se explica cómo crear una imagen con Divi AI usando el módulo de imagen:

Primero, abra la configuración del módulo de imagen y haga clic en el ícono AI para acceder a las opciones: Generar con AI, Mejorar con AI u Opciones rápidas como Generar y reemplazar, Reimaginar, etc. Seleccionemos "Generar con AI".

Elija el estilo de imagen deseado: fotografía, pintura digital, vector, 3D, arte abstracto, anime, etc. A continuación, escriba un mensaje que describa la imagen que desea. Haga clic en el ícono AI en el área de texto para ayudar a generar un mensaje.

Puedes cargar una imagen de referencia para contexto, pero es opcional. Establezca el porcentaje de influencia: más bajo significa que su mensaje tiene más influencia que la imagen de referencia. Si no hay una imagen de referencia, elija la relación de aspecto.

Establezca el tamaño de la imagen (ancho y alto). Una vez hecho esto, haga clic en "Generar imagen".

Verás cuatro opciones generadas. Haga clic en una imagen que le guste y seleccione "Usar esta imagen". También puede guardar imágenes en su biblioteca multimedia haciendo clic en el icono de flecha.

Para refinar, seleccione una imagen generada y pídale a AI que produzca más similares. En Modificar imagen seleccionada, cambie el tipo/estilo de la imagen.

Refine su mensaje en Nueva descripción y vuelva a generarlo. Cuando esté listo, haga clic en "Usar esta imagen" para insertarla en su contenido.

Cree imágenes con Divi AI que coincidan con diseños prefabricados

Si desea mantener el estilo y la sensación de su diseño actual, reemplazar las imágenes existentes puede alterar el diseño. Con Divi AI, puedes intercambiar las imágenes en un diseño prediseñado manteniendo el estilo de imagen original.

Por ejemplo, aquí hay una captura de pantalla del diseño prediseñado de Bake Shop:

La estructura y longitud del párrafo siguen siendo las mismas. Avíseme si desea que reformule el contenido de alguna otra manera.

Digamos que queremos utilizar este diseño para el sitio web de una cafetería. Podríamos reemplazar las imágenes de pretzel con imágenes relacionadas con el café que tengan un estilo y una paleta de colores similares.

Para hacer esto, seleccione una imagen existente como referencia. Añade una breve descripción como "taza de café" y reduce la influencia de la imagen de referencia al 20%. Luego genera una nueva imagen.

La estructura y longitud del párrafo no cambian. Por favor, avíseme si desea que lo reformule de otra manera.

Repita este proceso para las otras imágenes de la página. Modifique la copia usando IA según sea necesario. Ahora tienes un nuevo sitio web con un estilo que coincide con el diseño prediseñado.

Terminando

En resumen, Divi AI es una herramienta increíblemente útil para impulsar la eficiencia y la creatividad al diseñar sitios web Divi. Cuanto más lo utilice, mejor comprenderá su sitio y generará resultados aún más notables. ¡Estén atentos para más tutoriales de Divi , ya que apenas hemos comenzado a descubrir el inmenso potencial de aprovechar las capacidades de Divi AI!

Divi WordPress Theme