Divi vs. Elementor: ¡la guía objetiva definitiva!

Actualizado el 17/03/2021 | Publicado el 13/03/2020 | 40 comentarios

¿Divi o Elementor? Durante mucho tiempo he dudado en meterme en este tipo de artículos por dos razones:

  1. Realmente no quería posicionarme entre dos herramientas que compiten entre sí.
  2. Este artículo tiene mucho trabajo (+5200 palabras)...

Pero a la vista de lo que he encontrado en la red, he querido ofrecerte mi visión de esta guía completa porque, de momento, sólo he encontrado artículos "demasiado publicitarios" que no eran lo suficientemente objetivos o no eran lo suficientemente detallados.

Aquí, le ofrezco una batalla Divi vs. Elementor muy objetivo. Sólo daré mi opinión en la conclusión...

Voy a tratar de ofrecer una verdadera comparación paso a paso, característica por característica de Divi frente a Elementor. Voy a abordar tanto los puntos fuertes como los débiles...

En definitiva, no se trata de influir en usted, sino de ayudarle a elegir entre Divi y Elementor.

Sin embargo, ¡hay que comparar lo que es comparable! Así que este artículo presentará la versión Pro de Elementor porque el versión gratuita no se puede comparar con Divi, se perdería de antemano...

En fin, no perdamos más tiempo y vayamos al meollo de la cuestión...

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - Divi o Elementor en pocas cifras

Empecemos con una visión general de estas dos herramientas. Es bueno explicar el contexto para entender mejor el resto de esta comparación Divi vs Elementor.

1.1 - Algunas cifras sobre Divi

Divi es el tema estrella de la tienda de temas de Elegant Themes. Salió a la venta a finales de 2013. El Divi Builder como plugin independiente, por su parte, se lanzará en 2015.

Como ya sabrán, el Tema Divi no debe confundirse con el Constructor Divi. Se trata de dos productos diferentes.

Siendo el Divi Builder un Page Builder, es efectivamente el que será objeto de esta comparación contra Elementor (y no el tema Divi).

1.2 - Algunas cifras sobre Elementor

Elementor es el mejor contrincante de Divi.

Lo que ha contribuido fuertemente a su éxito: su versión gratuita -ya muy eficiente- está directamente disponible en el directorio oficial de plugins de WordPress. Este no era el caso de la mayoría de los creadores de páginas de la época, que a menudo sólo estaban disponibles como versiones premium.

Así que en 2016, Elementor viene a cambiar el panorama de los constructores de páginas gratuitos ofreciendo un constructor muy prometedor y accesible para todos.

Nada más salir al mercado, proponía una construcción de la página directamente en el front-end mientras que sus competidores proponían una construcción en el back-end, o una construcción de la parte trasera + en front-end (a elección, que es el caso de Divi).

1.3 - Cuadro comparativo y resumen

Cifras actualizadas el 3 de julio de 2020

Cifras a partir del 3 de julio de 2020DiviElementor
Año de publicaciónTema: diciembre de 2013
Constructor : Oct. 2015
Gratis : mayo de 2016
Pro: Dic. 2016
Instalaciones activas (gratuitas)- –Versión gratuita:
5 millones de euros
Licencias Pro vendidas702.000???
Número de empleados100131
Revisión de 5 estrellas 7078 opiniones de 5 estrellas de un total de 7317 (TrustPilot) o el 97% de satisfacción4930 opiniones de 5 estrellas de 5308 (en WordPress) o el 93% de satisfacción

Cuando ves queElementor ya tiene más de 5 millones de instalaciones activas, podría hacer sonrojar a Elegant Themes, que tiene "sólo" 702.000 licencias vendidas. Y sin embargo, ¡¡¡estas cifras no son comparables!!!

De hecho, las licencias de Divi se venden para un número ilimitado de sitios, lo que no nos permite saber exactamente cuántos sitios están utilizando Divi.

Si suponemos que cada licencia de Divi se utiliza en una media de 10 sitios, eso significaría que Divi se utiliza en 7,2 millones de sitios.

Por ejemplo, yo mismo lo utilizo en una veintena de sitios y estoy lejos de tener la productividad de una agencia. Así que, esta cifra, sólo podemos imaginar...

2 - Divi vs. Elementor: ¿una historia de precios?

Ahora que sabemos un poco más sobre la historia de las dos expansiones, hablemos del dinero...

De hecho, este es a menudo un criterio de elección para algunos usuarios.

Las licencias pro de estos dos constructores de páginas no funcionan de la misma manera. También en este caso será difícil compararlos. Su modelo de negocio es diferente y esto es también lo que puede cambiar el trato, dependiendo de tus necesidades...

La licencia de Divi ofrece 2 planes: un plan anual o un plan "de por vida" que sólo pagas una vez... Mientras que Elementor no ofrece un plan "de por vida", tendrás que volver a pagar cada año. Además, Elementor ofrece 5 planes que se diferencian según el número de instalaciones.

Para entender mejor la diferencia de precios, propongo esta tabla:

Divi AnualDivi LifetimeElementor Pro
1 sitio89 (cada año)249 (una sola vez)49$(cada año)
1 sitio después de 10 años cuesta...890$249$490$
3 sitios89 (cada año)249 (una sola vez)99 (cada año)
3 sitios después de 10 años cuestan...890$249$990$
Entre 3 y 25 emplazamientos89 (cada año)249 (una sola vez)199 (cada año)
25 sitios después de 10 años cuestan...890$249$1990$
Entre 26 y 100 sitios89 (cada año)249 (una sola vez)499$
100 sitios después de 10 años cuestan...890$249$4990$
Entre 101 y 1000 sitios89 (cada año)249 (una sola vez)999$
1000 sitios después de 10 años cuestan...890$249$9990$
Tema Pro incluidoNo
Bonificación incluidaBloom + Monarca Bloom + MonarchNo

Creo que esta tabla explica las diferencias de precio entre Divi y Elementor.

Está claro que las licencias anuales representan un presupuesto considerable después de un cierto número de años, ya sea para Divi o Elementor.

Por ejemplo, un sitio creado con Elementor cuesta más que un sitio creado con Divi Lifetime después del quinto año del sitio.

También entra en juego el número de sitios que se pueden crear con una sola licencia y que aumenta el presupuesto a lo largo de los años.

