Consejos Divi 92

Divi vs. Elementor: la guía final y objetiva!

Actualizado en 04/06/24

5444 palabras

19 minutos de lectura
41 comentarios

Este artículo contiene enlaces de afiliados reconocibles por el icono porcentaje (%) → Soy un enlace de afiliado

¿Divi o Elementor? He dudado mucho en participar en este tipo de artículo por dos razones:

  1. No quería tomar una posición entre dos herramientas competidoras.
  2. Este artículo representa un trabajo loco (+5200 palabras)...

Pero en vista de lo que encontré en la web, quería ofrecerle mi visión de esta guía integral porque por el momento, encontré sólo artículos "sobreadvertir" que no eran suficientemente objetivos o no lo suficientemente detallados.

Aquí, propongo un Battle Divi vs. Elementor Muy objetivo. Sólo comentaré en la conclusión...

Intentaré proponer un verdadero comparar Divi con Elementor, paso a paso y funcionalidad por funcionalidad. Voy a hablar de fortalezas y debilidades...

En resumen, la idea no es influir en ti sino ayudarte a elegir entre Divi y Elementor.

Sin embargo, lo que es comparable debe ser comparado! Así que este artículo presentará Versión Pro de Elementor porque versión gratuita no se puede comparar con DiviSe perdería por adelantado...

De todos modos, no perdamos más tiempo y vamos a entrar en la vida del sujeto...

1 – Divi o Elementor en unos pocos dígitos

Empecemos con una visión amplia de estas dos herramientas. Es bueno explicar el contexto para comprender mejor la continuación de este comparación Divi vs. Elementor.

1.1 – Algunas cifras sobre Divi

Divi es el tema insignia de la tienda temática de Temas Elegantes. Él ve la luz del día final del año 2013. El Divi Builder como un plugin independiente saldrá, en 2015.

Como usted puede saber, el tema Divi no debe confundirse con el Divi Builder. Estos son dos productos diferentes.

El Divi Builder es un constructor de páginasEs él quien será el sujeto de esta comparación con Elementor (no el tema Divi).

1.2 – Algunas cifras sobre Elementor

Elementor Es el mejor retador de Divi.

Lo que ha contribuido enormemente a su éxito: su versión gratuita – ya muy efectiva – está directamente disponible en el directorio oficial de plugins de WordPress. Este no fue el caso de la mayoría de las páginas de construcción del tiempo, a menudo disponible sólo en versión premium.

Así que en 2016, Elementor viene a cambiar el paisaje de páginas de construcción gratuitas ofreciendo un constructor muy prometedor y accesible para todos.

Tan pronto como sea lanzado, propone una construcción de página directamente en el front-end mientras sus competidores proponen una construcción de back-end o una construcción de back-end + frontal (de elección, que es el caso con Divi).

1.3 – Tabla de comparación y resumen

Gráficos actualizados el 3 de julio de 2020

Figuras al 3 de julio de 2020DiviElementor
Año de salidaTema: diciembre de 2013
Constructor : Oct 2015
Gratis : Mayo 2016
Pro: Dic 2016
Instalaciones activas (gratuitas)Versión gratuita:
5 millones
Pro licences sold702.000???
Número de empleados100131
5 estrellas 7078 comentarios 5 estrellas en 7317 (TrustPilot) o 97% satisfacción4930 opiniones 5 estrellas de 5308 (on WordPress) o 93% satisfacción

Cuando veas esoElementor ya tiene más de 5 millones de instalaciones activasPodría hacerte ruborizar. Temas elegantes con "sólo" 702.000 licencias vendidas. Y sin embargo, estos cifras no comparables !!!

De hecho, Las licencias Divi se venden por un número ilimitado de sitios que no nos permite conocer exactamente el número de sitios que usan Divi.

Imagínate. La licencia Divi se utiliza en un promedio de 10 sitios, lo que significa que Divi se utiliza en 7,2 millones de sitios.

