¿Cuál es el generador de páginas de WordPress adecuado para usted?

¿Tratando de elegir entre Divi vs Elementor?

Como estos son dos de los complementos más populares del creador de páginas de WordPress, no creo que vaya a equivocarse de ninguna manera.

Sin embargo, definitivamente hay algunas características importantes y diferencias de precios entre Elementor y Divi que podrían empujarlo a ir de una manera u otra.

Eso es lo que voy a intentar y ayudarlo a descubrir en esta publicación. Comenzaré profundizando en las características que son en gran medida las mismas entre Elementor y Divi. Luego, resaltaré lo opuesto y veré qué es diferente.

Para finalizar, compararé el rendimiento y los precios, otras dos consideraciones importantes más allá de la lista de funciones.

Listo para comenzar? Comencemos a comparar.

Divi vs Elementor: ¿Qué es lo mismo?

Estos dos complementos del generador de páginas están en la parte superior del juego, así que comencemos comparando lo que ambos tienen en común. Obviamente, todavía hay diferencias de características más pequeñas aquí y allá, pero estas son las características principales que obtendrá sin importar el complemento que elija.

Interfaces visuales de arrastrar y soltar

Comencemos por el nivel más básico: la interfaz.

Tanto Divi como Elementor le brindan interfaces visuales de arrastrar y soltar con edición en línea.

Es decir, podrá diseñar su página mientras ve exactamente lo que verán sus visitantes, y puede editar el texto simplemente haciendo clic y escribiendo en la página.

Con Divi, obtienes un editor de ancho completo sin elementos de interfaz fijos de Divi, más allá de un solo botón en la parte inferior que expande algunas opciones al hacer clic.

Para agregar y configurar módulos, usará los botones flotantes que aparecen cuando pasa el cursor sobre su diseño:

Agregar módulos en Divi

Los diferentes colores representan diferentes tipos de módulos.

Para configurar módulos individuales, utilizará la ventana emergente de configuración. Puede cambiar el tamaño de la ventana emergente y moverla con arrastrar y soltar, que es una buena característica.

Elementor, por otro lado, usa una barra lateral fija a la izquierda que siempre está visible. Esto no crea una experiencia de diseño tan inmersiva, pero personalmente me parece más conveniente poder interactuar con una barra lateral fija en lugar de usar botones flotantes que aparecen y desaparecen para todo (como es el caso de Divi) :

La interfaz de Elementor

Para configurar un widget o sección, puede hacer clic en él para abrir su configuración en la barra lateral:

Configuración de Elementor

¿Cual es mejor? Bueno, creo que eso realmente se reduce a preferencias personales.

Personalmente, prefiero la interfaz de Elementor y encuentro que me permite crear páginas más rápido / fácil. También encuentro que la interfaz en sí misma es más rápida y sin fallas en comparación con Divi. Sin embargo, esa es solo mi opinión, y conozco a muchas personas que prefieren usar Divi (como lo demuestra su popularidad).

Creo que realmente solo necesitas probar ambos, ya que es imposible para mí declarar un ganador definitivo para algo que es subjetivo.

Opciones de estilo detalladas

Tanto Divi como Elementor son dos de los mejores complementos del creador de páginas de WordPress cuando se trata de las opciones de diseño y estilo a las que tienes acceso.

Por supuesto, hay algunas pequeñas diferencias aquí y allá. Pero, en general, ambos ofrecen más opciones de estilo y diseño que el plugin promedio de generador de páginas de WordPress.

No estoy seguro de cómo hacer una comparación objetiva aquí porque hay muchas características pequeñas que entran en "estilo y diseño". Pero algunas de las características más notables que ambos ofrecen son:

  • Divisores de forma
  • Espaciado personalizado
  • Posicionamiento personalizado para módulos
  • Efectos de animación como desplazamiento de paralaje

Configuración de diseño receptivo

Con Divi y Elementor, todos los diseños que cree responden de manera predeterminada. Es decir, sus diseños funcionarán automáticamente en computadoras, tabletas y teléfonos inteligentes.

Sin embargo, ambos también llevan las cosas un paso más allá y también le permiten personalizar la configuración receptiva para sus diseños.

Por ejemplo, tanto Divi como Elementor le permiten usar diferentes configuraciones de estilo basadas en los dispositivos de los visitantes. También puede ocultar ciertos módulos según los dispositivos de los visitantes, como ocultar una imagen grande en dispositivos móviles.

Funcionalidad del generador de temas

Tanto Divi como Elementor ya no se limitan a solo contenido de página único, sino que también le permiten diseñar todo su tema de WordPress utilizando la misma interfaz visual de arrastrar y soltar.