Esto sugiere que si su negocio es crear sitios para sus clientes, Divi es más ventajoso. Por otro lado, si necesitas un constructor de páginas para tu sitio personal, Elementor será más ventajoso durante los primeros 4 años (en caso de que uses un tema gratuito).

Para saber más sobre las tarifas, le sugiero estos dos artículos:

3 - Tema, constructor de temas, constructor de páginas: ¡ayuda!

Si usted empezar con WordPressSeguro que has leído sobre el tema y te has encontrado con términos extraños.

Cuando empiezas a descubrir el mundo de los temas y constructores de páginas, ciertas palabras aparecen a menudo: Tema, Constructor de Páginas, Constructor de Temas, Constructor Visual, módulos, widgets, etc.

Entiendo que uno puede perderse en ella!

3.1 - Glosario para mayor claridad

Para ver más claramente en esta jungla de WordPress, aquí hay algunas explicaciones.

Tema de WordPress

WordPress necesita un tema para funcionar. Los temas determinan el aspecto de su sitio.

Hay muchos temas. Algunos son gratuitos (o freemium) y otros son premium.

Los temas gratuitos suelen ser limitados y por eso los usuarios prefieren utilizar temas de pago pero más ricos en posibilidades y características.

Constructor de páginas

Son "constructores de páginas".

Para ilustrar este punto, los constructores de páginas le permiten construir, ladrillo a ladrillo, el diseño de sus páginas o artículos.

Los creadores de páginas sólo actúan sobre la parte de "contenido " de su página (o entrada). Es decir, en la parte en la que se puede escribir = la misma parte que utiliza el editor de WordPress.

Para comprender mejor, le aconsejo que lea este artículo dedicado a los fundamentos del tema, el constructor de páginas y WordPress.

Constructor de temas

Los constructores de temas le permiten actuar sobre partes del sitio que no son accesibles mediante un constructor de páginas.

Por ejemplo, un constructor de temas actuará sobre el cabecera de su sitio weben el pie de página y en páginas especiales como los archivos de categorías, los archivos de productos, etc.

Esta es una función muy útil para conseguir un sitio totalmente personalizado.

TantoDivi como Elementor Pro tienen un constructor de temas (Elementor free no).

Lea este artículo que explica cómo funciona el constructor de temas Divi.

WooCommerce Builder

WooCommerce Builder es el término utilizado para los constructores de páginas que actúan sobre las fichas de producto de WooCommerce. Algunos constructores de páginas no permiten ser utilizados en productos de la tienda.

Divi Builder o Elementor Pro le permiten construir fichas de producto WooCommerce pero este no es el caso de Elementor Free.

Módulos

El término "módulo " se utiliza para describir los "pequeños ladrillos " disponibles para crear el diseño desde el Constructor Divi.

Para saber todo sobre módulos disponibles en el Constructor Divi, vaya aquí.

Modules Divi
Los módulos de Divi son los "ladrillos" que formarán su diseño

Widgets

El término " widget " es utilizado por WordPress para denominar a los pequeños elementos que pueden añadirse a una barra lateral o al pie de página, desde la pestaña Apariencia > Widgets.

Pero el término "widget" también es utilizado por Elementor para nombrar los "pequeños ladrillos " disponibles en el constructor.

Widgets Elementor
Los widgets de Elementor son los "ladrillos" que componen tu diseño

En otras palabras, los widgets de Elementor son el equivalente a los módulos de Divi.

Complementos

Se trata de funciones adicionales, a menudo proporcionadas por extensiones de terceros.

Estos complementos están disponibles como plugins, pero preferimos el término complementos porque no son funcionales si el "plugin padre" no está activo.

Hay complementos para Gutenberg (el editor de WordPress), para Divi y para Elementor.

Constructor Pop-Up

Un constructor de popups es una característica que permite crear PopUp con los Módulos o Widgets de un Constructor de Páginas.

Divi o Elementor Free no permiten esta función pero Elementor Pro sí.

Más información sobre el Constructor de PopUp de Elementor.

3.2 - Cuadro comparativo

Esta tabla le permitirá comparar rápidamente lo que se puede hacer con Divi o Elementor.

Constructor DiviElementor (gratuito)Elementor Pro
¿Necesita un tema?
Tema de elecciónTema DiviAstra, Neve, OceanWPTema Hola (gratuito)
Todos los temas compatibles ?La mayoría de ellos. La mayoría de ellos.
WooCommerce Builder ?No
Función de creación de temas ?No
Complementos gratuitos ?+++++++
Función Popup Builder?No. Uso PopUp para Divi (gratis).No
Construcción de back-office ?NoNo
Construcción de frontales ?

Estoy hablando de un "tema de elección" pero, por supuesto, puedes utilizar estos constructores de páginas en cualquier tema, excepto los incompatibles. El tema Hello es el tema propuesto por los desarrolladores de Elementor. ¿Te preguntas por qué no lo mencioné en la columna de Elementor gratis? Porque es un tema que necesita un Theme Builder para ser totalmente efectivo y la versión gratuita de Elementor no ofrece esta función. Lea mi reseña al respecto.

4 - Módulos vs. Widgets: ¿qué constructor de páginas es el más rico?

Pasemos a la parte más interesante de Pages Builder: la funcionalidad que proporcionan sus módulos o widgets.

Si quieres mi opinión, no es realmente el número lo que cuenta sino su utilidad y las opciones que se proponen con cada módulo (o widget). Porque un módulo sin muchas opciones de personalización suele ser poco interesante.

Por lo tanto, cada Page Builder incluye módulos que también contribuyen a su éxito.

4.1 - Módulos o widgets del constructor de páginas