Por ejemplo, yo mismo lo uso en unos veinte sitios y estoy lejos de tener la productividad de una agencia! Así que, esta figura, solo puedes imaginar...

2 – Divi vs. Elementor: ¿una historia de precio?

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

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

El licencias profesionales de estas dos páginas de construcción no funcionan de la misma manera. Una vez más, será difícil compararlos. Sus modelo de negocio es diferente y esto es también lo que puede cambiar el acuerdo, dependiendo de las necesidades que usted tendrá...

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

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

Divi AnnualDivi LifetimeElementor Pro
1 sitio$89 (cada año)$249 (sólo una vez)$49 (cada año)
1 sitio después de 10 años cuesta...890$249$490$
3 sitios$89 (cada año)$249 (sólo una vez)$99 (cada año)
3 sitios después de 10 años cuestan...890$249$990$
Entre 3 y 25 sitios$89 (cada año)$249 (sólo una vez)$199 (cada año)
25 sitios después de 10 años cuestan...890$249$1990$
Entre 26 y 100 sitios$89 (cada año)$249 (sólo una vez)499$
100 sitios después de 10 años cuestan...890$249$4990$
Entre 101 y 1000 sitios$89 (cada año)$249 (sólo una vez)999$
1000 sitios después de 10 años cuestan...890$249$9990$
Tema pro incluidoSí.Sí.No
Bono incluidoBloom + Monarca Bloom + MonarcaNo

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

Puedes verlo. las licencias anuales constituyen un presupuesto sustancial después de varios años, sea por Divi o Elementor.

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

El número de sitios que pueden crearse con una sola licencia también representa y aumenta el presupuesto a lo largo de los años.

Esto sugiere que si su trabajo es crear sitios para sus clientes, Divi es más ventajoso. Por el contrario, si necesita un constructor de páginas para su sitio personal, Elementor será más ventajoso durante los primeros 4 años (en caso de utilizar un tema gratis).

Para aprender más sobre las tarifas, propongo estos dos artículos:

3 – Tema, Theme Builder, Page Builder: ¡ayuda!

Si tú empezar con WordPress, sin duda tenías que documentarte sobre ello y tenías que conocer algún tipo de términos raros.

Cuando empezamos a descubrir el universo de temas y constructores de páginas, algunas palabras a menudo regresan: Tema, Page Builder, Theme Builder, Visual Builder, módulos, widgets, etc.

Entiendo que podemos perderlo!

3.1 – Glosario para ver más claramente

Para ver más claramente en esto WordPress selvaAquí hay algunas explicaciones.

Palabra Tema de prensa

WordPress necesariamente necesita un tema para trabajar. Estos son los temas que determinan la apariencia (diseño) de su sitio.

¡Hay muchos temas! Algunos gratis (o freemium) y otros Premium.

El Temas libres a menudo rebosan y por eso los usuarios prefieren utilizar temas pagados pero más ricos en posibilidades y características.

Builder Page

Estos son Construcción de páginas.

Para visualizar esto, las páginas de los constructores le permiten construir, ladrillo después del ladrillo, el diseño (capa) de sus páginas o artículos.

Páginas de construcción actuar sólo en la parte "contenido" desde su página (o artículo). En otras palabras, en la parte donde usted tiene el derecho de escribir = el mismo utilizado por el editor de WordPress.

Para entender mejor, le aconsejo que lea este artículo dedicado a los fundamentos del tema, la página de construcción y WordPress.

Theme Builder

Los temas de construcción permiten la acción en partes del sitio que no son accesibles usando un Editor de Páginas.

Por ejemplo, un tema del constructor actuará sobre el encabezado de su sitioa pie y en páginas especiales como archivos de categoría, archivos de productos, etc.

Es una característica muy útil para conseguir un sitio completamente personalizado.

Divi y Elementor Pro ambos tienen un tema de constructor (Elementor libre no tiene esta característica).

Lea este artículo que explica cómo Divi Builder El tema funciona.