Elementor lanzó primero la creación de temas, mientras que Divi agregó recientemente esta característica con Divi 4.0.

Entonces, ¿qué es la construcción de temas?

Esencialmente, la creación de temas elimina la necesidad de un tema de WordPress al permitirle diseñar todo su tema de WordPress utilizando un generador de páginas de arrastrar y soltar. Por ejemplo, podrá crear plantillas para su:

  • Encabezamiento
  • Pie de página
  • Publicaciones y páginas individuales (por ejemplo, una publicación de blog individual)
  • Archivar páginas (por ejemplo, la página que enumera todas las publicaciones de tu blog)

Más allá de incluir dinámicamente información nativa de WordPress, como el título de una publicación de blog, también puede usar los creadores de temas de ambos complementos para insertar información de campos personalizados.

Con Divi, puede organizar sus diferentes partes de plantilla de tema utilizando una interfaz de fondo como esta:

Divi theme builder

Para construir realmente las partes de su plantilla de tema, como su encabezado, utilizará el generador visual frontal. Puede usar la función de contenido dinámico para insertar información del sitio, como el título y el lema de su sitio:

Divi contenido dinámico

Con Elementor, irás directamente al generador visual para diseñar tu parte de plantilla de tema. También obtendrá algunos widgets dedicados para la parte de la plantilla, junto con una función de contenido dinámico que puede aplicar a cualquier widget:

Elemento o contenido dinámico

Una vez que publique su plantilla de tema, puede elegir dónde aplicarla, por ejemplo, solo usándola para una categoría específica de publicaciones:

Generador de temas Elementor

En general, ambos creadores de temas son bastante poderosos.

Soporte con el botón derecho

Tanto Divi como Elementor cuentan con soporte de clic derecho, que es bastante único entre los creadores de páginas de WordPress.

Hacer clic con el botón derecho puede parecer algo pequeño, pero es muy útil para acelerar su flujo de trabajo. Por ejemplo, puedes rápidamente:

  • Copiar estilos entre widgets
  • Widgets duplicados
  • Eliminar widgets
  • Guardar plantillas
  • Etc.

Aquí está el menú contextual en Divi:

Divi clic derecho

Y aquí está el menú del botón derecho en Elementor:

Elementor right-clcik

Divi vs Elementor: lo que es diferente

Ahora que conoce algunas de las similitudes entre Elementor y Divi, analicemos algunas de las principales diferencias.

Elementor tiene un generador de ventanas emergentes

Una de las mayores diferencias de características es que Elementor incluye su propia herramienta de creación de ventanas emergentes, mientras que Divi no.

Con Elementor Popup Builder, puede usar la misma interfaz de Elementor para diseñar ventanas emergentes y mostrarlas en cualquier parte de su sitio.

Sin embargo, aún puede utilizar la gama completa de widgets de Elementor, lo que significa que puede crear:

  • Ventanas emergentes de suscripción por correo electrónico
  • Inicio / registro de ventanas emergentes
  • Promociones / CTA popups
  • Etc.

Popups Elementor

Divi no incluye un generador de ventanas emergentes incorporado como el que obtienes con Elementor, aunque hay complementos de terceros como Divi Overlays que te permitirán usar Divi para diseñar ventanas emergentes.

También obtiene acceso al complemento de suscripción de correo electrónico de Bloom (nuestra revisión) con su compra de Divi. Le permite crear ventanas emergentes de suscripción de correo electrónico, pero no es tan flexible como Elementor Popup Builder porque no hay un generador de arrastrar y soltar.

Divi tiene pruebas A / B incorporadas

Esta es una característica que no todos usarán, pero si está enfocado en el marketing, le encantará el hecho de que Divi viene con pruebas A / B incorporadas para optimizar sus diseños.

Al hacer clic con el botón derecho en cualquier módulo, puede girar rápidamente una prueba A / B / n y ver cómo funcionan las diferentes variantes de cualquier módulo. Por ejemplo, puedes probar diferentes:

  • Titulares
  • Botones
  • Imágenes
  • Etc.

Pruebas Divi A / B

Si planea crear páginas de destino y tal, probablemente encontrará que esta función es bastante útil.

Dicho esto, puede probar A / B Elementor utilizando soluciones de terceros como Google Optimize. También hay un complemento de terceros llamado Split Test For Elementor. Simplemente no es tan conveniente como Divi.

Divi viene en un tema y una versión de complemento

Elementor es solo un complemento. Si bien el equipo de Elementor ofrece su propio tema básico llamado Hello, diseñado para usarse con Elementor Theme Builder, Elementor es un complemento independiente.