Módulo - WidgetConstructor DiviElementor gratisElementor Pro
Acordeónxxx
Alerta0xx
Ancla del menú0xx
Titular animado00x
Llamada a la acción - Call to Actionx0x
Título del archivo00x
Archivo de correos00x
Audio - SoundCloudxxx
Caja de autor00x
Barra lateral - Colonne latéralexxx
Alternar - De un lado a otroxxx
Blog - Entradax0x
Cita en bloque00x
Caja de iconos0xx
Caja de imágenes0xx
Tiendax00
Botónxxx
Mapa - Google Mapxxx
Tarjeta de pantalla plegadax00
Búsqueda - Formulario de búsquedax0x
Código - HTMLxxx
Código de ancho totalx00
Código corto0xx
Comentarios - Publicar comentariosx0x
Contador de barras - Barra de progresoxxx
Contador circularx00
Contador de números - Contadorxxx
Temporizador de cuenta atrás - Cuenta atrásx0x
Cabecera a pantalla completax00
Imagen destacada00x
Sección interna0xx
Deslizador de artículosx00
Deslizador de artículos a todo lo anchox00
Slider de vídeo - Carrusel de mediosx0x
Slider Slide - Carrusel de imágenesxxx
Deslizador a pantalla completax00
Deslizador00x
Optar por el correo electrónicox00
Botón de Facebook00x
Comentarios en Facebook00x
Incrustaciones en Facebook00x
Página de Facebook00x
Caja de volteo0xx
Formulario de contactox0x
Galería xxx
Imagenxxx
Imagen de ancho completox00
Leer más0xx
Lista de iconos0xx
Menú - Menú de navegaciónx0x
Menú a pantalla completax00
Navegación posterior - Navegación posteriorx0x
Clasificación por estrellas0xx
Fichaxxx
Personax00
Carterax0x
Cartera filtrablex00
Cartera a pantalla completax00
Información sobre el puesto00x
Extracto del puesto00x
Resumen - Iconoxxx
Inicio de sesión - Inicio de sesiónx0x
Comentarios00x
Social Follow - Iconos de redes socialesxxx
Botón de compartir00x
Separador - Espaciadorxxx
Logotipo del sitio00x
Título del sitio00x
Mapa del sitio00x
Tableau des tarifs - Tabla de preciosx0x
Tabla de contenidos00x
Lista de precios00x
Texto - Editor de textoxxx
Título de la publicación/título de la páginax0x
Título del trabajo en pantalla completax00
Título (h2, h3, etc.)0xx
Testimonioxxx
Carrusel de testimonios00x
Plantilla00x
Vídeoxxx
Yoast BreadCrumbs00x
TOTAL473066

Esta tabla muestra que Elementor en la versión gratuita no ofrece algunos widgets esenciales (como la visualización de los últimos artículos). Esto significa que rápidamente se verá tentado a actualizar a la versión pro.

Esta tabla también muestra que Elementor Pro tiene una gran ventaja sobre los módulos integrados en el Constructor Divi: ¡casi veinte más!

Sin embargo, tenga en cuenta que algunas características son similares en las opciones de algunos módulos. El hecho de que falte un módulo o un widget no significa que no se pueda conseguir el mismo propósito.

Todo esto complica esta comparación Divi vs Elementor porque algunas características están entrelazadas. Si usas ambos constructores de páginas, sabes a qué me refiero...

4.2 - Los módulos o widget WooCommerce Builder

El Módulos de WooCommerce Builder de Divi sólo se activan si WooCommerce está instalado en su sitio. En cuanto a los widgets de WooCommerce de Elementor, sólo están disponibles en la versión pro.

Módulo - WidgetConstructor Divi Elementor Pro
Archivo de productos0x
Descripción del archivo0x
Woo Add to cart - Añadir a la cestaxx
Personalizado Añadir a la cesta0x
Aviso de la cesta Woo x0
Comentarios de Woox0
Descripción de Woo - Descripción brevexx
Galería Woox0
Imagen Woo - Imagen del productoxx
Woo Información adicional - Información adicionalxx
Woo Meta - Meta del productoxx
Woo Breadcrumbxx
Precio de Woo - Precio del productoxx
Productos relacionados con Woo - Productos relacionados con Wooxx
Valoración de Woo - Valoración del productoxx
Woo Stock - Stock de productosxx
Ficha Woo - Ficha de datos del productoxx
Woo Title - Título del productoxx
Woo Upsell - Upsellsxx
Menú de la cesta0x
Producto0x
Categoría de productos0x
Página de WooCommerce0x
TOTAL1620

Elementor Pro ofrece 4 widgets de WooCommerce adicionales en comparación con Divi. Tenga en cuenta que Divi también ofrece la misma funcionalidad de estos widgets que faltan pero como opciones incrustadas en otros módulos.

5 - Diseños para descargar: ¿Divi o Elementor?

Durante mucho tiempo, los temas y los creadores de páginas han ofrecido a sus usuarios la posibilidad de descargar diseños preconstruidos. Se denominan "diseños".

Estos diseños son especialmente útiles para los usuarios de WordPress que no tienen "inclinaciones artísticas" o no tienen tiempo que perder.

¿Cómo funciona? Los diseños son creados por diseñadores/artistas gráficos y puestos a disposición de los usuarios, que sólo tienen que hacer clic en un botón para importar la plantilla de diseño. Luego, los usuarios sólo tienen que modificar los textos, las imágenes y los colores.

Es más que mágico porque cualquiera podrá crear y diseñar su sitio en un instante.

Por este lado, Divi y Elementor Pro ofrecen una buena gama de diseños para descargar. La versión gratuita de Elementor es, por supuesto, menos rica que la versión pro.

5.1 - Diseños de Divi

Cuando activas el Constructor Divi (o Constructor Visual) en una página o artículo, aparece una pantalla que te sugiere el tipo de diseño que quieres:

Choisir la mise en page de Divi
Elija el diseño

Al elegir la opción "Elegir diseño", accederá a la biblioteca completa de diseños Divi.

Choix de Pack de Layout Divi
Elección del paquete de diseño de Divi

A continuación, puede elegir entre 1260 diseños divididos en 170 paquetes. Este número está en constante evolución, ya que Elegant Themes añade 1 nuevo paquete de diseños cada semana, es decir, más de 30 diseños al mes (cada paquete se compone de 7 a 9 diseños).

Pack Shop Divi
Ejemplo de Tienda Divi Pack: 7 diseños
Exemple Pack Agence Divi
Ejemplo de paquete de agencias Divi: 9 diseños

Cada paquete de diseño permite construir la mayoría de las páginas de un sitio con la misma armonía: inicio, contacto, blog, portafolio, tienda, etc.

Las imágenes importadas con estos diseños son libres de derechos y pueden ser utilizadas en sus proyectos comerciales.

5.2 - Diseños de Elementor

Al igual que Divi, Elementor permite importar diseños ya hechos.

Telecharger le Modele Elementor
Descargar el modelo de Elementor

