Reseña de Divi: Cómo este constructor ahorra horas en el diseño web

Si alguna vez lo has intentado construyendo un sitio web Desde cero, ya sabes la lucha: complementos infinitos, diseños confusos y horas perdidas sólo intentando que las cosas se vean bien.

Por esta razón, el Divi Me llamó la atención. Este constructor de WordPress no solo proporciona una plantilla; te permite diseña tu sitio web Exactamente como quieras, sin necesidad de programar. Divi lo simplifica y te ofrece la flexibilidad para crear sitios web únicos.

En esta reseña de Divi, analizaré sus ventajas y desventajas, qué es, para quién es ideal y sus características principales. Después, les mostraré cómo usé el plugin Divi para generar un artículo completo en minutos.

Terminaré el artículo comparando Divi con mis tres alternativas principales (Wix, B12 y Brizy) ¡Al final sabrás si es adecuado para ti!

Veredicto

Divi Es un creador de sitios web que crea fácilmente sitios web personalizables sin necesidad de programar. Sin embargo, puede ser más lento si no está optimizado, y las plantillas predeterminadas pueden parecer poco originales si no se modifican.

¿Qué es divi?

Divi is a popular WordPress theme con un potente constructor visual de páginas desarrollado por Elegante TemasPuedes usarlo para crear sitios web totalmente personalizables. sin escribir código a través de su interfaz de arrastrar y soltar.

Divi es uno de los nombres más reconocidos en el mundo de los constructores de páginas de WordPress. Sin embargo, muchos desconocen que son dos productos en uno. En esencia, Divi funciona como un tema completo de WordPress y como un plugin independiente para un constructor de páginas que ofrece gran flexibilidad.

La naturaleza dual de Divi

A diferencia de los temas tradicionales de WordPress que lo limitan a diseños predeterminados y opciones de personalización limitadas, Divi rompe estas barreras por completo.

El tema proporciona una base limpia y adaptable para cualquier contenido. Además, el plugin de creación convierte la edición del sitio web en una experiencia de arrastrar y soltar.

Este enfoque dual te permite aplicar las funciones de creación de Divi a cualquier tema de WordPress mediante el plugin, o usar el tema Divi completo para una experiencia totalmente integrada. Obtienes la flexibilidad de usar Divi con los temas que ya te gustan.

De un tema simple a una potencia visual

Se lanzó Elegant Themes Divi en 2013 como un tema de WordPress, pero ha experimentado una transformación dramática en la última década.

La versión original usaba una interfaz de backend. Sin embargo, no ofrecía opciones de edición visual en tiempo real.

La introducción de la Visual Builder en 2016 Marcó un punto de inflexión. Los usuarios ahora podían editar sus sitios web directamente desde la interfaz con vistas previas en tiempo real.

Las actualizaciones posteriores han agregado funciones avanzadas, que incluyen:

• Integración de contenido dinámico
• Controles CSS personalizados
• La funcionalidad del generador de temas (diseño de encabezados, pies de página y plantillas de página completas)

La filosofía detrás de la construcción visual

Divi’s El objetivo es hacer accesible el diseño web eliminando las barreras técnicas. Anteriormente, los diseños personalizados de WordPress requerían conocimientos de programación como HTML, CSS y PHP, lo que dejaba a muchos estancados con plantillas básicas.

El constructor visual elimina las barreras técnicas con controles sencillos de colores, fuentes y espaciado. Va más allá de la creación de páginas para abarcar el diseño completo del sitio.

Integración con el ecosistema de WordPress

Divi Funciona perfectamente con WordPress, manteniendo el contenido en formatos estándar que permanecen intactos incluso si Divi está desactivado.

Divi funciona bien con los plugins más populares de WordPress para SEO, comercio electrónico, formularios y seguridad. Se integra con WooCommerce para... venta de productos en línea y admite herramientas como Yoast SEO para mantener los diseños optimizados para la búsqueda.

El sistema también soporta WordPress multisitioEsto significa que las grandes organizaciones pueden administrar muchos sitios web desde una sola instalación.

¿Para quién es mejor Divi?

Estos son los tipos de personas Divi es mejor para:

• Los autónomos y diseñadores web pueden utilizar Divi para crear sitios web totalmente personalizables sin necesidad de codificar.
• Las pequeñas y medianas empresas pueden usar Divi para crear sitios profesionales como portafolios, blogs y páginas de servicios con control total del diseño.
• Las agencias y los desarrolladores pueden usar Divi para acelerar los proyectos de diseño web con diseños prediseñados.
• Los propietarios de tiendas de comercio electrónico pueden usar Divi para diseñar tiendas WooCommerce con páginas de productos personalizadas y flujos de pago.
• Los especialistas en marketing pueden Utilice Divi para ejecutar pruebas A/B y crear sitios web optimizados para SEO.
• Las instituciones educativas y las organizaciones sin fines de lucro pueden usar Divi para crear múltiples sitios web bajo una sola licencia para administrar diferentes departamentos o programas.

Características clave de Divi

Aquí están Divi AI’s características principales:

• Constructor de arrastrar y soltar: edición visual en vivo y sin código tanto en el frontend como en el backend.
• Creador de temas: diseña encabezados, pies de página, plantillas, errores 404, publicaciones de blog, productos y más.
• Diseños y plantillas: miles de diseños de plantillas y sitios de inicio.
• Controles responsivos: personalícelos para computadoras de escritorio, tabletas y dispositivos móviles.
• Estilos globales: secciones reutilizables y actualizaciones de diseño sincronizadas.
• Opciones avanzadas: fuentes, colores, espaciado, animaciones y CSS personalizado.
• Herramientas de IA: Generar contenido y acelerar las compilaciones.
• WooCommerce: más de 20 módulos para tiendas y páginas de productos personalizadas.
• Almacenamiento y gestión: Divi nube y el Dash Para almacenamiento y gestión en la nube.
• Contenido dinámico:Inserta automáticamente títulos, imágenes, fechas y más.
• Biblioteca de módulos enriquecida: texto, imágenes, formularios, controles deslizantes, galerías y más para crear diseños de sitios web.
• Rendimiento: optimizado para velocidad, SEO y accesibilidad.

Cómo usar Divi

Así es como lo instalé Divi AI Plugin y lo usé para generar un artículo completo en minutos:

1. Regístrate en Divi AI
2. Iniciar sesión en Elegant Themes
3. Descarga Divi
4. Añadir el complemento Divi
5. Subir e instalar el complemento Divi
6. Activa el complemento
7. Ajustar la configuración del complemento Divi
8. Generar un artículo
9. Editar con Divi Builder
10. Comience a construir
11. Generar un diseño con IA
12. Autentica tu suscripción a Elegant Themes
13. Acceda a su nombre de usuario y clave API
14. Generar una clave API
15. Autentica tu cuenta
16. Describe la página
17. Elija las imágenes y fuentes
18. Generar el diseño

Paso 1: Regístrate en Divi AI

Empecé yendo a elegentthemes.com y vaya a "Obtener Divi AI".

Paso 2: Inicia sesión en Elegant Themes

Después de conseguir Divi ProMe redirigieron para iniciar sesión en Elegant Themes.

Paso 3: Descarga Divi

Una vez iniciada la sesión, se me presentaron dos formas de descargar Divi:

• Tema divi (tema de WordPress y creador de páginas todo en uno)
• Complemento Divi Builder (constructor visual de páginas)

Selecciona el tema Divi si estás creando un sitio web desde cero y quieres usar Divi como tema. Si ya tienes un tema instalado en tu sitio web de WordPress y estás satisfecho con él, descarga el plugin Divi.

En mi caso, ya tenía un tema instalado en mi sitio web de WordPress con el que estaba satisfecho. Seleccioné "Descargar el plugin Divi".

Paso 4: Agregar el complemento Divi

Inmediatamente, el complemento Divi comenzó a descargarse en mi computadora.

Desde mi panel de WordPress, pasé el cursor sobre “Complementos” y fui a “Agregar complemento”.

Paso 5: Cargue e instale el complemento Divi

A continuación, presioné “Cargar complemento”, seleccioné el archivo ZIP del complemento Divi y seleccioné “Instalar ahora”.

Paso 6: active el complemento

Desde allí, hago clic en “Activar complemento”.

Paso 7: Ajustar la configuración del complemento Divi