WooCommerce Builder

WooCommerce Builder es el término utilizado para los constructores de páginas que actúan en Hojas de productos WooCommerce. Algunas páginas de constructor no permiten ser utilizadas en los productos de la tienda.

Divi Builder o Elementor Pro permitir construir hojas de productos WooCommerce Pero este no es el caso con Elementor Free.

Módulos

El término "modulo" se utiliza para describir "pequeños ladrillos" disponible para crear diseño desde el Divi Builder.

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

Módulos Divi
Los módulos Divi son los "bricks" que componen su diseño

Widgets

El mandato Widget es utilizado por WordPress para nombrar las pequeñas características que se pueden añadir en una barra lateral (bar lateral) o pie (pie), desde la pestaña Apariencia > Widgets.

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

Elementor Widgets
Elementor widgets son los "bricks" que componen su diseño

En otras palabras, Widgets de Elementor son los equivalentes de Módulos Divi.

Complementos

Estas son características adicionales, a menudo proporcionadas por extensiones de terceros.

Éstos complementos están disponibles como plugins pero preferimos el término complementos porque no son funcionales si el "ex plugin padre" no es activo.

Hay add-ons para Gutenberg (el editor de WordPress), Divi y Elementor.

Pop-Up Builder

Uno Popup builder es una característica que permite crear PopUps con módulos o Widgets de un Editor de Página.

Divi o Elementor Gratis no permite esta funcionalidad pero Elementor Pro Lo permite.

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

3.2 – Comparación como tabla

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

Divi BuilderElementor (gratuito)Elementor Pro
¿Necesitas un tema?Sí.Sí.Sí.
Focus*Tema DiviAstra, Neve, OceanWPHola tema (gratuito)
¿Todos los temas son compatibles?Sí.La mayoría. La mayoría.
WooCommerce Builder?Sí.NoSí.
¿Característica de Theme Builder?Sí.NoSí.
¿Adiciones gratis?+++++++
Función de Popup Builder?No, uso PopUp for Divi (gratis).NoSí.
¿Construcción de back-office?Sí.NoNo
¿Construcciones en Front-Office?Sí.Sí.Sí.

*Estoy hablando de "el tema de la elección" pero puedes, por supuesto, usar estos constructores de páginas en cualquier tema, excepto aquellos que son incompatibles. El Hola tema es el tema propuesto por los desarrolladores de Elementor. ¿Te preguntas por qué no lo cité en la columna del elementor gratis? Debido a que este es un tema que necesita un Tema Constructor para ser totalmente eficaz y la versión gratuita de Elementor no ofrece esta característica. Lea mi opinión sobre esto.

4 – Módulos vs. Widgets: ¿Cuál es la página de construcción más rica?

Ahora vamos a la parte más interesante de las páginas de Builder: las características traídas por sus módulos o widgets.

Si quieres mi opinión, no es realmente el número que cuenta sino más bien su utilidad y las opciones que se proponen con cada módulo (o widget). Debido a que un módulo sin muchas opciones de personalización es muy a menudo ininteresante.

Cada página Por lo tanto, el constructor embarca módulos que también contribuyen a su éxito.

4.1 – Módulos o widgets en la página del constructor

