Revisión de Divi: Cómo este constructor ahorra horas en el diseño de sitios web

Si alguna vez has intentado construir un sitio web desde cero, sabes la lucha: plugins infinitos, diseños confusos y horas perdidas solo tratando de hacer que las cosas se vean bien.

Es por eso que Divi llamó mi atención. Este constructor de WordPress no solo proporciona una plantilla; te permite diseñar tu sitio web exactamente como lo deseas, sin necesidad de codificar. Divi mantiene la simplicidad mientras proporciona la flexibilidad para crear sitios web únicos.

En esta revisión de Divi, discutiré los pros y los contras, qué es, para quién es mejor y sus características clave. Luego, te mostraré cómo utilicé el plugin de Divi para generar un artículo completo en minutos.

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

Veredicto

Divi es un constructor de sitios web que crea sitios web personalizables sin codificar de manera fácil. Sin embargo, puede ser más lento si no se optimiza, y las plantillas predeterminadas pueden parecer poco originales si no se cambian.

¿Qué es Divi?

Divi es un tema de WordPress popular con un poderoso constructor de páginas visuales desarrollado por Elegant Themes. Puedes usarlo para crear sitios web completamente personalizables sin escribir código a través de su interfaz de arrastrar y soltar.

Divi se destaca como uno de los nombres más reconocidos en el espacio de constructores de páginas de WordPress. Sin embargo, muchos no se dan cuenta de que en realidad es dos productos en uno. En su núcleo, Divi funciona como un tema de WordPress completo y como un plugin de constructor de páginas independiente para flexibilidad.

La naturaleza dual de Divi

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

El tema proporciona una base limpia y receptiva para cualquier contenido. Mientras que el plugin de constructor de páginas convierte la edición de sitios web en una experiencia de arrastrar y soltar.

Este enfoque dual significa que puedes aplicar las capacidades de construcción de Divi a cualquier tema de WordPress a través del plugin, o usar el tema de Divi completo para una experiencia completamente integrada. Obtienes la flexibilidad para usar Divi con temas que ya amas.

De tema simple a potencia visual

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

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

La introducción del Constructor visual en 2016 marcó un punto de inflexión. Los usuarios podían editar sus sitios web directamente en el frontend con vistas previas en tiempo real.

Las actualizaciones posteriores han agregado características avanzadas, incluyendo:

• Integración de contenido dinámico
• Controles de CSS personalizados
• La funcionalidad del Constructor 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 tiene como objetivo hacer que el diseño web sea accesible al eliminar las barreras técnicas. En el pasado, los diseños personalizados de WordPress requerían habilidades de codificación como HTML, CSS y PHP, lo que dejaba a muchos atrapados con plantillas básicas.

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

Integración con el ecosistema de WordPress

Divi funciona de manera fluida con WordPress, manteniendo el contenido en formatos estándar que permanecen intactos incluso si Divi se desactiva.

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

El sistema también admite WordPress multisitio. Eso significa que las grandes organizaciones pueden administrar varios sitios web desde una sola instalación.

¿Para quién es mejor Divi?

Aquí hay los tipos de personas para las que Divi es mejor:

• Freelancers y diseñadores web pueden usar Divi para crear sitios web completamente personalizables sin codificar.
• Pequeñas y medianas empresas pueden usar Divi para crear sitios web profesionales como portafolios, blogs y páginas de servicios con control total sobre el diseño.
• Agencias y desarrolladores pueden usar Divi para acelerar proyectos de diseño web con diseños preestablecidos.
• Propietarios de tiendas en línea pueden usar Divi para diseñar tiendas de WooCommerce con páginas de productos y flujos de pago personalizados.
• Marketers pueden usar Divi para realizar pruebas A/B y crear sitios web optimizados para SEO.
• Instituciones educativas y organizaciones sin fines de lucro pueden usar Divi para crear varios sitios web bajo una sola licencia para administrar diferentes departamentos o programas.

Características clave de Divi

Aquí hay las características clave de Divi AI:

• Constructor de arrastrar y soltar: edición visual en vivo sin codificar en frontend y backend.
• Constructor de temas: diseño de encabezados, pies de página, plantillas, 404, publicaciones de blog, productos y más.
• Diseños y plantillas: miles de diseños de plantillas y sitios de inicio.
• Controles receptivos: personaliza para escritorio, tableta y móvil.
• Estilos globales: secciones reutilizables y actualizaciones de diseño sincronizadas.
• Opciones avanzadas: fuentes, colores, espaciado, animaciones y CSS personalizado.
• Herramientas de IA: genera contenido y acelera la creación.
• WooCommerce: 20+ módulos para páginas de tienda y producto personalizadas.
• Almacenamiento y administración: Divi Cloud y Dash para almacenamiento y administración en la nube.
• Contenido dinámico: autoinserta títulos, imágenes, fechas y más.
• Biblioteca de módulos rica: texto, imágenes, formularios, diapositivas, galerías y más para crear diseños de sitios web.
• Rendimiento: optimizado para velocidad, SEO y accesibilidad.

Cómo usar Divi

Aquí está cómo instalé el plugin de Divi AI y lo usé para generar un artículo completo en minutos:

1. Regístrate en Divi AI
2. Inicia sesión en Elegant Themes
3. Descarga Divi
4. Agrega el plugin de Divi
5. Sube e instala el plugin de Divi
6. Activa el plugin
7. Ajusta la configuración del plugin de Divi
8. Genera un artículo
9. Edición con el constructor de Divi
10. Comienza a construir
11. Genera un diseño con IA
12. Autentica tu suscripción de Elegant Themes
13. Accede a tu nombre de usuario y clave de API
14. Genera una clave de API
15. Autentica tu cuenta
16. Describe la página
17. Elige las imágenes y fuentes
18. Genera el diseño

Paso 1: Regístrate en Divi AI

Comencé yendo a elegentthemes.com y yendo a “Obtener Divi AI.”

Paso 2: Inicia sesión en Elegant Themes

Después de obtener Divi Pro, fui redirigido a iniciar sesión en Elegant Themes.

Paso 3: Descarga Divi

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

• Tema de Divi (tema de WordPress y constructor de páginas todo en uno)
• Plugin de constructor de Divi (constructor de páginas visual)

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

En mi caso, ya tenía un tema instalado en mi sitio web de WordPress que me gustaba. Seleccioné “Descargar el plugin de Divi.”

Paso 4: Agrega el plugin de Divi

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

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

Paso 5: Sube e instala el plugin de Divi

A continuación, hice clic en “Subir plugin”, seleccioné el archivo ZIP del plugin de Divi y seleccioné “Instalar ahora”.

Paso 6: Activa el plugin

Desde allí, hice clic en “Activar plugin”.

Paso 7: Ajusta la configuración del plugin de Divi

Después de instalar y activar el plugin, noté un nuevo elemento de menú “Divi” en mi panel de WordPress. Este era donde podía ajustar la configuración del plugin, crear plantillas de sitios web, agregar diseños y asignar.

Paso 8: Genera un artículo

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

Paso 9: Edición con el constructor de Divi

A continuación, seleccioné “Editar con el constructor de Divi”.

Paso 10: Comienza a construir

Esto me llevó al Constructor visual, donde podía comenzar a construir con Divi o tomar el tour. Decidí saltar y comenzar a construir.

Paso 11: Genera un diseño con IA

Divi me presentó tres opciones para cómo quería comenzar a construir:

1. Usar contenido existente: conservar el contenido de la página existente mientras se usa el constructor de Divi.
2. Seleccionar un diseño preestablecido: seleccionar entre cientos de diseños preestablecidos, usar uno de tus diseños guardados o duplicar una página existente.
3. Construir con IA: describe el contenido de tu página y deja que Divi AI construya tu página con el clic de un botón.

Naturalmente, estaba más curioso por la tercera opción: Construir con IA. No solo era la forma más fácil de construir con Divi, sino que también quería ver de qué era capaz Divi AI.

Paso 12: Autentica tu suscripción de Elegant Themes

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

Paso 13: Accede a tu nombre de usuario y clave de API

Para localizar mi nombre de usuario y clave de API, me conecté a mi cuenta de Elegant Themes, pasé el cursor sobre “Cuenta” y seleccioné “Nombre de usuario y clave de API”.

Paso 14: Genera una clave de API

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

Paso 15: Autentica tu cuenta

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

Paso 16: Describe la página

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

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

“Crear una revisión de Kittl, incluyendo el veredicto, los pros y los contras, qué es, para quién es mejor, sus características clave, cómo usarlo y las tres mejores alternativas.”

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

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

Paso 17: Elige las imágenes y fuentes

Había tres tipos de imágenes que podía hacer 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, podía personalizar las fuentes y colores de mi página.

Decidí dejar que la IA generara las imágenes para mí y elegir los colores y fuentes para ver qué podía hacer.
Una vez que todo estuvo lleno, hice clic en “Generar diseño”.

