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

Si alguna vez ha intentado construir un sitio web desde cero, sabe 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. 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 potente 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 doble naturaleza de Divi

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

El tema proporciona una base limpia y responsiva 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 las 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 dejó 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 construcción de páginas para cubrir el diseño de sitios web completos.

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 sitios web multisitio de WordPress. Eso significa que las grandes organizaciones pueden administrar muchos 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:

• Los freelancers y diseñadores web pueden usar Divi para crear sitios web completamente personalizables sin codificar.
• Las pequeñas y medianas empresas pueden usar Divi para construir sitios web profesionales como portafolios, blogs y páginas de servicios con control de diseño completo.
• Las agencias y desarrolladores pueden usar Divi para acelerar los proyectos de diseño web con diseños preestablecidos.
• Los 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.
• Los marketeros pueden usar Divi para realizar pruebas A/B y construir sitios web optimizados para SEO.
• Las instituciones educativas y las 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 en frontend y backend.
• Constructor de temas: diseño de encabezados, pies de página, plantillas y más.
• Diseños y plantillas: miles de diseños de plantillas y sitios de inicio.
• Controles responsivos: personalización 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: generar contenido y acelerar la construcció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: autoinsertar títulos, imágenes, fechas y más.
• Biblioteca de módulos rica: texto, imágenes, formularios, diapositivas, galerías y más para construir diseños de sitios web.
• Rendimiento: optimizado para velocidad, SEO y accesibilidad.

¿Cómo usar Divi?

Aquí hay cómo instalé el plugin 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. Carga 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 “Get 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 satisfecho 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: Carga e instala el plugin de Divi

A continuación, hice clic en “Cargar 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, quise 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: retener el contenido de la página existente mientras se usa el constructor de Divi.
2. Seleccionar un diseño preestablecido: elegir entre cientos de diseños de plantillas listas para usar, usar una de mis plantillas guardadas o duplicar una página existente.
3. Construir con IA: describe el contenido de la página y deja que Divi AI construya tu página con un solo clic.

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 un 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 de 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 recomendaría proporcionar ambos.

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

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

También proporcioné a Divi 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

Finalmente, 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é saldría.

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ó la personalización de cada detalle sin partir de cero.

Las 3 mejores alternativas a Divi

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

Wix

La primera alternativa a Divi que te recomendaría 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 hospedada. Eso significa que no tienes que administrar el alojamiento ni el mantenimiento, e incluye características como el constructor de sitios web de IA para la creación asistida por IA de sitios web.

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

Para una solución de alojamiento todo en uno y diseño asistido por IA, elige Wix. Para control creativo completo y integración con WordPress, elige Divi!

Visita Wix o lee mi Revisión de Wix!

B12

La siguiente alternativa a Divi que te recomendaría es B12. B12 es una plataforma de IA que ayuda a las empresas a construir 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 rápidamente con SEO integrado.

Mientras tanto, 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 la personalización de diseño profunda y el control total sobre los elementos del sitio web, elige Divi. Para la creación instantánea de sitios web con IA, elige B12!

Brizy

La última alternativa a Divi que te recomendaría es Brizy. Brizy facilita la creación de sitios web atractivos y responsivos 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 rápido y ligero.

Mientras tanto, Divi se destaca con su Constructor de Temas para el control total sobre los 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 el control de diseño completo, plantillas personalizadas y un fuerte soporte de WooCommerce. De lo contrario, elige Brizy para la velocidad, la simplicidad y la colaboración.

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

Después de probar Divi por mí mismo, puedo decir con confianza que logra 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 recomendaría:

• Wix es la mejor opción como solución de alojamiento todo en uno con configuración técnica cero y constructor de IA.
• B12 es la mejor opción para crear sitios web profesionales de negocios rápidamente.
• Brizy es un constructor de sitios web simple, rápido y ligero 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 los principiantes que desean un sitio web todo en uno con plantillas y ayuda de IA. Mientras que Divi es mejor para el control de diseño completo, personalización y 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 de alojamiento todo en uno con plantillas para una 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 rápidamente.

¿Utiliza Divi IA?

Divi integra características de IA a través de Divi AI, que está incorporado 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.