Módulo – WidgetDivi BuilderElementor GratisElementor Pro
Acuerdoxxx
Alerta0xx
Menú anchore0xx
Animated Headline00x
Call to Action – Call to Actionx0x
Archivo Título00x
Archive Post00x
Audio – SoundCloudxxx
Caja de autores00x
Barra lateral – columna lateralxxx
Atrás y adelantexxx
Blog – Postx0x
Bloqueo00x
Icon box0xx
Caja de imágenes0xx
Tiendax00
Buttonxxx
Mapa – Google Mapxxx
Tarjeta de pantalla Plinkx00
Search – Search Formx0x
Código – HTMLxxx
Código completox00
Código corto0xx
Comentarios – Comentarios de correox0x
Contralor de barras – Barra de progresoxxx
Circle counterx00
contador de números – Medidorxxx
Cuenta atrásx0x
Cabecera de pantalla completax00
Imagen Destacada00x
Sección interna0xx
Sliderx00
ancho completo deslizantex00
Slider Video – Media Carouselx0x
Slider – Imágenes de Carouselxxx
Pantalla completax00
Slider00x
Email optinx00
Facebook Button00x
Facebook00x
Facebook Embeds00x
Página00x
Flip Box0xx
Formulario de contactox0x
Galería xxx
Imagenxxx
Imagen en anchura completax00
Leer más0xx
Lista de iconos0xx
Menú – Menú Navx0x
Menú de pantalla completax00
Navegación de entradas – Navegación de entradasx0x
Valoración por estrella0xx
Tabxxx
Personax00
Portfoliox0x
Cartera de filtrosx00
Portafolio de pantalla completax00
Información de correos00x
Post Excerpt00x
Resumen – Iconxxx
Iniciar sesión – Iniciar sesiónx0x
Reseñas00x
Seguimiento social – iconos de medios socialesxxx
Button share00x
Separador – Spacerxxx
Sitio de Logo00x
Título del sitio00x
Mapa del sitio00x
Tabla de precios – Tabla de preciosx0x
Cuadro si contenido00x
Lista de precios00x
Texto – Editor de textoxxx
Título de posición - Título de publicación / Página de títulox0x
Título de la posición de pantalla completax00
Título (h2, h3, etc.)0xx
Testimonioxxx
Carrusel testimonial00x
Plantilla00x
Videoxxx
Yoast BreadCrumbs00x
Total473066

Esta tabla muestra que Elementor como versión libre no ofrece ciertos widgets necesarios (como la visualización de los últimos artículos). Esto significa que se te tentará rápidamente para cambiar a la versión profesional.

También podemos ver en esta imagen que Elementor Pro tiene una gran ventaja sobre los módulos incrustados en el Divi Builder: casi veinte más!

Sin embargo, tenga en cuenta que algunas características se incluyen en las opciones de algunos módulos. No es porque falta un módulo o widget que no sea posible alcanzar el mismo propósito.

Todo esto complica esto comparativa Divi vs Elementor porque precisamente, ciertas características interrelacionan. Si usas ambas páginas, sabes de lo que estoy hablando...

4.2 - Los módulos o widget de WooCommerce Builder

El módulos de Divi WooCommerce Builder son activos sólo si WooCommerce está instalado en su sitio. En lo que respecta a widgets de WooCommerce de Elementor, sólo están disponibles en la versión pro.

Módulo – WidgetDivi Builder Elementor Pro
Archivo Producto0x
Descripción del archivo0x
Woo Add to Cart – Add-to-cartxx
Aduanas Add to Cart0x
Woo Cart Notice x0
Woox0
Woo Descripción – Descripción cortaxx
Woo Galleryx0
Imagen de lana – Imagen del productoxx
Woo Información adicional – Información adicionalxx
Woo Meta – Producto Metaxx
Woo Breadcrumbxx
Precio de lana – Precio del productoxx
Productos relacionados de lana – Productos relacionadosxx
Woo Rating – Product Ratingxx
Woo Stock – Stock de productosxx
Tab de lana – Tab de datos del productoxx
Título de lana - Título del productoxx
Woo Upsell – Upsellsxx
Menú del carrito0x
Producto0x
Categoría del producto0x
WooTrade Page0x
Total1620

Elementor Pro ofrece 4 widgets WooCommerce adicionales en comparación con Divi. Tenga en cuenta que Divi también ofrece las mismas características que estos widgets desaparecidos pero en forma de opciones incrustadas en otros módulos.

5 - Los diseños para descargar: Divi o Elementor?

Durante mucho tiempo, los temas y páginas de construcción han ofrecido a sus usuarios descargar diseños preconstruidos. Esto es lo que llamamos "fuentes".