Cuando actives Elementor en una de tus páginas o artículos, verás un pequeño icono gris. Si hace clic en él, accederá a la biblioteca de plantillas.

Layouts Elementor
Diseños disponibles en Elementor

Las plantillas se dividen en 2 categorías: Bloques o páginas.

Aquí, no existe la noción de "manada". Tendrá que buscar páginas que estén en armonía según su visual o su nombre. Por ejemplo: hotel, restaurante, agencia.

También verás una insignia roja que dice "pro". Esto significa que estos diseños sólo están disponibles en la versión pro de Elementor.

En cuanto a los "bloques", forman parte de un diseño. También podría llamarse sección de la página. De este modo, puede importar sólo partes de una página en lugar de todo el diseño.

Estos "bloques" se derivan en parte de los diseños propuestos en la sección "página".

Elementor ofrece 210 páginas + 340 bloques. Cuidado, estas cifras son para la versión pro. En la versión gratuita, sólo están disponibles algunos diseños.

5.3 - Comparación rápida en una tabla

Esta pequeña tabla le permite comparar rápidamente los diseños propuestos por Divi o Elementor:

DiviElementor Pro
Bloques (sección o parte de la página)0340
Páginas (diseño completo)1260210
Paquetes de diseño (7 a 9 diseños)1700

Si Divi es más pobre en módulos (widgets), lo compensa con su rico diseño.

6 - Características: ¿Divi o Elementor?

Además de módulos, widgets y diseños, Elementor y Divi ofrecen otras características.

Estos están directamente integrados en el constructor de páginas y no son necesariamente visibles a primera vista.

DiviElementor
(pro)
1 - Gestión de la bibliotecaxx
2 - Importación/Exportaciónxx
3 - Navegadorxx
4 - Modo de respuestaxx
5 - Historiaxx
6 - Elemento Globalxx
7 - Contenido dinámicoxx
8 - Integración en Gutenbergx0

Así pues, esta tabla muestra que los dos constructores de páginas son equivalentes en todos los puntos (o casi), al menos en las características más importantes que podemos esperar de un constructor de páginas.

Lea también : 8 funciones de Divi que deberías utilizar

6.1 - Gestión de la biblioteca

Divi y Elementor manejan perfectamente la funcionalidad de "biblioteca", cada uno a su manera, pero el resultado es el mismo.

La biblioteca de Elementor o Divi te permite almacenar secciones, módulos o incluso diseños enteros en un solo lugar para su uso posterior.

La biblioteca puede utilizarse como copia de seguridad y como almacén para ahorrar tiempo.

Biblioteca Divi

Para guardar un diseño en la Biblioteca Divi, simplemente haga clic en el icono de la "flecha en un círculo". Todo tu diseño se almacenará en la biblioteca.

Por supuesto, puede guardar módulos, secciones o líneas de la misma manera. No tienes que guardar todo el diseño.

Sauvegarder Dans Bibliotheque
Guardar en la biblioteca de Divi

Entonces encontrará estos elementos guardados en la Biblioteca Divi.

Bibliotheque Divi
Biblioteca Divi

Vaya a la pestaña Divi > Biblioteca Divi. Allí encontrará todas sus plantillas guardadas.

Modelo Elementor

La biblioteca de plantillas de Elementor se gestiona de la misma manera. Cuando quieras guardar un diseño en tus "plantillas", sólo tienes que hacer clic en el triángulo de la parte inferior izquierda. A continuación, seleccione la opción "guardar como plantilla".

Enregistrer Comme Modele
Guardar como plantilla

Le darás un nombre a tu diseño que luego encontrarás en Plantillas > Plantillas guardadas.

Bibliotheque Modèles Elementor
Biblioteca de plantillas de Elementor

¡Atención! Elementor envía esta biblioteca de plantillas a la indexación! Supongo que esto no es muy bueno para el SEO. Por lo tanto, asegúrese de configurar la biblioteca de plantillas de Elementor a NoIndex a través de su extensión SEO (como Yoast).

Más información sobre el Plantilla de la Biblioteca Elementor.

6.2 - Funcionalidad de importación/exportación

Divi y Elementor ofrecen una función de importación/exportación. Esto le permite exportar un diseño o sección de su sitio para importarlo a otro sitio.

O, a la inversa, puedes obtener un diseño externo e importarlo a tu sitio.

Esta función es simplemente genial y te ahorra mucho tiempo.

Más información importar/exportar con Divi.

6.3 - Navegar dentro de un diseño

Esta característica puede parecer trivial, pero no lo es. Las "capas" de Divi son el equivalente al "navegador" de Elementor.

Navigateur Layers Divi
Capas Divi para navegar rápidamente por las secciones del diseño
Navigateur Elementor
Navegador de Elementor para ver rápidamente la composición del diseño

En un abrir y cerrar de ojos, verás la composición de tu diseño. Esto es ideal para mover secciones en páginas largas.

Por supuesto, si nombras correctamente las secciones que componen tu diseño, te será más fácil reconocerlas dentro del navegador.

Sin embargo, no sé si esto es posible con Elementor (aún no he descubierto cómo nombrar una sección...).

6.4 - Gestión de la respuesta

Afortunadamente, Elementor como Divi te permiten actuar sobre el responsive de tu sitio.

Gestion Responsive Divi
Gestión responsiva de Divi
Responsive Elementor
Elementor responsivo

Sólo tienes que activar la vista que quieres controlar: escritorio, tableta o móvil.

Para saber más, lea esto guía de Responsive con Divi o el Documentación de Elementor.

6.5 - Gestión del historial

Todos tenemos derecho a equivocarnos, y tanto Divi como Elementor lo han entendido.

Podrá volver a las acciones posteriores si ha cambiado de opinión o se ha equivocado.

Historique Divi
Gestión del historial de acciones con Divi
Historique Elementor
Gestión del historial de acciones con Elementor

Tenga cuidado, si sale del constructor de páginas, el historial se pondrá a cero.

6.6 - Funcionalidad global de los elementos

Si necesita colocar elementos recurrentes dentro de sus artículos o páginas, puede ahorrar mucho tiempo con el funcionalidad del elemento global.

De este modo, se ahorrará tiempo en el momento de la inserción pero también en el momento de la actualización de este elemento (que se hará en todas las páginas que lo utilicen).

