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

¿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 hasta ahora sólo he encontrado artículos "demasiado publicitarios" y poco objetivos o detallados.

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

Intentaré ofrecer una comparación real de Divi contra Elementor, paso a paso y característica a característica. 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 mismo con lo mismo! 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...

Aviso: 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 será lanzado en 2015.

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

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

1.2 - Algunas cifras sobre Elementor

Elementor es el mejor contrincante de Divi.

Lo que ha contribuido en gran medida a su éxito: su versión gratuita -ya muy eficaz- está disponible directamente 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 está cambiando el panorama de los constructores de páginas gratuitos ofreciendo un constructor muy prometedor y accesible para todos.

Nada más salir al mercado, propuso una construcción de página front-end mientras que sus competidores proponían una construcción 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 3 de julio de 2020	Divi	Elementor
Año de publicación	Tema: diciembre de 2013 Constructor: octubre de 2015	Gratis: mayo de 2016 Pro: Dic. 2016
Instalaciones activas (gratuitas)	-	Versión gratuita : 5 millones de euros
Licencias Pro vendidas	702.000	???
Número de empleados	100	131
Revisión de 5 estrellas	7078 opiniones de 5 estrellas de un total de 7317 (TrustPilot) o el 97% de satisfacción	4930 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, esto 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 puede ser imaginada...

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

Ahora que sabemos un poco más sobre la historia de las dos extensiones, 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, le sugiero esta tabla:

	Divi Anual	Divi Lifetime	Elementor Pro