Por otro lado, Divi viene en un tema y una versión de complemento.

No sé necesariamente si se trata de una gran ventaja o desventaja o si incluso hace una diferencia para ti … pero definitivamente es una diferencia.

Con el tema Divi, puede garantizar que su tema y el generador de páginas estén perfectamente sincronizados, lo que tiene cierto atractivo.

Al mismo tiempo, sin embargo, hay algunos temas geniales de terceros para Elementor, por lo que no es que no puedas obtener esto con Elementor.

Divi tiene paquetes de diseño y más plantillas, Elementor solo tiene plantillas (principalmente)

Tanto Divi como Elementor incluyen un montón de plantillas de excelente aspecto que puede importar, por lo que esa parte es la misma.

Sin embargo, abordan las plantillas de maneras ligeramente diferentes.

Con Divi, obtienes algo llamado paquetes de diseño, que son algo así como kits de plantillas temáticas creadas para nichos específicos. Por ejemplo, si desea crear un sitio web para un gimnasio, un paquete de diseño Divi incluiría varias plantillas para:

  • Página principal
  • Página de clases
  • Sobre la pagina
  • Pagina de contacto
  • Etc.

En sus 158 paquetes de diseño, Divi tiene la asombrosa cantidad de 1.167 plantillas de página diferentes, que definitivamente es la colección más grande entre las dos.

Plantillas Divi

Las plantillas de Elementor son, en su mayor parte, solo plantillas únicas. Por ejemplo, puede encontrar una plantilla de página de destino o una plantilla de página de servicios, pero no necesariamente tienen un tema conjunto.

Plantillas Elementor

Tenga en cuenta que Elementor está comenzando a implementar lentamente su propio equivalente de paquetes de diseño llamados kits de sitio. Sin embargo, Elementor actualmente solo tiene siete kits de sitio, mientras que Divi tiene más de 150 paquetes de diseño, por lo que todavía considero esto como una diferencia. El equipo Elementor tiene como objetivo agregar un nuevo kit de sitio cada mes, por lo que con el tiempo esta colección debería crecer … pero aún así nunca se acercará a Divi a ese ritmo.

Elementor tiene un mercado de terceros más grande

Una de las mejores cosas de Divi y Elementor es que puedes encontrar extensiones de terceros para mejorar aún más las características de los complementos principales.

Aunque ambos creadores de páginas tienen excelentes mercados de terceros, tendría que darle la ventaja a Elementor a este respecto.

El hecho de que Elementor tenga una versión gratuita y, como resultado, una mayor participación de mercado ha empujado a más desarrolladores externos a crear extensiones de Elementor.

Por ejemplo, si busca "Divi" en WordPress.org, aparecen 22 páginas de resultados mientras que si busca "Elementor" obtendrá 48 páginas de resultados.

Una vez más, ambos son bastante buenos y mejores que un creador de páginas promedio, solo creo que Elementor está por delante aquí.

Divi vs Elementor Rendimiento

Para medir el rendimiento relativo entre Divi vs Elementor, creé dos páginas de muestra básicas que usan módulos equivalentes y luego las ejecuté a través de herramientas de prueba de rendimiento para ver cómo iban las cosas.

Ambos sitios están utilizando Airi como tema base y aquí están los módulos que utilicé:

  • Botón
  • Contador circular
  • Testimonial
  • Tabla de precios

Los diseños son super barebones, pero deberían darle una buena idea del rendimiento relativo de cada complemento.

Solo para que quede claro, estoy usando la versión de complemento de Divi (Divi Builder) con el tema Airi para hacer que esta sea una comparación uniforme. Es decir, no estoy usando el tema Divi.

Así es como se desempeñó Divi:

Divi performance

Y así es como se desempeñó Elementor:

Elemento o rendimiento

No me preocuparía demasiado por los tiempos de carga de la página porque esta es solo una prueba única. Pero así es como el tamaño de página y las solicitudes HTTP se comparan entre Divi y Elementor:

Tamaño de página Solicitudes HTTP
Divi 555 KB 28
Elementor 477 KB 42

Entonces Elementor tenía un tamaño de archivo más pequeño, mientras que Divi tenía menos solicitudes HTTP.

Sin embargo, todavía voy a darle una ligera ventaja a Elementor porque Divi tiene una optimización de script incorporada que ayuda a explicar por qué tiene menos solicitudes HTTP listas para usar. Sin embargo, puede hacer algo similar con Elementor: solo necesita un complemento de terceros gratuito como Autoptimize.