Estos diseños ayudan especialmente a los usuarios de WordPress que no tienen "fibra de arte" o que no tienen tiempo para perder.

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

Es más que magia porque cualquiera será capaz de crear y diseñar su sitio en un flash.

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

5.1 – Los diseños de Divi

Cuando activa el Divi Builder (o el Editor Visual) en una página o artículo, una pantalla parece ofrecerle el tipo de diseño que desea:

Elija el diseño de Divi
Seleccionar diseño

Al elegir la opción "Seleccionar diseño", se accede a la biblioteca completa de Divi diseños.

Elección del paquete Divi de diseño
Elección del paquete Divi de diseño

Entonces puedes elegir entre 1260 diseños en 170 paquetes. Esta figura está en constante evolución desde los Temas Elegantes añadir 1 nuevo paquete de distribución cada semana, más de uno 30 diseños por mes (Cada paquete consta de 7 a 9 diseños).

Pack Shop Divi
Ejemplo Tienda Divi: 7 diseños
Ejemplo Divi Agency Pack
Ejemplo Divi Agency Pack: 9 diseños

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

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

5.2 - Elementos del Elementor

Como Divi, Elementor le permite importar diseños todo listo.

Descargar modelo Elementor
Descargar Elementor Model

Cuando activa Elementor en una de sus páginas o artículos, verá un pequeño icono gris. Al hacer clic en él, accederá a la biblioteca de plantillas.

Disposiciones Elementor
Diseños disponibles en Elementor

Los modelos se dividen en 2 categorías: Bloques o páginas.

Aquí, no concepto de "paquete". Entonces tendrá que buscar las páginas que están en armonía basadas en su visual o nombre. Por ejemplo: hotel, restaurante, agencia.

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

En cuanto a "blocks", es parte de un diseño. También podría llamarse sección de página. Por lo tanto, usted puede importar sólo algunas partes de una página en lugar de la distribución completa.

Estos "blocks" vienen en parte de los diseños propuestos en la sección "página".

Elementor ofrece 210 páginas + 340 bloques. Tenga cuidado, estos números corresponden a la versión pro. Como versión gratuita, sólo hay algunos diseños disponibles.

5.3 - Comparación rápida en una tabla

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

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

Si Divi es más pobre en módulos (widgets), se pone al día con su rica disposición.

6 - Características: Divi o Elementor?

Aparte de módulos, widgets y diseños, Elementor y Divi ofrecer otras características.

Estos están directamente integrados en la página del constructor y no son necesariamente visibles a primera vista.

DiviElementor
(pro)
1 – Gestión de bibliotecasxx
2 – Importación/Deportexx
3 – Navegadorxx
4 – Modo responsablexx
5 – Antecedentesxx
6 – Element Globalxx
7 – Contenido dinámicoxx
8 – Integración en Gutenbergx0

Esta tabla muestra que las dos Páginas de Constructores son equivalentes en todos los aspectos (o casi), al menos en las características más importantes que se puede esperar de un constructor de página!

Lee también: 8 Divi características que debe utilizar!

6.1 – Gestión de bibliotecas

Divi y Elementor gestionar perfectamente la funcionalidad de "libración", cada una a su manera, pero el resultado es el mismo.

La biblioteca Elementor o Divi permite almacenar en una ubicación determinada, secciones, módulos o incluso diseños completos para uso posterior.

La biblioteca se puede utilizar como respaldo y almacenamiento para ahorrar tiempo.

Biblioteca Divi

Para guardar una plantilla en la Biblioteca Divi, sólo haga clic en el icono de la "flecha en un círculo". Su diseño completo se almacenará en la biblioteca.

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

Guardar en la biblioteca
Guardar en la biblioteca Divi

Luego encontrará estos artículos guardados en la Biblioteca Divi.

Librarian Divi
Biblioteca Divi

Vaya a la pestaña Bibliothèque Divi. Encontrarás todos tus modelos registrados.