Más información sobre elementos globales Divi o el Elementos globales de Elementor.

6.7 - Contenido dinámico

El contenido dinámico es una función que permite convertir cualquier módulo (o widget) en un elemento dinámico que extrae su contenido de la base de datos.

Puede convertir cualquier elemento estático en un elemento dinámico que se actualice automáticamente cuando cambie su contenido conectado.

Divi o Elementor manejan esta característica que puede ser muy útil. Imagínese que su cliente decide cambiar el eslogan o incluso el título del sitio. Su contenido conectado a este elemento dinámico se actualizará en un instante.

Más información sobre elementos dinámicos de Divi o en el contenido dinámico de Elementor.

6.8 - Integración en Gutenberg

Esta característica sólo la ofrece Divi, y se llama Divi Layout Blocks. Es posible utilizar algunos módulos de Divi dentro de las páginas o entradas que utilizan el editor nativo de WordPress.

Esto es genial porque no tienes que habilitar el Constructor Divi en un artículo para sólo insertar uno o dos módulos.

Lea el artículo completo dedicado a Módulos Divi en Gutenberg.

7 - Elementor, Divi y UX: lo que amamos, lo que odiamos...

Los dos constructores de páginas que se presentan aquí son, en mi opinión, los mejores disponibles en este momento. Sin embargo, tienen aspectos buenos y malos. Digamos que el 100% perfecto aún no existe...

A menudo, es una historia de experiencia de usuario (UX).

Así que cuando me preguntan: "¿Recomiendas Divi o Elementor? "Siempre digo lo mismo: "Tienes que probar para ver qué herramienta te conviene más y se ajusta a tus necesidades ".

Porque, sí, no existe una respuesta preparada.

Es como preguntarle a un fotógrafo si es mejor ir con Canon o con Nikon. Al final ambos hacen lo mismo, ¿no? Ambos hacen fotos. Después, será la experiencia del usuario la que decida y la afinidad que tenga con la marca.

¿Se siente más cómodo con una u otra? Si no pruebas ambas cosas, ¿cómo puedes decidirte?

7.1 - Cuatro razones para adoptar Elementor

  1. Si lo desactivas, no deja ningún rastro en tu página, a diferencia de Divi.
  2. Algunas de las opciones de diseño que ofrecen algunos de los widgets de Elementor son muy interesantes. Estoy pensando en el carrusel de logotipos, las galerías de imágenes y los divisores de sección que tienen más opciones que el Separadores de Divi.
  3. Me encanta el widget de títulos animados. Más información sobre Titulares animados.
  4. Un ecosistema ha crecido rápidamente alrededor de Elementor (hablaremos de ello más adelante). Como resultado, encontrarás un montón de widgets adicionales (gratuitos o freemium) en el directorio oficial de WordPress.

7.2 - Cuatro razones para gritar con Elementor

  1. El panel de control permanece fijo a la izquierda de la pantalla. Si trabajas en un ordenador pequeño, el espacio que queda es el justo para entender la construcción. Para remediarlo, tendrás que añadir un complemento (plugin extra).
Panneau Elementor
  1. No podemos activar Elementor sobre la marcha cuando visitamos una página desde el front-end. Por lo tanto, nos vemos obligados a pasar por la administración de la página para activar el constructor. Este no es el caso de Divi, que ofrece ambas posibilidades.
  2. No hay opciones de visualización múltiple. Sólo puedes ver el diseño tal y como lo ves, a diferencia de Divi que ofrece varios modos de visualización (en cuadrícula, cableado, hover).
  3. Para salir del constructor, tendrá que hacer clic dos o tres veces para volver a la administración de la página (back-office). Simplemente no puedes salir del constructor en 1 clic (icono de hamburguesa en la esquina superior izquierda, luego "volver al editor de WordPress"). Es bastante molesto.

7.3 - Cuatro razones para adoptar Divi

  1. La multitud de diseños para descargar. La mayoría de ellos son muy creativos y son perfectos para proyectos de bajo presupuesto.
  2. La intuición y la UX del constructor. Seguro que cuando lo uses por primera vez estarás un poco perdido (como Elementor, por cierto) pero una vez que entiendas cómo funciona, es muy fácil personalizar secciones o módulos. La experiencia del usuario (UX) también es estupenda. Por ejemplo, el panel de opciones se puede mover a voluntad y no invade el ancho de la pantalla (este es sólo un ejemplo entre muchos otros).
Panneau Divi
  1. Hay muchostutoriales y recursos en la web sobre Divi. Se ha creado una gran comunidad en torno a esta herramienta. Al elegir este constructor, nunca se perderá. Seguramente encontrará una solución a su problema.
  2. Evolucionar o mejorar constantemente. Divi se actualiza unas 3 veces al mes e implementa una mejora o una nueva característica cada vez. Es tranquilizador elegir un tema o un constructor de páginas que evolucione según las necesidades y que sea mantenido seriamente por sus desarrolladores.

7.4 - Cuatro razones para criticar a Divi

  1. Las traducciones al francés no parecen nada. Tendrás que añadir un plugin para conseguir Divi en "buen" francés. Mejor aún, mantener Divi en inglés es una solución a considerar.
  2. El editor se carga dos veces. No siempre es así, pero es molesto cuando ocurre.
  3. Si desactiva Divi, quedarán muchos rastros en sus páginas. Tendrás que limpiar los shortcodes de Divi con un plugin.
  4. A veces, haces clic en un texto para modificarlo y el cursor se "barre". ¡Esto es molesto! Por lo tanto, es mejor editar el texto desde la configuración del propio módulo.

8 - Recursos, comunidad, regalos...

La comunidad de WordPress ya es "rica", en el fondo. Así que no es de extrañar que las "buenas herramientas" también sean valoradas y apoyadas por sus usuarios y desarrolladores de terceros.

Por cierto, Elementor y Divi tienen una buena comunidad.

8.1 - Comunidad Elementor

A pesar de que Elementor es más reciente, la comunidad lo apoya incondicionalmente. Basta con ver el número de complementos y plugins que están disponibles en el directorio oficial de WordPress. Habla por sí mismo.

Pero cuidado, la mayoría de estas extensiones son freemium. Sin embargo, ya hay mucho que hacer con las numerosas versiones gratuitas.