Paso 18: Genera el diseño

Unos minutos más tarde, Divi generó un artículo completo en un diseño organizado que era completamente 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 necesitaba verificación de hechos, el plugin de Divi AI demostró ser una herramienta poderosa para iniciar la creación de contenido y diseño. Ahorró tiempo, proporcionó estructura y facilitó personalizar cada detalle sin comenzar desde cero.

Las 3 mejores alternativas a Divi

Aquí hay las mejores alternativas a Divi que te recomiendo.

Wix

La primera alternativa a Divi que te recomiendo es Wix. Wix es un constructor de sitios web de usuario fácil de usar con edición de arrastrar y soltar. Está diseñado para aquellos con poca o ninguna experiencia técnica en diseño web.

Por un lado, Wix se destaca con su solución de alojamiento completamente integrada. Eso significa que no tienes que administrar el alojamiento o el mantenimiento, e incluye características como el constructor de sitios web de 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 web completo y integración con plugins de WordPress y WooCommerce.

Para una solución de alojamiento todo en uno con configuración técnica cero y un constructor de IA, elige Wix. Para control creativo total y integración con WordPress, elige Divi.

Visita Wix o lee mi Revisión de Wix.

B12

La siguiente alternativa a Divi que te recomiendo es B12. B12 es una plataforma de IA que ayuda a las empresas a crear y lanzar sitios web profesionales con poco esfuerzo o habilidad técnica.

B12 utiliza IA para acelerar el diseño y la creación de contenido. Es una excelente opción para cualquier persona que desee generar un sitio web profesional de manera rápida con SEO integrado.

Mientras que Divi se destaca con su constructor visual y 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 preestablecidos.

Para personalización de diseño profunda y control total sobre los elementos del sitio web, elige Divi. Para creación de sitios web instantánea con IA, elige B12.

Brizy

La última alternativa a Divi que te recomiendo es Brizy. Brizy facilita la creación de sitios web atractivos y receptivos con edición de arrastrar y soltar, 180+ plantillas preestablecidas y una interfaz limpia.

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

Mientras que Divi se destaca con su Constructor de temas para control total sobre encabezados, pies de página y plantillas. También admite WooCommerce con módulos de comercio electrónico dedicados y características de estilo global.

Elige Divi para control de diseño total, plantillas personalizadas y sólido soporte de WooCommerce. De lo contrario, elige Brizy para velocidad, simplicidad y colaboración.

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

Después de probar Divi por mí mismo, puedo decir con confianza que encuentra un equilibrio sólido entre flexibilidad y facilidad de uso. El constructor de arrastrar y soltar, miles de plantillas y la personalización me dieron más control del que he tenido con la mayoría de las herramientas. Además, las características de IA me ayudaron a construir más rápido.

Para mí, Divi es una buena opción porque valoro la libertad creativa, la personalización profunda y la capacidad de escalar proyectos sin codificar. Sin embargo, si estás curioso sobre las mejores alternativas a Divi, aquí te recomiendo:

• Wix es mejor como una solución de alojamiento todo en uno con cero configuración técnica y un constructor de IA.
• B12 es mejor para crear sitios web profesionales de manera rápida.
• Brizy es un constructor ligero, rápido y simple con características de colaboración.

¡Gracias por leer mi revisión de Divi! Espero que te haya sido útil. Prueba el tema de Divi o el constructor de plugins y mira cómo te gusta.

Preguntas frecuentes

¿Cuáles son las desventajas de Divi?

Divi tiene desventajas que incluyen ser abrumador para los principiantes debido a sus muchas características. También puede ralentizar la carga de la página si no se optimiza, especialmente en sitios web grandes o complejos.

¿Es Divi mejor que Wix?

Wix es mejor para principiantes que desean un sitio web todo en uno con plantillas y ayuda de IA. Mientras que Divi es mejor para control de diseño total, personalización y integración con WordPress/WooCommerce.

¿Es Divi mejor que Squarespace?

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

¿Es Divi bueno para principiantes?

Sí, Divi es bueno para principiantes. Su constructor de arrastrar y soltar facilita el diseño de sitios web sin codificar, y la biblioteca de plantillas ayuda a crear sitios web profesionales de manera rápida.

¿Divi utiliza IA?

Divi integra características de IA a través de Divi AI, que está integrado en Divi 5 y su constructor visual. Con Divi AI, puedes generar texto, imágenes, fragmentos de código y incluso sitios web completos con prompts simples.