Modelo Elementor

El biblioteca de modelos de Elementor se administra de la misma manera. Cuando quieras guardar un diseño en tu "Modelos", haga clic en el triángulo en la parte inferior izquierda. Luego seleccione la opción "Guardar como modelo".

Guardar como modelo
Guardar como plantilla

Usted dará un nombre a su diseño que usted encontrará en Modelos Registrado Modelos.

Modelos de Elementor de Biblioteca
Biblioteca de Modelos Elementales

¡Ten cuidado! Elementor envía esta biblioteca modelo en indexación! Supongo que esto no es muy bueno para SEO. Asegúrate de poner la biblioteca de modelos Elementor en No Index a través de su extensión SEO (como Yoast).

Más información sobre el Plantilla Librería de Elementor.

6.2 – Función de importación/exportación

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

O viceversa, puede recuperar un diseño externo e importar en su sitio!

Esta característica es simplemente genial y te ahorra mucho tiempo.

Aprender más acerca de importación/exportación con Divi.

6.3 - Navegación dentro de un diseño

Esta característica puede parecer inútil, pero no lo es. Las "capas" para Divi es equivalente al "browser" para Elementor.

Capillas Divi Browser
Capas Divi para navegar rápidamente dentro de las secciones de diseño
Elementor Browser
Elementor navegador para ver rápidamente la composición del diseño

En un abrir y cerrar de ojos, visualizará la composición de su diseño. Es ideal para mover ciertas secciones en páginas largas.

Por supuesto, si usted nombra correctamente las secciones que componen su diseño, será más fácil reconocerlas dentro del navegador.

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

6.4 – Gestión responsable

Afortunadamente, Elementor como Divi permite actuar en la respuesta de su sitio.

Management Responsive Divi
Management Responsive Divi
Elemento responsable
Elemento responsable

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

Para más información, vea esto Guía para responder con Divi o documentación para Elementor.

6.5 – Gestión de Historia

¡Todos tenemos derecho a cometer un error, y Divi como Elementor entendió!

Usted puede regresar a acciones posteriores si usted ha cambiado de opinión o en caso de error.

Historia Divi
Gestionar la historia de compartir con Divi
Elemento de antecedentes
Gestionar la historia de compartir con Elementor

Tenga cuidado, si deja el constructor de páginas, la historia volverá a cero.

6.6 - Función del elemento global

Si necesita colocar artículos recurrentes dentro de sus artículos o páginas, puede ahorrar tiempo loco gracias a los Función del elemento mundial.

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

Aprender más acerca de Elementos mundiales Divi o Elementor Global Elements.

6.7 - Contenido dinámico

El Contenido dinámico es una característica que le permite transformar 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 actualiza automáticamente cuando se cambia su contenido conectado.

Divi o Elementor administrar esta característica que puede ser muy útil para usted. Imagínese si su cliente decide cambiar el tagline o incluso el título del sitio web! ¡Su contenido conectado a este elemento dinámico será actualizado en un instante!

Aprender más acerca de elementos dinámicos de Divi o en contenido dinámico por Elementor.

6.8 – Integración en Gutenberg

Esta característica es ofrecida sólo por Divi, estos son Bloques Divi Layout. Es posible utilizar algunos módulos Divi dentro de páginas o artículos que utilizan el editor nativo de WordPress.

Esto es muy interesante porque no tienes que activar el Divi Builder en un elemento para insertar simplemente uno o dos módulos.

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

7 – Elementor, Divi & UX: lo que amamos, lo que odiamos...

Las dos páginas de construcción aquí presentadas son, en mi opinión, las mejores que se están haciendo ahora mismo. Sin embargo, tienen buenos y malos lados. Digamos que el 100% perfecto aún no existe...

A menudo, es un historial de experiencia de usuario (UX).

Así que cuando me pregunten, "Me defiendes Divi o Elementor ? »Siempre digo lo mismo: "debes tratar de ver que herramienta mejor se adapte a usted y sus necesidades« .