1 sitio	89 (cada año)	249 (una sola vez)	49 (cada año)
1 sitio después de 10 años cuesta...	890$	249$	490$
3 sitios	89 (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 emplazamientos	89 (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 sitios	89 (cada año)	249 (una sola vez)	499$
100 sitios después de 10 años cuestan...	890$	249$	4990$
Entre 101 y 1000 sitios	89 (cada año)	249 (una sola vez)	999$
1000 sitios después de 10 años cuestan...	890$	249$	9990$
Tema Pro incluido	Sí	Sí	No
Bonificación incluida	Bloom + Monarca	Bloom + Monarch	No

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

Está claro que las licencias anuales constituyen un presupuesto importante al cabo 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 a partir 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 usted está en el negocio de la creación de 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 (si usas un tema gratuito).

Para saber más sobre los aranceles, sugiero estos dos artículos:

• Precios de las licencias de Divi
• ¿Cuánto cuesta Elementor Pro?

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 puede ser confuso.

3.1 - Glosario para mayor claridad

Para aclarar las cosas en esta jungla de WordPress, he aquí algunas explicaciones.

Tema de WordPress

WordPress necesita un tema para funcionar. Los temas determinan el aspecto y la sensación (diseño) 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 que son 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 funcionan en la parte del 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 entenderlo 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.

Se trata de una función muy útil para conseguir un sitio completamente personalizado.

TantoDivi como Elementor Pro tienen un constructor de temas (Elementor Free no tiene esta característica).

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

Widgets

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 ventanas emergentes es una característica que le permite crear PopUp's con los Módulos o Widgets de un Constructor de Páginas.

Divi o Elementor Free no permiten esta funcionalidad 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 Divi	Elementor (gratuito)	Elementor Pro
¿Necesita un tema?	Sí	Sí	Sí
Tema favorito	Tema Divi	Astra, Neve, OceanWP	Tema Hola (gratuito)
¿Todos los temas compatibles?	Sí	La mayoría de ellos.	La mayoría de ellos.
WooCommerce Builder ?	Sí	No	Sí
Función de creación de temas ?	Sí	No	Sí
Complementos gratuitos ?	+	+++	+++
Función Popup Builder ?	No. Uso PopUp para Divi (gratis).	No	Sí
Construcción de back-office ?	Sí	No	No
¿Construcción de la oficina principal?	Sí	Sí	Sí

*Digo "tema de elección" pero puedes, por supuesto, 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 preguntarás 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 sobre este tema.

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: las funcionalidades que proporcionan sus módulos o widgets.

En mi opinión, no es realmente el número lo que cuenta, sino su utilidad y las opciones que vienen con cada módulo (o widget). Porque un módulo sin muchas opciones de personalización carece en su mayoría de interés.

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 - Widget	Constructor Divi	Elementor Gratis	Elementor Pro
Acordeón	x	x	x
Alerta	0	x	x
Ancla del menú	0	x	x
Titular animado	0	0	x
Llamada a la acción - Call to Action	x	0	x
Título del archivo	0	0	x
Archivo de correos	0	0	x
Audio - SoundCloud	x	x	x
Caja de autor	0	0	x
Barra lateral - Colonne latérale	x	x	x
Balancín - De ida y vuelta	x	x	x
Blog - Entrada	x	0	x
Blockquote	0	0	x
Caja de iconos	0	x	x
Caja de imágenes	0	x	x
Tienda	x	0	0
Botón	x	x	x
Mapa - Google Map	x	x	x
Tarjeta de pantalla plegada	x	0	0
Búsqueda - Formulario de búsqueda	x	0	x
Código - HTML	x	x	x
Código de ancho total	x	0	0
Código corto	0	x	x
Comentarios - Publicar comentarios	x	0	x
Contador de barras - Barra de progreso	x	x	x
Contador circular	x	0	0
Contador de números - Contador	x	x	x
Cuenta atrás - Compteur à rebours	x	0	x
Cabecera a pantalla completa	x	0	0
Imagen destacada	0	0	x
Sección interna	0	x	x
Artículo deslizante	x	0	0
Deslizador de artículos a todo lo ancho	x	0	0
Slider de vídeo - Carrusel de medios	x	0	x
Slider Diapo - Carrusel de imágenes	x	x	x
Deslizador a pantalla completa	x	0	0
Deslizador	0	0	x
Optar por el correo electrónico	x	0	0
Botón de Facebook	0	0	x
Comentarios en Facebook	0	0	x
Incrustaciones en Facebook	0	0	x
Página de Facebook	0	0	x
Caja de volteo	0	x	x
Formulario de contacto	x	0	x
Galería	x	x	x
Imagen	x	x	x
Imagen de ancho completo	x	0	0
Leer más	0	x	x
Lista de iconos	0	x	x
Menú - Menú de navegación	x	0	x
Menú a pantalla completa	x	0	0
Navegación posterior - Navegación posterior	x	0	x
Clasificación por estrellas	0	x	x
Ficha	x	x	x
Persona	x	0	0
Cartera	x	0	x
Cartera filtrable	x	0	0
Cartera a pantalla completa	x	0	0
Información sobre el puesto	0	0	x
Extracto del puesto	0	0	x
Resumen - Icono	x	x	x
Inicio de sesión - Inicio de sesión	x	0	x
Comentarios	0	0	x
Social Follow - Iconos de redes sociales	x	x	x
Botón de compartir	0	0	x
Divisor - Separador	x	x	x
Logotipo del sitio	0	0	x
Título del sitio	0	0	x
Mapa del sitio	0	0	x
Tableau des tarifs - Tabla de precios	x	0	x
Tabla de contenidos	0	0	x
Lista de precios	0	0	x
Texto - Editor de texto	x	x	x
Título de la publicación / Título de la página	x	0	x
Título del trabajo en pantalla completa	x	0	0
Título (h2, h3, etc.)	0	x	x
Testimonio	x	x	x
Carrusel de testimonios	0	0	x
Plantilla	0	0	x
Vídeo	x	x	x
Yoast BreadCrumbs	0	0	x
TOTAL	47	30	66

Esta tabla muestra que Elementor en su 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.

La 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 funcionalidades se encuentran 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 de las características están entrelazadas. Si usas ambos constructores de páginas, sabes a qué me refiero...

4.2 - Módulos o widgets de WooCommerce Builder

El Módulos de WooCommerce Builder de Divi sólo están activos si WooCommerce está instalado en su sitio. Los widgets de WooCommerce de Elementor sólo están disponibles en la versión pro.

Módulo - Widget	Constructor Divi	Elementor Pro
Producto de archivo	0	x
Descripción del archivo	0	x
Woo Add to cart - Añadir a la cesta	x	x
Personalizado Añadir a la cesta	0	x
Aviso de la cesta Woo	x	0
Comentarios de Woo	x	0
Descripción de Woo - Descripción breve	x	x
Galería Woo	x	0
Imagen Woo - Imagen del producto	x	x
Woo Información adicional - Información adicional	x	x
Woo Meta - Meta del producto	x	x
Woo Breadcrumb	x	x
Precio de Woo - Precio del producto	x	x
Productos relacionados con Woo - Productos relacionados con Woo	x	x
Valoración de Woo - Valoración del producto	x	x
Woo Stock - Stock de productos	x	x
Ficha Woo - Ficha de datos del producto	x	x
Woo Title - Título del producto	x	x
Woo Upsell - Upsells	x	x
Menú de la cesta	0	x
Producto	0	x
Categoría de productos	0	x
Página de WooCommerce	0	x
TOTAL	16	20

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 son "artísticos" o no tienen tiempo que perder.

¿Cómo funciona? Los diseños son creados por diseñadores/artistas gráficos y se ponen 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 puede crear y diseñar su sitio en un instante.

En este sentido, 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 un artículo, aparece una pantalla que te sugiere el tipo de diseño que quieres:

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

A continuación, puede elegir entre 1.260 diseños divididos en 170 paquetes. Esta cifra 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).

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.

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

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

Aquí no existe la noción de "manada". Deberá 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 entonces 210 páginas + 340 bloques. Tenga en cuenta que estas cifras corresponden a 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:

	Divi	Elementor Pro
Bloques (sección o parte de la página)	0	340
Páginas (diseño completo)	1260	210
Paquetes de diseño (7 a 9 diseños)	170	0

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

6 - Funcionalidad: ¿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.

	Divi	Elementor (pro)
1 - Gestión de la biblioteca	x	x
2 - Importación/Exportación	x	x
3 - Navegador	x	x
4 - Modo de respuesta	x	x
5 - Historia	x	x
6 - Elemento Global	x	x
7 - Contenido dinámico	x	x
8 - Integración en Gutenberg	x	0

Esta tabla muestra que los dos constructores de páginas son equivalentes en todos los aspectos (o casi), al menos en cuanto a las funcionalidades más importantes que se pueden esperar de un constructor de páginas.

Lea también : ¡8 características de Divi que deberías usar!

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 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 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". Toda tu maqueta se almacenará en la biblioteca.

Por supuesto, puede guardar módulos, secciones o filas de la misma manera. No es necesario guardar todo el diseño.

Entonces encontrará estos elementos guardados en la Biblioteca Divi.

Vaya a la pestaña Divi > Biblioteca Divi. Aquí encontrarás todas tus plantillas guardadas.

Modelo de Elementor

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

Le dará un nombre a su diseño, que podrá encontrar en Plantillas > Plantillas guardadas.

¡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 - Navegación 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.

De un vistazo, puedes ver 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, tanto Elementor como Divi te permiten actuar sobre la naturaleza responsiva de tu sitio.

Sólo tiene que activar la vista que desea 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á revisar las acciones posteriores si ha cambiado de opinión o ha cometido un error.

Tenga en cuenta que 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 la función funcionalidad del elemento global.

Esto le ahorrará tiempo a la hora de insertar el elemento, pero también a la hora de actualizarlo (lo 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 soportan 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 activar el Constructor Divi en un artículo sólo para 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 nos gusta, 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 la perfección al 100% aún no existe...

A menudo es una cuestión de experiencia de usuario (UX).

Por eso, 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 debe optar por Canon o por 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 desactiva, no deja rastros en su página, a diferencia de Divi.
2. Algunas de las opciones de diseño que ofrecen algunos de los widgets de Elementor son muy agradables. Estoy pensando en el carrusel de logos, las galerías de imágenes y los divisores de sección que tienen más opciones que el Divisores Divi.
3. Me encanta el widget de títulos animados. Más información sobre Titulares animados.
4. Un ecosistema ha crecido rápidamente en torno a Elementor (más sobre esto 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 criticar a Elementor

1. El panel de control permanece fijo a la izquierda de la pantalla. Si trabajas con un ordenador pequeño, el espacio restante es el adecuado para sacar el máximo partido a la construcción. Para remediarlo, tendrás que añadir un complemento (plugin extra).

2. No podemos activar Elementor sobre la marcha cuando visitamos una página desde el front-end. Por lo tanto, estamos 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.
3. 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).
4. 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 parte superior izquierda, luego "volver al editor de WordPress"). Esto 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. Es cierto que cuando lo utilices por primera vez, estarás un poco perdido (como Elementor, por cierto) pero una vez que hayas entendido cómo funciona, es muy fácil personalizar las 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 (éste es sólo un ejemplo entre muchos otros).

3. 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á. Seguro que encuentras una solución a tu problema.
4. 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. Deberá limpiar los shortcodes de Divi con un plugin.
4. A veces haces clic en un texto para cambiarlo y el cursor se "barre". ¡Esto es molesto! Así que 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.

Además, Elementor y Divi tienen una buena comunidad.

8.1 - Comunidad Elementor

Aunque Elementor es más reciente, la comunidad lo apoya sin reservas. Sólo hay que 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.

No caiga 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.

Más recientemente, Divi anunció el próximo 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 se sabe 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 "pequeños". Más información sobre 14 extensiones gratuitas de Divi.

9 - ¿Divi o Elementor? ¡Te lo estoy pidiendo!

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

Pero no siempre fue así. Al principio, me costó encontrarme con él y entender cómo domarlo para hacer buenas páginas web con él...

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, necesitarás algo de tiempo para adaptarte.

Una vez que se domina una de estas dos herramientas, no se puede cambiar. 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 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 terco y Elementor es parte de mi programa de formación de WordPress (en la FAC 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 ofreciera una versión gratuita de Divi en el directorio oficial de WordPress, sin duda ofrecería esta herramienta en mis sesiones de formación.

Ahora es tu turno de comentar.