Es decir, si usa Autoptimize (u otro complemento como WP Rocket), podrá combinar los scripts de Elementor para reducir de manera similar la cantidad de solicitudes HTTP en su sitio.

Entonces, siempre que implemente las mejores prácticas de WordPress, como la concatenación de archivos con Autoptimize o WP Rocket, creo que Elementor está un poco por delante porque tenía un tamaño de página más pequeño en mi prueba. Sin embargo, Divi todavía ofrece un rendimiento sólido para un complemento de generador de páginas.

Divi vs Elementor Precios

En cuanto a si es más barato usar Elementor vs Divi, eso depende de cuántos sitios necesites usar.

Primero, el elefante en la habitación: Elementor ofrece una generosa versión gratuita, mientras que Divi solo viene en una versión premium.

Puedes hacer mucho con solo la versión gratuita de Elementor. Entonces, si la versión gratuita funciona para usted, creo que es obvio elegir Elementor sobre Divi en ese caso.

Si necesita acceso a las funciones premium, la situación no es tan clara.

Elementor será más barato si solo necesita usarlo en un solo sitio, mientras que Divi será más barato si necesita usarlo en varios sitios web.

Elementor utiliza un enfoque de licencia basado en el sitio con tres opciones:

  • Personal – $ 49 por un sitio
  • Además: $ 99 por tres sitios
  • Experto: $ 199 por 1,000 sitios (esencialmente ilimitado, pero limitado a 1,000 para evitar abusos)

Todos esos planes son para una licencia de un año. Si bien puede seguir usando su versión actual de Elementor Pro después del primer año, deberá renovarla para continuar recibiendo asistencia y actualizaciones.

Divi solo tiene dos planes de precios, los cuales le permiten usar Divi en sitios web ilimitados:

  • Acceso anual: $ 89 con un año de soporte y actualizaciones.
  • Acceso de por vida: $ 249 con soporte y actualizaciones de por vida.

Más allá del hecho de que ambos planes le permiten usar Divi en sitios web ilimitados, también hay otro gran beneficio aquí.

Ese precio le da acceso a todos los productos de Elegant Themes. Esto incluye el complemento de suscripción de correo electrónico de Bloom (nuestra revisión), el complemento de intercambio de redes sociales Monarch y más.

Teniendo todo en cuenta, Divi Builder es definitivamente más barato de usar en múltiples sitios web, lo que podría empujarlo en la dirección de Divi si puede hacer todo lo que necesita.

Por otro lado, si sabe que solo necesita un creador de páginas para un solo sitio web, Elementor Pro será más barato con solo $ 49.

¿Deberías usar Elementor o Divi?

Divi y Elementor son dos de los complementos del creador de páginas principales, por lo que no creo que necesariamente te equivoques.

En cambio, creo que todo se reduce a:

  • Las características que necesitas. Por ejemplo, ¿crees que usarás el generador de ventanas emergentes? Ve con Elementor. ¿Quieres pruebas A / B incorporadas? Ve con Divi.
  • Su presupuesto. Elementor Pro será más barato si solo lo necesita para un solo sitio, mientras que Divi será más barato si necesita un creador de páginas para varios sitios web.
  • Tus preferencias personales. Por ejemplo, puede preferir un editor a otro, ya que ambos utilizan enfoques algo diferentes.

¿Qué elijo y recomiendo personalmente? Me paso todo el día escribiendo y trabajando con WordPress, así que me gustaría pensar que tengo alguna idea aquí.

Personalmente, me gusta (y uso) Elementor. Creo que la versión gratuita solo funciona para muchos de mis sitios y prefiero la interfaz Elementor a Divi. La interfaz Divi se siente un poco lenta en comparación con Elementor y personalmente me parece más agradable construir diseños en Elementor debido a su interfaz de back-end más rápida y su enfoque de barra lateral fija.

Sin embargo, eso no significa que estará de acuerdo conmigo, así que le animo a que:

  • Piense si las diferencias de características anteriores hacen una diferencia significativa para usted.
  • Considere cómo los precios se ajustan a su presupuesto.
  • Juega con cada complemento. Puede probar la versión gratuita de Elementor en WordPress.org y Divi tiene un sitio público de demostración donde puede jugar con el editor.

Si desea una vista más detallada de cualquiera de los complementos, también puede consultar nuestra revisión completa de Elementor Pro y la revisión detallada de Divi.

Una vez que haya elegido, puede comprar Elementor Pro o Divi Builder según sus necesidades.

¿Tiene alguna pregunta sobre cómo elegir entre Elementor vs Divi Builder? Deja un comentario e intentaremos ayudarte.

Publicaciones relacionadas

Botón volver arriba