Porque, sí, la respuesta lista no existe.

¿Es como si le preguntaras a un fotógrafo si es mejor elegir a Canon o Nikon? Ambos hacen lo mismo, al final, ¿verdad? Ambos tomen fotos. Entonces es Experiencia de usuario que cortará y afinidad que tienes con la marca.

¿Estás más cómodo con uno u otro? Si no intentas ambos, ¿cómo haces tu propia opinión?

7.1 – Cuatro razones para adoptar Elementor

  1. Si lo deshabilitas, no deja rastros en tu página, a diferencia de Divi.
  2. Algunas de las opciones de diseño ofrecidas por algunos de los widgets de Elementor son muy agradables. Estoy pensando, por ejemplo, en el carrusel de los logotipos, las galerías de imágenes y los separadores de secciones que tienen más elección que el dividores divisores.
  3. Me encanta el widget de encabezado animado. Aprender más acerca de Animated Headlines.
  4. Un ecosistema creció rápidamente alrededor de Elementor (hablamos más tarde). Como resultado, usted encontrará muchos widgets adicionales (libre o freemiums) en el directorio oficial de WordPress.

7.2 – Cuatro razones para la crisis con elementor

  1. Panel de control permanece fijo a la izquierda de la pantalla. Si trabajamos en una pequeña computadora, el espacio restante es sólo para entender la construcción. Para remediar esto, agregue un add-on (además adicional).