Tras instalar y activar el plugin, vi un nuevo elemento de menú, "Divi", en mi panel de WordPress. Allí podía ajustar la configuración del plugin, crear plantillas de sitios web, añadir diseños y asignar roles.

Paso 8: Generar un artículo

A continuación, quise generar una publicación con Divi. Fui a mis publicaciones y seleccioné una. Seleccioné el botón morado de Divi en la parte superior.

Paso 9: Editar con Divi Builder

A continuación, seleccioné “Editar con Divi Builder”.

Paso 10: Comience a construir

Esto me llevó al Visual Builder, donde podía empezar a construir con Divi o hacer el recorrido. Decidí empezar a construir de inmediato.

Paso 11: Generar un diseño con IA

Divi Presentó tres opciones de cómo quería comenzar a construir:

1. Usar contenido existente: conserve el contenido de la página existente mientras utiliza el generador Divi.
2. Elija un diseño prediseñado: elija entre cientos de diseños ya preparados, utilice uno de sus diseños guardados o duplique una página existente.
3. Construye con IA: Describe el contenido de tu página y deja que Divi AI construya tu página con solo hacer clic en un botón.

Naturalmente, mi mayor curiosidad era la tercera opción: Construir con IA. No solo era la forma más sencilla de construir con Divi, sino que quería ver de qué era capaz Divi AI.

Paso 12: Autentica tu suscripción a Elegant Themes

Antes de generar texto con Divi AI, tuve que autenticar mi suscripción a Elegant Themes con una clave API y un nombre de usuario.

Paso 13: Acceda a su nombre de usuario y clave API

Para localizar mi nombre de usuario y mi clave API, inicié sesión en mi cuenta de Elegant Themes, coloqué el cursor sobre “Cuenta” y seleccioné “Nombre de usuario y clave API”.

Paso 14: Generar una clave API

En la parte inferior, seleccioné “Generar nueva clave API”.

Paso 15: Autentica tu cuenta

Desde allí, copié y pegué mi nombre de usuario y clave API en los campos vacíos de WordPress y presioné “Enviar”.

Paso 16: Describe la página

A continuación, Divi me pidió que describiera la página que quería crear. Opcionalmente, podía describir mi sitio web. Para obtener los mejores resultados, recomiendo proporcionar ambas opciones.

Aquí está el mensaje que le di a Divi:

“Crea una reseña de Kittl, incluyendo el veredicto, ventajas, desventajas, qué es, para quién es mejor, sus características principales, cómo usarlo y las tres mejores alternativas”.

También le proporcioné a Divi una descripción de mi sitio web:

Este sitio web ofrece las mejores herramientas de diseño, recursos e inspiración, clasificados y revisados ​​por un diseñador gráfico.

Paso 17: Elige las imágenes y fuentes

También había tres tipos de imágenes que podía lograr que Divi usara en mi página:

1. Imágenes de stock
2. Imágenes generadas por IA
3. Imágenes de marcador de posición

Por último, pude personalizar las fuentes y los colores de mi página.

Decidí dejar que la IA generara las imágenes para mí y eligiera los colores y las fuentes para ver qué obtenía.

Una vez que todo estuvo completo, presioné “Generar diseño”.

Paso 18: Generar el diseño

Unos minutos después, Divi generó un artículo completo con un diseño organizado y totalmente personalizable. Podía pasar el cursor sobre cualquier bloque para moverlo, duplicarlo, eliminarlo y más. También podía acceder a la configuración para actualizar el contenido y el diseño.

Aunque los resultados no fueron perfectos y el contenido requería verificación, el plugin Divi AI demostró ser una herramienta poderosa para impulsar la creación y el diseño de contenido. Ahorró tiempo, proporcionó estructura y facilitó la personalización de cada detalle sin tener que empezar desde cero.

Las 3 mejores alternativas de Divi

Aquí están los mejores Divi Alternativas que recomendaría.

Wix

La primera alternativa a Divi que recomiendo es Wix. Wix es un creador de sitios web intuitivo con edición mediante arrastrar y soltar. Está diseñado para quienes tienen poca o ninguna experiencia técnica en diseño web.

Por un lado, Wix destaca por su solución totalmente alojada. Eso significa No tienes que gestionar el alojamiento ni el mantenimiento, e incluye características como la Creador de sitios web con IA para la creación de sitios web asistida por IA.