Tampoco caigas en la trampa de instalar decenas de extensiones adicionales sólo porque son "gratis". Esto podría tener un impacto en su sitio (ralentización, errores, conflictos, mayor riesgo de violaciones de seguridad).

8.2 - Comunidad Divi

Por parte de Divi, la comunidad está bien establecida desde hace años. Hay muchos sitios y mercados que ofrecen recursos gratuitos y de pago (Divi Den, Aspen Grove, Divi Cake, etc.). Encuentre la lista de estos sitios de recursos aquí.

Además de estos lugares, la comunidad también se encuentra en Encuentros oficiales de la Nación Divi. El movimiento cuenta con más de 6.500 miembros en 57 grupos de 20 países. Ve aquí para encontrar el Divi MeetUp más cercano a usted.

Recientemente, Divi anunció el lanzamiento de su MarketPlace para reunir todos los recursos de Divi, tanto gratuitos como de pago, en un solo lugar.

La idea es crear un directorio oficial de recursos Divi. Todavía no hay nada explícito y no sabemos si estos recursos estarán disponibles directamente desde el back-office de WordPress (como el directorio de temas y extensiones de WordPress) o si estarán integrados en el Divi Builder (como los diseños)... Leer esto artículo para saber más sobre Divi Marketplace o para presentarse como "diseñador".

Por último, encontrará algunos plugins gratuitos en el directorio oficial de WordPress pero los recursos disponibles aquí son del "pequeño comité". Descubre también 14 extensiones gratuitas de Divi.

9 - ¿Divi o Elementor? ¡Soy yo quien te hace la pregunta!

Bueno, como sabéis, tengo cierta debilidad por Divi, si no, no estaría escribiendo este blog...

Pero no siempre fue así. Al principio, me costó encontrar mis marcas y entender cómo domarlas para conseguir hacer páginas web bonitas con...

Es como todo lo demás, en realidad.

Cuando aprendiste a conducir por primera vez, no te sentiste cómodo... Pues con WordPress pasa lo mismo. Tanto si eliges Divi como Elementor, seguramente necesitarás algo de tiempo para adaptarte.

Una vez que domine una de estas dos herramientas, no podrá cambiarla. Este es el camino del ser humano...

Por eso vemos de todo en las redes sociales: ¡Arf Divi es una mierda! o Beurk Elementor es una mierda!

Simplemente porque estas personas tienen un hábito y no quieren cambiarlo. Y entonces, ¡la elección que hacen es obviamente la mejor!

Así que, para terminar, te contaré un pequeño secreto: utilizo Divi a diario para mis propios sitios y los de mis clientes. Sin embargo, no soy testarudo y Elementor forma parte de mi programa de formación en WordPress (en la FCC y en una organización de formación).

¿Por qué? Porque es un buen producto que tiene la ventaja de ofrecer una versión gratuita en el directorio oficial de WordPress.

Creo que es más justo no empujar a los estudiantes, a los que buscan trabajo o a los que se están reciclando a comprar un producto de primera calidad.

Por otro lado, si Elegant Themes propusiera una versión gratuita de Divi en el directorio oficial de WordPress, es esta herramienta la que propondría en mis formaciones, sin ninguna duda.

Ahora es tu turno de comentar.

Guide Divi Elementor
Divi ou Elementor : le Guide
Divi Elementor Ultimate Guide

5.722 palabras

23

A ti también te debería gustar:

Comment personnaliser le curseur de la souris sur votre site ?

¿Cómo personalizar el cursor del ratón en su sitio?

¿Desea un sitio personalizado hasta el último detalle? Tengo un tutorial rápido y fácil para ayudarle a personalizar el cursor del ratón en su sitio. De este modo, cuando sus visitantes pasen por encima de un enlace, el cursor estará totalmente personalizado.