Elementor panel
  1. No podemos activar Elementor en la mosca. Cuando visitas una página desde el front-end. Así que tenemos que pasar por la administración de página para activar el constructor. Este no es el caso con Divi que ofrece ambas posibilidades.
  2. No hay muchas opciones de visualización. El diseño sólo se puede ver como se ve, a diferencia de Divi que ofrece varios modos de visualización (en rejilla, cableado, buceador).
  3. Para dejar el fabricante, tendrá que hacer clic dos o tres veces para volver a la oficina trasera. Simplemente no podemos dejar el constructor en 1 clic (el icono de la hamburguesa en la parte superior izquierda, luego "regresar 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. Intuición y UX del constructor. Es seguro que cuando lo utilizas por primera vez, estarás un poco perdido (como Elementor, en otro lugar) pero tan pronto como entiendas cómo funciona, es muy fácil personalizar secciones o módulos. La experiencia del usuario (UX) también está en la cita. Por ejemplo, el panel de opciones es moveble como se desee y no se arrastre en el ancho de la pantalla (esto es sólo un ejemplo entre tantos).
Panel Divi
  1. Hay un montón de tutoriales y recursos en la web que tratan con Divi. Una gran comunidad nació alrededor de esta herramienta. Al elegir este constructor, nunca se perderá! Sin duda encontrará una solución a su problema.
  2. Evolución o mejora constantes. Divi actualiza alrededor de 3 veces al mes e implementa cada vez una mejora o nueva característica. Es tranquilizador elegir un tema o página de construcción que evoluciona según las necesidades y se mantiene seriamente por sus desarrolladores.

7.4 - Cuatro razones para la crisis con Divi

  1. ¡Las traducciones en francés no parecen nada! Usted necesitará añadir un plugin para conseguir Divi en francés "bueno". Mejor aún, mantener Divi en inglés es una solución a considerar.
  2. El editor se encarga dos veces. Este no es siempre el caso, pero es molesto cuando sucede.
  3. Si deshabilita Divi, muchos rastros permanecerán en sus páginas. Entonces será necesario. limpio Códigos cortos Divi con un plugin.
  4. A veces se hace clic en un texto para editarlo y el cursor "barras". ¡Es molesto! Por lo tanto, es mejor editar el texto desde la configuración del propio módulo.

8 – Recursos, comunidad, novatos...

Ya, la comunidad de WordPress es "rico", en la base. Así que no es sorprendente que las "buenas herramientas" también sean populares y apoyadas por sus usuarios y desarrolladores de terceros.

Además Elementor y Divi tienen una hermosa comunidad.

8.1 – Comunidad Elementor

Aunque Elementor es más reciente, la comunidad lo apoya plenamente! Hay un caso de ver el número complementos y plugins que están disponibles en el directorio oficial de WordPress. Está hablando de sí mismo.

Pero ten cuidado, la mayoría de estas extensiones son freemiums. Sin embargo, ya hay algo que ver con las muchas versiones gratuitas.

No caiga en la trampa, tampoco, para instalar docenas de extensiones adicionales sólo porque son "libres"! Esto podría tener un impacto en su sitio (cinta roja, fallos, conflictos, mayor riesgo de incumplimientos de seguridad).

8.2 – Comunidad Divi

En el lado Divi, la comunidad ha estado bien establecida durante años. Hay un montón de sitios web y mercados que proponen recursos libres y pagados (Divi Den, Aspen Grove, Divi Cake, etc.). Encontrar la lista de estos sitios de recursos aquí.

Más allá de estos sitios, la comunidad también se encuentra en Reuniones oficiales "Nación Divi". El movimiento cuenta más que 6500 miembros on 57 grupos y dentro 20 países. Nos vemos aquí para encontrar a MeetUp Divi más cercano a ti.

Más recientemente, Divi formalizó el futuro lanzamiento de su MarketPlace para recoger en el mismo lugar todos los recursos Divi, lo que sea gratuito o pagado.

La idea es crear un Directorio Oficial de Recursos Divi. Nada es aún explícito y no se sabe si estos recursos estarán disponibles directamente desde la oficina posterior de WordPress (como el directorio de temas y extensiones de WordPress) o si serán incrustados en el Divi Builder (como diseños)... Lea esto artículo para aprender más sobre Divi Marketplace o para aplicar como "creador".

Finalmente, encontrarás algunos plugins gratis en el directorio oficial de WordPress Pero los recursos disponibles aquí son "el pequeño comité". También descubrir 14 gratis Extensiones Divi.

9 – Divi o Elementor? ¡Te estoy haciendo la pregunta!

Bueno, ya sabes, tengo un poco de inclinación por Divi, de lo contrario, no tendría este blog...

¡Pero este no siempre ha sido el caso! Al principio, me costó encontrar mis marcas y entender cómo domarlo para tener éxito en hacer buenos sitios web con...

¡Es como todo, en realidad!

Cuando aprendiste a conducir, no estabas cómodo al principio... Bueno con WordPress, es lo mismo. Que elegiste Divi o Elementor, necesariamente necesitará tiempo para adaptarse.

Una vez que dominas una de estas dos herramientas, ya no puedes cambiarlas. Es el ser humano lo que se hace así...

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

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

Para concluir, te diré un pequeño secreto: Uso Divi diariamente para mis propios sitios y los de mis clientes. Por otro lado, no estoy obligado y es Elementor quien es parte de mi programa de entrenamiento de WordPress (en FCC y en organización de entrenamiento).

¿Por qué? Debido a que 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 solicitantes de empleo o a las personas sometidas a reentrenamiento para comprar un producto premium.

Por otro lado, si Elegant Themes propuso una versión gratuita de Divi en el directorio oficial de WordPress, es esta herramienta que propongo en mis entrenamientos, sin duda alguna.

¡Ahora es tu turno, en comentario!

Divi Elementor Guide
Divi o Elementor: la Guía

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256
¡Descubre mi plugin wpLingua que hace que sus sitios web de WordPress sean multilingües ! Compatible con SEO / Automático / Editable

41 comentarios

  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 !

  40. zone tuto

    Génial ce comparatif, j’avais vraiment du mal à me décider et je vais donc aller sur Divi

Presentar un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios se indican con *

Este sitio utiliza Akismet para reducir indeseables. Más información sobre cómo se utilizan sus datos de retroalimentación.