Por otro lado, Divi ofrece opciones de diseño más avanzadas con constructores frontend y backend, un constructor de temas de sitio completo e integración con complementos de WordPress y WooCommerce.

Si buscas alojamiento todo en uno y diseño asistido por IA, elige Wix. Para un control creativo total e integración con WordPress, elige Divi.

Visita el sitio web del Wix o lee mi Revisión de Wix!

B12

La siguiente alternativa a Divi que recomendaría es B12. B12 es una plataforma de IA que ayuda específicamente a las empresas a crear y lanzar rápidamente sitios web profesionales con poco esfuerzo o habilidad técnica.

B12 utiliza IA para agilizar el diseño y la creación de contenido. Es una excelente opción para quienes desean generar rápidamente un sitio web profesional con SEO integrado.

Mientras tanto, Divi destaca por su constructor visual y sus opciones de personalización. Divi facilita la creación de sitios web personalizados con control sobre cada elemento. También... integra WooCommerce y una gran biblioteca de diseños prediseñados.

Para una personalización profunda del diseño y control total sobre los elementos del sitio web, elige Divi. Para crear sitios web con IA al instante, ¡elige B12!

Brizy

La última alternativa a Divi que recomiendo es Brizy. Brizy facilita la creación de sitios web atractivos y responsivos con edición de arrastrar y soltar, más de 180 plantillas prediseñadas y una interfaz clara.

Brizy se centra en la simplicidad y la velocidad. Además, ofrece colaboración en la nube y un rendimiento más ligero y rápido.

Mientras tanto, Divi destaca por su Theme Builder Para un control total sobre encabezados, pies de página y plantillas. También es compatible con WooCommerce con módulos de comercio electrónico dedicados y funciones de estilo global.

Elige Divi para un control total del diseño, plantillas personalizadas y una sólida compatibilidad con WooCommerce. Si no, elige Brizy para mayor velocidad, simplicidad y colaboración.

Revisión de Divi: ¿La herramienta adecuada para usted?

Después de la prueba Divi Personalmente, puedo afirmar con seguridad que logra un equilibrio perfecto entre flexibilidad y facilidad de uso. El constructor de arrastrar y soltar, las miles de plantillas y la personalización me brindaron más control que con la mayoría de las herramientas. Además, las funciones de IA me ayudaron a crear más rápido.

Para mí, Divi es la opción ideal porque valoro la libertad creativa, la personalización profunda y la capacidad de escalar proyectos sin programar. Sin embargo, si te interesan las mejores alternativas a Divi, te recomiendo lo siguiente:

• Wix Es mejor como una solución alojada todo en uno sin configuración técnica y con un generador de IA.
• B12 Es mejor para crear rápidamente sitios web comerciales profesionales.
• Brizy es un constructor simple, rápido y liviano con funciones de colaboración.

¡Gracias por leer mi reseña de Divi! Espero que te haya sido útil. Prueba... Divi theme ¡o constructor de complementos y vea qué le parece!

Preguntas frecuentes

¿Cuáles son las desventajas de Divi?

Divi’s Entre sus desventajas se incluyen su gran cantidad de funciones, lo que puede resultar abrumador para principiantes. Además, puede ralentizar la carga de las páginas si no está optimizado, especialmente en sitios grandes o complejos.

¿Es Divi mejor que Wix?

Wix Es ideal para principiantes que buscan un sitio web integral con plantillas y ayuda de IA. Por otro lado, Divi ofrece un control total del diseño, la personalización y la integración con WordPress/WooCommerce.

¿Es Divi mejor que Squarespace?

Divi es mejor para la personalización completa, el control sobre cada elemento de diseño y la integración con WooCommerce. Squarespace Es mejor como una solución alojada todo en uno con plantillas para una configuración rápida.

¿Divi es bueno para principiantes?

Sí, Divi Es ideal para principiantes. Su constructor de arrastrar y soltar facilita el diseño de sitios web sin necesidad de programar, y su biblioteca de plantillas ayuda a crear rápidamente sitios profesionales.

¿Divi utiliza IA?

Divi integra funciones de IA a través de Divi AI, que es integrado en Divi 5 y su constructor visual. Con división IAPuedes generar texto, imágenes, fragmentos de código e incluso sitios web completos con indicaciones simples.