40 Commentaires

  1. Delphine

    Une explication claire et transparente, ça fait plaisir !!! Pour ma part, je crise effectivement sur certains petits détails avec Divi mais il reste super intuitif et les astuces que l’on peut trouver sur le net (surtout sur vôtre site 😉) nous aide énormément ! Merci beaucoup pour vôtre aide au quotidien !!!

  2. Sylvain - Easy-IT

    Super article très complet.
    Pour ma part je suis Elementor depuis 2 ans environ.
    On est vite limité avec la version gratuite.
    Après il y a un truc que je n’ai pas réussi à faire avec Elementor (et qui m’a valu de belles crises de nerf) : quand les pages utilisent un modèle enregistré et que l’on met à jour le modèle dans la bibliothèque prévue, je n’arrive pas à mettre à jour les pages qui ont déjà intégré le modèle.
    Tu confirmes ou je m’y prends comme un manche ?

  3. jean-luc Robert

    Hello Lycia
    Je suis un utilisateur de DIVI depuis Juillet 2018, et en septembre de la même année j’ai commencé une formation DIVI, suivi d’une formation Avancée sur le site ElegantSchool. En plus je sais que Julien est en train de mettre à jour ça formation.
    Alors bien sûr pour moi je reste avec DIVI, au vu de l’investissement fait pour l’apprendre que ce soit en temps ou en argent.
    Mais je suis content que tu as fais ce comparatif, ça m’a permis de savoir qu’Elementor est certainement tout aussi bien et que peut-être un jour pourquoi pas l’utiliser aussi.

  4. Sharp M.

    Hi Lycia, you have performed a magnanimous feat to pull this all together.
    Now, I agree with your final conclusion, and it may be something Elegant Themes could broaden their base, but somehow I don’t see it would be sustainable with their business model.

    I recently became a Lifetime member of Elegant Themes, after seriously weighing up all the options; decided to let my multiple site Elementor Pro licence expire in favor of Divi. Why? Simple, because whatever Divi is lacking today, I am confident there is a serious commitment from the company to include the feature in future updates. e.g. not having a pop-up builder: it is easy enough to use a third-party plugin, or build the functionality myself from the powerful module features already there.

    Basically, I am not moving anywhere, because of the amazing support, pricing model, regular updates and they are constantly thinking of what we need in the builder. A perfect example, how they swept the market with the Theme Builder. This is a game changer and it just keeps getting better. Sure I have had to upgrade my hosting to meet the growing PHP resources, but since I only host WordPress and Divi, I could care less.

    Elementor on other hand, has a mean-spirited pricing model. Remember they pulled the unlimited license without warning and replaced it with a 1000 site limited plan. Quite tricky! When the background video on mobile just stopped working, they played dumb for months, telling us it was the browser. I have insane emails from their support staff to prove it, when they knew all along why it just stopped working. Finally, I tried to become an affiliate and got the most rude response you can imagine: one word response, rejected. When I complained they said I was not an influencer; OK, I hope that helps to balance your comparison. I think you need to compare the company, philosophy, and its support staff, rather than just compare the products. If you want to see the correspondence between Elementor, I am happy to share it with you privately.

    Thank you for taking the time to do this analysis and I am sure it will become a benchmark for feature lists and maybe get the attention of the two rivals.

  5. Jean-Luc Vandeweghe

    Encore un très bon éclairage. Merci bcp Lycia
    J’utilise Divi depuis 5 mois. J’en suis globalement satisfait, sauf pour le SEO.
    Par exemple, alors que les balises Title et Alt sont bien présentes sur mes images de la library Divi, ces balises sont absentes du paramétrage du module Image>Avancé>Attributs. Il faut donc les écrire à nouveau sinon le scan SEO signale systématiquement l’absence de ces balises.
    D’autres aspects me chagrinent encore un peu, mais c’est peut-être dû à mon manque d’expertise Divi.

  6. Santos Duval

    Merci pour ce comparatif très complet. N’étant pas professionnel mais ayant acheté Divi, je trouve que trouve que leur service client est réactif. Par contre ce qui m’agace (outre ma probable incompétence) c’est, dans le Front End, de ne pas pouvoir, au sein du même module « texte », modifier une partie du texte (l’aggrandir, le mettre en gras, souligner, changer sa couleur….etc) pour la mettre en exergue comme on peut faire dans Word ou Powerpoint

  7. Denis

    Joli comparatif, bien fouillé. Les deux produits sont très bons, mais pour l’instant, je suis content de DIVI et ne suis pas dans l’immédiat dans l’intention de changer. En effet, c’est comme tout mais il n’y a pas, pour ma part que l’habitude qui fasse que l’on ne change pas aussi facilement de logiciel. Pour appréhender un nouveau produit, il faut du temps pour le maitriser, et ça, c’est un vrai investissement. On est donc obligé de faire des choix. C’est un peu comme quand on utilise Lightroom et photoshop, on ne va pas changer demain pour Affinity à moins d’avoir un bon motif; c’est la même chose avec les tableurs, si on est déjà un utilisateur averti d’excel on ne va pas aller voir ailleurs comme ça du jour au lendemain.

  8. Lycia Diaz

    Hi Sharp !
    It’s great to have your return! Honestly, I have never had to deal with either of the two supports but from what I have seen everywhere, ElegantThemes Support seems to be of very good quality. For this article, the idea was not to disparage but to make it clear that the two tools are equivalent. And indeed, the philosophy of the company can tip the scales enormously. For me too, I don’t always look at the price and what matters most to me is the user experience (UX). What I found with Divi.

  9. Lycia Diaz

    Salut Sylvain ! Merci.
    Alors, je ne pourrais certainement pas répondre à ta question. Comme tu as pu t’en douter, je n’utilise pas très régulièrement Elementor.
    Mais c’est bizarre, quand même, ça devrait marcher.

  10. Lycia Diaz

    Merci Delphine !

  11. Lycia Diaz

    Merci Denis !
    Tout à fait d’accord !

  12. Lycia Diaz

    Merci Santos !
    Oui, effectivement ce n’est pas possible mais c’est pareil pour tous (je pense) : Gutenberg, Elementor, Divi. Ce que tu veux faire, c’est du CSS inline. Tu pourrais alors éditer ton texte en HTML et ajouter des < span > avec des classes ou dans des balises < style > pour relooker certaines parties de ton texte. https://www.codecademy.com/articles/html-inline-styles

  13. SHARP

    We are on the same page. Just wanted to look at all aspects of comparison.

  14. Julien

    Bonjour Lisa,

    J’ai commencé avec divi , je commence à me poser la question de changer de builder.

    Pour des gros projets je travaille avec Beaver Builder.

    Quand je vois la communauté qu’il y autour d’elementor et les plugins on se pose sérieusement la question à quand le changement 😬🤔👍

  15. SHARP Michael

    Je changerai quand il y a une fonctionnalité / fonctionnalité dans la portée des exigences du client, qui ne peut pas être réalisée sans pirater CSS ou un plugin dans mon builder / thème. Jusqu’à présent, cela ne s’est pas produit avec Divi Theme et Divi Builder.

  16. Lycia Diaz

    Yes ! I’m agree with you. Maybe my english is so bad 😉

  17. Lycia Diaz

    Yes, Divi give us a lot of solution to give satisfaction 😉

  18. SHARP Michael

    No, i understand your port’s for the article. My French is bad. 😁

  19. momo-fr

    Si tu veux des statistiques globales BuilWith en donne. Globalement Elementor est en passe de dépasser la base active de Divi sur le Web. Ce dernier reste très présent aux US et en Angleterre. En France les tendances sont aussi à un duel nul. Sachant que Pojo vient de lever 15M$ ça laisse augurer un bon coup de boost au développement d’Elementor. Il est dommageable que le theme builder pour Divi ai pris tant de temps (+18 mois).

  20. Lycia Diaz

    Merci Momo ! Oui, il s’est fait désirer !

  21. Robiniou

    Bonjour Lycia,
    Merci pour tous ces éléments et cette comparaison.
    Pour ma part je découvre cela car j’utilise plus TYPO3 et Magento (dans la cadre de mon travail) mais pour mon futur projet perso / pro Divi est dans la course 🙂

    Juste comme ça, et sauf erreur, dans ton point 8.1, tu notes :

    « Mais attention, la plupart de ces extensions sont freemiums. Toutefois, il y a déjà de quoi faire avec les nombreuses versions gratuites. »

    Ne voulais-tu pas écrire : « Mais attention, la plupart de ces extensions sont premiums. Toutefois, il y a déjà de quoi faire avec les nombreuses versions gratuites. »

    Bonne fin de journée.
    Robin

  22. Lycia Diaz

    Salut Robin,
    Bonne remarque !
    Premium = payantFree = gratuitFreemium = gratuit puis payant 😉
    En fait, rares sont les extensions gratuites. La plupart du temps, elles sont payantes mais proposent une version gratuite très « light ». C’est le cas d’Elementor. Divi est Premium alors qu’Elementor est Freemium. Tu vois l’idée ?
    C’est un peu comme les Apps de l’App Store (iPhone). Elles sont gratuites avec des « achats intégrés ». Chez WordPress, on parle de Gratuit, de Freemium et de Premium. En gros, Elementor propose des achats intégrés alors que Divi est payant dès le départ.
    Est-ce plus clair ?
    Je suppose que tu n’es pas le seul à t’être posé la question et tu as bien fait, j’aurais dû le préciser dans l’article.
    A bientôt
    Lycia

  23. ahmed chikh

    Revue logique.

  24. tipi

    Bjr Sylvain – Easy-IT sur 13 mars 2020 à 12:49
    « Après il y a un truc que je n’ai pas réussi à faire avec Elementor (et qui m’a valu de belles crises de nerf) : quand les pages utilisent un modèle enregistré et que l’on met à jour le modèle dans la bibliothèque prévue, je n’arrive pas à mettre à jour les pages qui ont déjà intégré le modèle.
    Tu confirmes ou je m’y prends comme un manche ? »
    As tu trouvé une réponse ??

  25. Enryo

    Bonjour,

    J’avoue avoir découvert ce site en menant une recherche sur Google de type « Je déteste Divi »…

    J’ai commencé avec Elementor, je suis novice en création de sites web (je n’en suis qu’à mon troisième…), mais j’ai du mal à comprendre comment on peut aimer l’interface utilisateur du Divi Builder ou plutôt, comment on peut la préférer à celle d’Elementor.

    J’imagine que je ne fais que gratter la surface et que le DB est plus poussé qu’Elementor, mais pour un néophyte, aucun doute possible, Elementor est beaucoup plus intuitif que le Divi Builder.

    Sans compter qu’avec ma connexion Internet de campagne, Elementor est super fluide alors que DB est lent à s’en taper la tête sur la table.

    En tout cas merci pour l’article, je garde votre site dans mes favoris, même si je pense que je ne reviendrai pas sur DB avant d’avoir beaucoup progressé dans mes compétences.

    Bonne continuation !

  26. Lycia Diaz

    Vous avez bien créé un Global Widget ? Tipi et Sylvain ? Regardez cette vidéo. (version pro uniquement, of course)

  27. Nicolas REGINSTER

    J’utilise Divi et elementor chez des clients différents et je trouve que elementor est vachement plus complet. Le seul point fort de divi pour moi et son prix plus attractif.

  28. cedlannoy

    Superbe cette article !
    Bravo
    Je serai curieux d’avoir la même comparaison en matière de SEO.
    Le poids des scripts, des css, la qualité du code, …

  29. Lycia Diaz

    Ah oui ! Bonne idée pour une prochaine mise à jour de l’article.

  30. modjo

    Merci, super comparatif

  31. Gentil

    Bravo super comparatif que je vais montrer à certains clients…

  32. Menelwen85

    Merci pour cette super analyse Lycia car je vais avoir l’opportunité de découvrir Elementor Pro (pour un site qui va bientôt être réalisé) et je voulais savoir ce qu’il apportait en plus (ou pas) par rapport à Divi que j’utilise depuis maintenant un an et grâce à ton Workbook ^^

    Et je dois pas être humaine alors car j’aime découvrir de nouvelles choses sans forcément prendre parti !

    (je mets en-dessous le lien vers un site que j’ai conçu, un de mes « bébés » en quelques sortes)

  33. Lycia Diaz

    Merci pour ton message Menelwen 😉 Oui, tu as raison, pas tout le monde est réfractaire à la nouveauté ! Pour le lien de ton site, je ne l’ai pas trouvé dans le commentaire. Tu as oublié de le mettre ?

  34. Lycia Diaz

    Merci Menelwen. Sympa le site !

  35. Kambro

    Merci pour cet article.
    Qu’en est-il pour l’avenir de chacun des constructeurs comparés : j’aurais une préférence pour celui qui a le plus de chance de durer.

  36. Lycia Diaz

    Salut Kambro, les deux ne sont pas prêt de disparaître 😉

  37. Kambro

    Merci pour votre réponse.

  38. Richard

    Pour ma part j’utilise Divi depuis maintenant pas loin de 2 ans je crois, j’ai également été amené à travailler avec Elementor pour un de mes client qui le préfère à Divi.

    Si je devais faire un comparatif très rapide je dirais que Divi est moins réactif qu’Elementor, c’est parfois très agaçant, il consomme énormément de RAM et plante régulièrement, à moins peut-être d’avoir une config de gamer de haut vol ? Divi n’utilise pas Flexbox (CSS) alors que la fonctionnalité est présente depuis plusieurs années maintenant, très stable et super fonctionnelle. C’est vraiment dommage !

    Pour Elementor, l’interface bien que très réactive, est moins bien « rangée » je trouve. On trouve difficilement certains réglages de style là ou Divi a très bien catégorisé ses paramétrages (malgré la traduction hasardeuse). J’ai l’impression également que les mises à jour causent plus souvent des bugs que sur Divi.

    Le theme builder de Divi est selon moi beaucoup plus pratique à utiliser. Encore une fois Divi gagne sur la clarté et Elementor sur la fluidité du builder.

    Elementor dispose de certaines options vraiment sympa comme le fait de pouvoir enregistrer des paramétrages de polices, gérer l’alignement très simplement (grâce à Flexbox) et est plus riche en modules que Divi.

    Mais clairement Divi garde ma préférence (pour l’instant) car il est très stable, nécessite très peu d’autres plugins pour faire un site vraiment bien et le thème Divi lié au builder rend le tout très efficace à la mise en place.

  39. Lycia Diaz

    Merci beaucoup Richard pour tes précisions. Je suis d’accord sur pas mal de points et notamment sur celui au sujet du Thème Builder qui est plus avancé sur Divi. Toutefois je ne suis pas sûre au sujet de la Flexbox. Je pense que Divi l’utilise dans son code, en tout cas, mais pas au niveau des options pour l’utilisateur. Il m’arrive de modifier le CSS de Divi et il n’est pas rare de tomber sur des propriétés de la Flexbox, d’où mes doutes à ce sujet… en tout cas, merci pour ton commentaire !

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Shares
Share This