Elementor vs Divi: ¿Cuál vale más el dinero? (2023)

Bienvenido a mi revisión imparcial de Elementor vs Divi para 2023.

Debo el éxito de mi agencia a estos dos creadores de páginas (y al café frío), pero son para dos tipos de clientes COMPLETAMENTE DIFERENTES. Si elige el plan incorrecto, toma atajos o obtiene el plan incorrecto, podría:

• Desperdiciar cientos de dólares (y lo que es más importante, muchas horas)
• Haga que sus sitios estén abiertos a hackeos
• Limite seriamente su capacidad para escalar su negocio

Pero no se preocupe, en realidad es muy fácil elegir el creador de páginas perfecto. IF sabes lo que debes buscar. Tengo años de experiencia práctica con ambos, así que permítanme guiarlos paso a paso a través de todo en un lenguaje sencillo con capturas de pantalla, gifs y todo lo demás.

Tome un café (o su bebida caliente preferida), porque está a punto de sumergirse en:

• Divi o Elementor? Cómo evaluar rápidamente su situación actual y decidir cuál es mejor.
• Cómo decidir en función del presupuesto, la habilidad y la experiencia tanto con Elementor como con Divi
• La única diferencia de precios clave que podría ahorrarle miles de dólares durante la vida de su negocio
• El estúpido error que casi me costó $ 100 Y la seguridad de todos mis sitios
• Tuvimos una experiencia terrible con uno de estos productos que necesita conocer

Hemos creado una tabla de contenido fácil para que pueda saltar rápidamente a la sección más relevante para usted. Haga clic para abrir el contenido a continuación:

Elementor vs Divi: "¡Quiero saber qué es lo mejor para mí ahora!"

¿Tiene prisa y necesita saber cuál es mejor para su negocio antes de invertir algo?

Permítanme decirles las cosas directamente en base a mis casi 5 años de experiencia con estas dos herramientas (ya que Elementor se lanzó por primera vez en 2016).

Consigue Divi si:

• Eres una agencia: El precio de Divi lo convierte en una obviedad para las agencias ambiciosas. El acceso de por vida sin restricciones cuesta SOLO $ 249. Eso es $ 249 por cada función en infinitos sitios web. Si tiene cientos de páginas, es como gastar $ 1 o LESS por página para el creador de páginas más confiable del mundo. 
• Necesita el mejor soporte en el negocio.
• Tienes experiencia en diseño: Divi también está bien para principiantes, pero es incluso mejor para constructores experimentados. La curva de aprendizaje es más pronunciada que Elementor, pero cuando sabes lo que estás haciendo, el poder es mucho mayor.
• Necesita un tema premium para trabajar: Divi es un tema premium de WordPress, así como un creador de páginas, así que cuando compras uno, obtienes ambos.

Obtenga Elementor si:

• Necesita el creador de páginas más sencillo: ¡Elementor permite a cualquier persona crear una hermosa página de destino sin ningún conocimiento de codificación a partir de $ 0!
• Eres un emprendedor con 1 sitio web
• Tienes un presupuesto limitado y necesitas una versión GRATUITA
• Eres un diseñador que necesita elementos complejos
• Sientes la necesidad de VELOCIDAD. Elementor es tan rápido que parece que la página se carga ANTES de hacer clic en Enter
• Ya tienes un tema con el que trabajar: Elementor es un creador de páginas (no un tema) y debe complementarse con un tema de WordPress.

Divi vs Elementor realmente se reduce a una cosa: el precio. Haga clic aquí para pasar a la tabla de precios.  

Elementor vs Divi

Elementor y Divi ambos tienen funciones avanzadas de creación de páginas.

Resumen

Ganador	🏆
En general	4.9/5	4.5/5
Facilidad de uso	5/5	4.5/5
Soporte	4.5/5	4.5/5
Estabilidad y fiabilidad	5/5	4/5
Extensibilidad	5/5	4.5/5
Valor	4.5/5	5/5
Precio	Comienza desde $ 59 / año	$ 89 / año
Versión Gratuita	Sí	No, pero tiene una garantía de devolución de dinero de 30 días.
Editor en tiempo real	Sí	Sí
Edición en línea	Sí	Sí
Front-end / Back-end	Ambos	Ambos
Arrastrar y soltar	Sí	Sí
Elementos de terceros compatibles	Sí	Sí
Front-end / Back-end	Ambos	Ambos
Import / Export	Sí	Sí
Público objetivo	Desarrollador / Diseñador / Usuario / Agencia	Diseñador / Usuario / Agencia
Elementos soportados	100+	200+
Compatibilidad con widgets de WordPress	Sí	Complicado
Código limpio	Sí	No
Plantillas / diseños prefabricados	300+	300+
Característica genial	Contenido dinámico	pruebas A/B
Rendimiento	4.5/5	4/5
Lo que nos gustó	Una solución muy potente para crear cualquier tipo de diseño.	Interfaz de usuario limpia
	Opciones superiores de gestión de diseño	El contenido permanece intacto incluso después de desactivar el complemento
	Precios atractivos con acceso	Modo de editor único para clientes
	El creador de páginas más popular por una razón	Le permite usar widgets de WordPress en los diseños
Lo que no nos gustó	Elementor requiere que adquiera un tema de WordPress	Algo de código permanece después de eliminar el complemento
Página web	Visite el sitio web	Visite el sitio web (10% OFF)

Ahora que tiene una descripción general rápida de cada complemento, profundicemos en ellos.

Comencemos con este último enfrentamiento de creadores de páginas: ¡Elementor vs Divi!

¡Por qué elegir el generador de páginas incorrecto podría costarte todo!

Tengo que compartir esta historia ...

No porque quiera quejarme (bueno, tal vez solo un poco ...) sino porque cada desarrollador, diseñador, empresa y agencia necesita saber cuán importante es esta decisión.

Érase una vez, en una era pasada del desarrollo web (hace unos 8 años), todos habían terminado de usar los temas premium de WordPress del día. 

Las páginas hermosas eran posibles con seguridad, pero requerían una mezcolanza de códigos cortos NIGHTMARISH. No puedes entender el horror unless sobreviviste a esos tiempos. Solo exagero un poco ...

De todos modos ...

No había forma de construir algo sin conocer WordPress de adentro hacia afuera.

Los diseñadores web eran una raza específica de desarrolladores que podían combinar código con un diseño adecuado.

Hombre, la vida era… diferente. 

Entonces, un día, un destacado proveedor de WordPress (WPMUDEV) comenzó a impulsar este nuevo y sorprendente creador de páginas de arrastrar y soltar: Upfront.

"Es asombroso. ¡Va a salvar a WordPress de SquareSpace y Wix! ”, Dijeron. 

En ese momento, la mayoría de nosotros todavía nos resistíamos a los creadores de páginas. Incluyendome.

Pero éste parecía ... mejor.

Para ser justos, fue bastante impresionante. El constructor de arrastrar y soltar era como mantequilla. Y tenía algunas características tentadoras:

• Elementos asombrosos listos para trabajar
• "Regiones" fáciles de editar
• Edición de texto con un clic
• Plantillas para reutilizar y reducir el trabajo repetitivo
• ¡Crear páginas fue rápido y fácil! Nada parecido a lo que solíamos tener que pasar antes...

Upfront iba a cambiarlo todo.

Así que, uno por uno, todos empezaron a subirse al tren. Agencia por agencia, nos alineamos.

La gente estaba tan emocionada que construyeron su hoja de ruta completa en Upfront. Incluso contrataron y capacitaron personal para usarlo. Algunas agencias de sitios múltiples tenían cientos de páginas usando Upfront.

No construí todo mi negocio alrededor de Upfront (nunca puse todos mis huevos en una canasta), pero digamos que también tuve bastante piel en el juego ...

Y luego, un día, todo se derrumbó.

Un día, WPMUDEV decidió dejar todo.

Sin advertencia.

Ni una sola palabra.

Upfront se suspendió y todas las páginas que se crearon en él se volvieron obsoletas.

Todo ese trabajo, todo ese tiempo y dinero, todo el personal capacitado para usarlo, todas las hojas de ruta construidas con él: USOLESS.

Lea esta reseña del propietario de una agencia que había trabajado con Upfront:

Pasé la mayor parte del año pasado reconstruyendo toda la agencia de mi sitio web (nuestro sitio de marketing y los sitios de clientes) con Upfront y sus alrededores. Ver que ahora está fuera de los planes de desarrollo, sin advertencias, después de confiar en él, contratar y educar al personal para que lo use no es genial ".

Muchos negocios se vieron muy afectados ... no fue agradable. 

¿La moraleja de la historia?

Elegir el creador de páginas correcto es fundamental para su negocio. Eso significa que es vital que elija uno con un historial probado y una marca confiable.

Si no, usted podría ser el próximo empresario que deje una reseña que describa cómo usarlo casi les cuesta todo.

Pero yo divago. Volver a la reseña ...

¿Qué son los creadores de páginas?

¿No te interesa esta introducción o tienes prisa? Haga clic aquí para pasar a la siguiente parte del artículo..

Los creadores de páginas son herramientas que le permiten diseñar y crear páginas web de aspecto profesional desde cero, incluso sin experiencia en codificación. 

En lugar de pasar meses aprendiendo a codificar una página de forma personalizada, todo el trabajo duro ya se ha hecho por usted y se ha empaquetado en pequeños "elementos". Simplemente "arrastra y suelta" en la página donde quieras y VOILA, tienes una página bellamente diseñada ... y nadie conoce tu secreto. 

Por ejemplo, si desea agregar un cuadro de texto o imagen, simplemente tome ese elemento de la barra lateral, arrástrelo a la página y colóquelo donde desee que vaya.

Suena mucho mejor que ir al backend y codificación todo usted mismo, ¿verdad?

La mayoría incluso tiene plantillas prefabricadas que han demostrado aumentar las conversiones de visitantes, por lo que ni siquiera tiene que hacer ningún trabajo pesado.

Es como construir un sitio web usando piezas de Lego.

¿Qué es Divi?

Divi es el tema de WordPress más popular que existe con más de 880,000 ventas. Si esto fuera un deporte, serían el Manchester United, los Yankees de Nueva York y los Patriotas de Nueva Inglaterra:

Más que un equipo, una institución.

De hecho, es incluso más que un creador de páginas: es una megafábrica de creación de sitios web de WordPress que permite a los autónomos, agencias y propietarios de sitios crear sitios hermosos, optimizarlos para conversiones (pruebas divididas) y crecer utilizando las redes sociales.

La enorme popularidad de Divi se debe principalmente a su:

• Uso ilimitado: Divi es uno de los únicos temas que le brinda un uso ilimitado de todas las funciones en todos los sitios. Sin trucos de precios. Sin niveles confusos. No nada. Solo uso ilimitado sin preguntas.
• Precios simples: $ 249 para acceso de por vida EN TODOS SUS SITIOS.
• Soporte y comunidad inigualables: Divi es una forma de vida para algunas personas. Tiene una comunidad de Facebook próspera y el mejor soporte en el negocio, por lo que siempre estarás innovando, recibiendo comentarios útiles y mejorando tu juego Divi.

Hemos trabajado con este producto durante mucho tiempo, de hecho, ya escribió una revisión completa del tema Divi 4.0 aquí. Su Divi builder es un complemento que está integrado y empaquetado con el tema, aunque se puede comprar y usar por separado con otros temas, si así lo desea.

Echa un vistazo a algunos ejemplos de sitios web creados con Divi aquí. divi 5 ¡Actualmente está en desarrollo!

Haga clic aquí para visitar el sitio web de Divi y obtener más información al respecto ahora 

¿Qué es Elementor?

Elementor y Elementor Pro (y toda su gama de nuevos productos) es un disruptor del mercado que se está disparando en popularidad. Es uno de los constructores más populares para emprendedores y empresas.

Es ultrarrápido, ofrece un diseño inigualable y es tan fácil que un hombre de las cavernas podría hacerlo. Y te permite comenzar 100% con la versión GRATUITA. 

Te ofrece prácticamente todo lo que hace Divi, es más rápido y más fácil de usar. Y es mucho más asequible para un solo sitio.

Estos dos productos son los preferidos por la mayoría de los usuarios y expertos de WordPress porque tienen una serie de beneficios:

• Son fáciles de usar,
• Tienen el mejor rendimiento y estabilidad, y
• Están respaldados por un equipo de expertos desarrolladores de WordPress o por una empresa conocida.

Hemos investigado profundamente específicamente Elementor Pro: encontrará nuestra revisión aquí. 

Haga clic aquí para visitar el sitio web de Elementor y comenzar de forma gratuita

Espera, dices que tanto Divi como Elementor son impresionantes. Entonces, ¿cómo puedo elegir?

Tanto Divi como Elementor son muy similares, pero como dije antes, el precio y las ligeras diferencias en la funcionalidad los hacen perfectos para diferentes segmentos del mercado.

Vamos a llevar a estos dos creadores de páginas principales del mercado hoy, Elementor vs Divi Buildery profundice en todas sus capacidades y compárelas cara a cara.

Vamos a echar un vistazo en profundidad a su interfaz de usuario, conjunto de funciones, precios y mucho más.

Al final de este artículo de Elementor vs Divi, tendrá todo el conocimiento que necesita para hacer un juicio fundamentado de cuál se adapta sus propias necesidades.

¿Necesita alojamiento web para su próximo proyecto?

Sabía usted que SiteGround es recomendado por Divi y Elementor también funciona bien en SiteGround?

Pero no es lo único que desea de un servicio de alojamiento de sitios web. Desea que su sitio web sea rápido, confiable y a un precio que tenga sentido.

Es por eso CollectiveRay de CFP. SiteGround. Es una gran combinación de flexibilidad, potencia y precio que no encontrará a menudo.

Haga clic aquí para ver SiteGround ofertas en noviembre de 2023

Elementor vs Divi: facilidad de uso

La interfaz de usuario y su facilidad de uso son una de las partes más importantes de un complemento de creación de páginas.

Ambos creadores de páginas se han esforzado mucho para asegurarse de que sean muy fáciles de usar.

Empecemos con Divi Builder.

Haga clic aquí para más información sobre la Divi Builder by Elegant Themes

Divi Builder Interfaz de usuario

Con la Divi builder plugin instalado, cuando cree una nueva página, será recibido con una interfaz de usuario que le preguntará si desea usar el Divi Builder o el editor predeterminado.

Al hacer clic en el uso Divi Builder La opción abrirá una pantalla que le pedirá que elija entre "construir desde cero", "elegir un diseño prefabricado" o "clonar página existente".

• Construir desde cero - Comience con una página en blanco.
• Elija un diseño prediseñado - Elija una plantilla prefabricada. Hablaremos de esto con más detalle más adelante.
• Clonar página existente - Copia una página existente.

Vamos a elegir la opción "construir desde cero" ya que las otras dos opciones son prácticamente iguales, solo que con contenido ya agregado.

Agregar elementos en Divi Builder

Al hacer clic en la opción "compilar desde cero" se activará la Divi builder y lo primero que aparecerá es un cuadro de diálogo que le pedirá que inserte una nueva fila.

Se abren cuadros de diálogo con opciones que puede configurar, según el módulo y el contenido que esté agregando.

El menú

El minimalismo siempre ha sido una de las características de diseño de Elegant Themes y el creador de páginas mantiene en funcionamiento este concepto de diseño.

Como puede ver en el gif anterior, no hay barra lateral ni barra de menú. En cambio, todo lo que tienes es un círculo flotante con tres puntos blancos dentro.

El círculo flotante actúa como su menú. Al hacer clic en ellos, tendrá acceso a varias opciones y herramientas útiles.

Puede mover este menú haciendo clic y arrastrándolo. También puede colocarlo en una de las ocho posiciones predefinidas en la esquina de la pantalla.

Al usar Divi, comenzando desde el lado izquierdo, tenemos

• Divi builder ajustes
• Vista de estructura alámbrica
• Herramienta de zoom
• vista de escritorio
• Vista de tableta
• Cargar desde opciones de biblioteca
• Guardar en la opción de biblioteca
• Disposición clara
• Configuración de página
• Editar historial
• Portabilidad
• El botón de búsqueda y ayuda
• Los botones Guardar borrador y Publicar

Configuración del constructor - Aparecerá un cuadro de diálogo con diferentes opciones que le permitirán personalizar qué iconos aparecen en la Divi builder barra de herramientas, cambiar el modo de vista predeterminado (móvil, computadora de escritorio o tableta), habilitar o deshabilitar las animaciones de la interfaz de usuario, etc.

Vista de estructura alámbrica - Activa o desactiva la vista de estructura alámbrica. Puede usar la vista de estructura alámbrica para tener una vista estructural de su página.

Herramienta de zoom - Le permite acercar y alejar la página.

Vista de escritorio, tableta y móvil - Revise cómo se ve su página en diferentes dispositivos y resoluciones de pantalla.

Cargar desde biblioteca - Inserte o use una plantilla prefabricada de la biblioteca de plantillas en la página.

Guardar en la biblioteca - Guarde la página actual en la biblioteca de plantillas.

Disposición clara - Elimina todo en la página.

Configuración de página - Acceda a la configuración de la página como el título, extracto, imagen destacada, etc.

Editar historial - Ver qué cambios se realizaron en la sesión de edición actual. Hacer clic en un elemento le permite retroceder en el tiempo, deshaciendo todas las ediciones que haya realizado y revirtiendo el estado de la página. 

Portabilidad - Importa o exporta tu diseño actual.

Botones de búsqueda y ayuda - Acceso Divi builderla documentación de; el botón de búsqueda le permite buscar una acción, elemento de menú o elemento específico.

Botones Guardar borrador y Publicar - Bastante autoexplicativo.

Menús específicos de elementos

Cuando usas Divi Builder, si pasa el cursor sobre un elemento, se muestra otro conjunto de menús. Estos menús le permiten configurar los ajustes de un elemento específico, como su contenido, su diseño o agregarle un CSS personalizado.

Divi Builder en acción

A continuación se muestra un gif de la edición de una página con el Divi Builder. Puede usar el generador de páginas para arrastrar elementos y reposicionarlos, o puede hacer doble clic en un texto para realizar la edición en línea, etc.

El Divi BuilderLa interfaz de usuario es minimalista, limpia y simple, pero tiene todo lo que necesita para hacer las cosas.

No te abruma en absoluto, te mantiene enfocado en tus diseños. Presenta una experiencia de pantalla completa.

Como puede ver, en términos de facilidad de uso, Elegant Themes han trabajado para hacer Divi Builder simple, pero poderoso al mismo tiempo.

Interfaz de usuario de Elementor

La interfaz de Elementor es muy diferente de la mayoría de los demás creadores de páginas. Si el Divi builder se centra en el minimalismo, Elementor se centra en la accesibilidad, pero la experiencia del usuario también es excelente con este creador de páginas.

Usaremos esta sección de nuestro Elementor vs Divi Builder comparación para centrarse en las diferencias entre los dos.

Elementor utiliza el concepto de bloques de construcción, que se utilizan para construir cada página en varias secciones.

Crear una nueva página con la interfaz de Elementor lo llevará al editor predeterminado de WordPress.

Para comenzar a editar la página, debe hacer clic en el botón "Editar con Elementor" ubicado en la parte superior de la pantalla.

Descarga una copia del complemento

Al hacer clic en el botón, se abrirá la interfaz de usuario de Elementor, que se compone de dos partes: la fija barra lateral y vista previa de la página.

Puede ocultar la barra lateral fija presionando el pequeño ícono que se muestra en el gif a continuación:

Ocultar la barra lateral le permite tener una vista previa a pantalla completa de su página.

Agregar elementos en Elementor

Para agregar un elemento a la página, simplemente arrastre y suelte uno desde la barra lateral a la página.

La barra lateral cambiará para mostrar opciones que son específicas del elemento que se acaba de agregar.

El botón rojo con el signo más y el icono de carpeta en la vista previa de la página le permite agregar una nueva sección o cargar una plantilla de su biblioteca.

Después de arrastrar y soltar un elemento, notará que el lado ahora muestra opciones para el elemento seleccionado.

Para volver al panel de selección de elementos, puede hacer clic en el icono de mosaicos cuadrados en la esquina superior derecha del menú de la barra lateral.

Haga clic en ese icono y podrá volver al panel de selección de elementos. Ahora puede arrastrar y soltar otro elemento desde aquí a la página.

barra lateral

La barra lateral fija se divide en tres partes.

1. menú superior
2. El cuerpo
3. Menú inferior

El menú superior contiene configuraciones generales, el cuerpo muestra información sobre el elemento seleccionado actualmente y el menú inferior muestra configuraciones adicionales que puede configurar. 

Menú superior

El menú de la barra lateral superior del generador de páginas de Elementor se encuentra en la esquina superior izquierda de la barra lateral. Aquí, puede configurar los estilos y fuentes predeterminados, el selector de color, etc.

Hay otros elementos a los que se puede acceder en este menú además de las opciones de estilo.

Hay una función de búsqueda, un enlace a la página de configuración de Elementor y más. También puedes encontrar el azul salir al tablero botón, que lo lleva de regreso al tablero de WordPress.

Bottom Menu

En la parte inferior de la barra lateral fija, puede ver elementos de menú adicionales.

De izquierda a derecha, tenemos la configuración, el navegador, el historial, el modo receptivo, los cambios de vista previa y el botón de publicar.

El botón de publicación tiene su submenú al que puede acceder haciendo clic en la pequeña flecha hacia arriba al lado.

Al hacer clic en él, aparecen dos opciones de guardado adicionales: las opciones de guardar borrador y guardar como plantilla.

Ajustes - El ícono de ajustes ubicado en el extremo izquierdo del menú inferior. Contiene configuraciones para la página en la que está trabajando actualmente.

Puede editar el título de su página, agregar una imagen destacada, cambiar su estado de publicación (borrador, programado, publicado), cambiar su diseño predeterminado, etc.

También puede notar la presencia de dos pestañas adicionales: la papa y avanzado pestañas.

En la pestaña de estilo, puede configurar los ajustes de estilo del cuerpo de la página. Puede definir un color de fondo o una imagen y también puede cambiar el relleno.

Y en la pestaña avanzada, puede agregar su CSS personalizado.

Navigator - Una vista jerárquica de los elementos de la página. Esto es comparable a la Divi builderModo de estructura alámbrica. El navegador es un menú flotante que representa la jerarquía de elementos de su página. Puede reorganizar los elementos usando el navegador, aunque su funcionalidad no es tan buena como el modo alámbrico en Divi Builder.

Historia - Le permite volver a una versión anterior de sus ediciones y ver el historial. Solo se guardan las ediciones de la sesión actual.

Hay una cosa que separa la función de historial de Elementor de Divi Builder, y es grande.

Hay otra pestaña llamada "revisiones" en el panel de historial. Estas revisiones se mantienen incluso después al salir del generador de páginas o incluso después de cerrar el navegador.

Cada vez que presiona el botón "actualizar", se guarda una nueva revisión.

Además, el complemento también realiza guardados automáticos para evitar que pierda su trabajo debido a problemas como fallas del navegador.

Esto le permite volver fácilmente a una revisión anterior, incluso si cierra el editor, se desconecta de WordPress o apaga su computadora.

Modo de respuesta - Obtenga una vista previa de cómo se verá su página en diferentes dispositivos y resoluciones de pantalla.

Vista previa de cambios - Abre una nueva pestaña que te permite tener una vista previa en vivo de tu página.

Menús específicos de elementos

Al hacer clic en algo en la página de vista previa, aparecerá un menú específico del elemento con sus opciones únicas que puede configurar.

Elementor en acción

En la siguiente parte de nuestra comparación entre Divi y Elementor, mostraremos Elementor en acción para que pueda comprender la diferencia entre estos dos creadores de páginas.

A continuación, puede ver cómo podemos arrastrar y soltar elementos para reposicionarlos, cómo puede editar la costura del textolessly y cómo puede agregar nuevos elementos.

Al comparar Divi vs Elementor, vemos que tienen un enfoque diferente.

El primero se centra en la sencillez y la limpieza, el segundo en la disponibilidad y accesibilidad.

Entonces, ¿quién gana cuando se trata de Elementor vs Divi? ¿Qué constructor visual es más fácil de usar?

No creemos que haya un ganador en términos de facilidad de uso. Los creadores de páginas Elementor y Divi tienen una interfaz que te ayuda a hacer el trabajo.

Ganador de Elementor vs Divi UI: Corbata

Obtenga más información en el sitio web del complemento.

Los "elementos" o "módulos" reales se comparan en la siguiente parte de nuestra comparación entre Elementor y Divi.

Elementor vs Divi: Elementos

Los elementos son lo que usará para construir sus páginas. En términos de Divi vs Elementor, el uso de la terminología es ligeramente diferente, pero en general, los conceptos son similares.

Divi BuilderElementos de: sección, filas y módulos

Divi BuilderLos elementos se dividen en tres categorías principales: ., que actúa como contenedor, el filas, que actúa como divisor, y el módulos, que son el contenido real.

La siguiente imagen muestra una página vacía. Esta página tiene tres secciones. 

La segunda sección tiene una fila en su interior, que está resaltada en verde. La fila se divide en tres columnas. Las columnas están vacías.

Finalmente, la sección inferior también tiene una fila en su interior, aunque no está resaltada. La fila también se divide en tres columnas, similar a la de la segunda sección.

La columna central de la fila inferior contiene un módulo de botones.

Para agregar secciones, filas o módulos, haga clic en los botones más.

El azul púrpura or color naranja El botón más agregará una sección (el color de resaltado de la sección cambia según el tipo de sección: azul para regular, púrpura para ancho completo y naranja para especialidad), el green el botón más agregará una fila y el negro el botón más agregará un módulo.

secciones

In Divi Builder, la sección actúa como contenedor de filas y módulos.

Puede usar secciones para dividir su página en diferentes partes.

Por ejemplo, puede tener tres secciones en una página; la primera es una sección acerca de, la segunda es una sección de contacto y la tercera es una sección de ubicación comercial.

Las secciones son "independientes" entre sí. Si aplica un color de fondo azul en la primera sección, las otras dos secciones no se verán afectadas.

Agregar secciones - Al hacer clic en el botón más azul (o naranja o morado) en la página, podrá agregar una nueva sección.

Al hacer clic en el botón especificado, obtendrá un cuadro de diálogo que le pedirá que seleccione entre tres tipos diferentes de secciones: normal, especial y de ancho completo.

También existe la opción de agregar una sección de su biblioteca. Si anteriormente ha guardado una sección, ahora puede encontrarla aquí y poder agregarla a la página.

Al colocar el mouse sobre un elemento, se resaltará y se mostrará una barra de acción en la esquina superior derecha del área resaltada.

Para los elementos de la sección, tiene lo siguiente:

• Mover sección
• Sección de configuración
• Sección duplicada
• Guardar sección en la biblioteca
• Eliminar sección
• Configuración de sección adicional
  • Guardar en la biblioteca
  • Prueba dividida
  • Deshabilitar
  • Bloquear
  • Copiar sección
  • Copiar estilo de sección
  • Restablecer estilo de sección
  • Ver estilo modificado
  • Ampliar el estilo de la sección

La mayoría de estas opciones se explican por sí mismas, pero lo interesante aquí es la prueba de división .

Esta es una A / B función de prueba que le permite realizar pruebas divididas en cualquier tipo de Divi Builder .

Cuando se trata de Divi vs Elementor en términos de pruebas A/B, el tema Divi se destaca. La única forma de dividir la prueba con Elementor es mediante el uso de un complemento o servicio de terceros como Google Optimize.

Al hacer clic en el icono de engranaje (configuración de la sección), se mostrará un cuadro de diálogo con opciones de configuración adicionales para la sección resaltada.

El cuadro de diálogo de configuración de la sección contiene tres pestañas: Contenido, Diseño y Avanzado.

La pestaña de contenido contiene elementos relacionados con el contenido del elemento seleccionado, mientras que la pestaña de diseño y avanzada contiene opciones de estilo.

filas

Al igual que con la mayoría de los demás creadores de páginas, las filas son elementos que residen dentro de una sección. Al agregar una fila, debe seleccionar una variación de fila que difiere en la cantidad de columnas que tiene de forma predeterminada y en el tamaño de cada columna.

Las filas usan el responsive Cuadrícula de 12 columnas. 

Si desea una estructura de columna más compleja, querrá utilizar un sección de especialidad.

Las variaciones de fila de la sección de especialidad tienen una estructura de diseño de columna más compleja, como puede ver en la imagen de arriba.

Configuración de filas - Una fila tiene una barra de acción cuando pasa el mouse sobre ella, lo que le permite acceder a ciertos elementos del menú. Prácticamente tiene las mismas cosas que se encuentran en las secciones, aparte de la cambiar la estructura de la columna opción que es exclusiva de los elementos de fila.

Módulos

Módulos en Divi Builder son lo que utilizará para agregar contenido visible a su página. Los módulos son elementos del sitio web como texto, imágenes, párrafos, videos, formularios de contacto, mapas, etc.

Al hacer clic en el botón negro más, se abrirá un cuadro de diálogo de selección de módulo. Aparecerá otro cuadro de diálogo que muestra la configuración que se adapta al módulo específico que seleccionó.

Por ejemplo, si selecciona el módulo de texto, aparecerá un texto de marcador de posición en el área que seleccionó.

Usando el cuadro de diálogo puede editar el texto en sí y agregar estilos, agregar CSS personalizado, etc.

Para abrir la configuración de un módulo, pase el mouse sobre el módulo hasta que aparezca la barra de acción y luego haga clic en el icono de engranaje / configuración.

El cuadro de diálogo de configuración tiene tres pestañas: Contenido, Diseño y Avanzado.

• La pestaña Contenido contiene los ajustes de configuración para el módulo. Esto varía según el módulo.
• La pestaña Diseño contiene opciones de diseño que le permiten cambiar la alineación del contenido, el espaciado, la tipografía, etc.
• La pestaña Avanzado te permite acceder a opciones como configuración avanzada de CSS, transiciones, etc.

Veredicto:

Acceder a los elementos, especialmente a los elementos del módulo, es un poco peculiar ya que tiene que hacer clic varias veces solo para obtenerlos.

Por otro lado, quizás una de las mejores cosas de la Divi BuilderLos elementos son las filas especiales. Estos le permiten construir un diseño y posicionamiento complejos con relativa facilidad.

Ahora echemos un vistazo a los elementos de Elementor a continuación en nuestro Elementor vs. Divi builder confrontación.

Elementos Elementor: Sección, Columnas y Widgets

Elementor tiene tres categorías de elementos diferentes: el ., que actúa como contenedor, el visión de conjunto que dividen la sección, y el widgets que son el contenido real.

En la imagen de abajo, puede ver una página vacía dividida en tres secciones.

La sección superior está vacía. La segunda sección contiene tres columnas y la sección inferior, también contiene tres columnas y la columna central contiene un widget de botón.

Agregar elementos en la página es tan simple como arrastrar y soltar un widget desde la barra lateral a un área vacía.

Simplemente puede arrastrar un widget desde la barra lateral a un área vacía de su página y listo.

Automáticamente creará una sección con una sola columna que contiene el widget seleccionado.

Si está editando un elemento, la barra lateral cambiará su contenido para mostrar la configuración adecuada.

Al igual que con Divi, puede arrastrar y soltar elementos para reposicionarlos en la página. Puede hacer clic en cualquier texto de la página para editar directamente y cambiar el tamaño de las columnas libremente.

Al hacer clic con el botón derecho en cualquier elemento de la página, aparece un menú contextual que varía ligeramente según el tipo de elemento seleccionado actualmente.

Sección

La sección actúa como contenedor de columnas y widgets.

Hay dos tipos de secciones en Elementor, la normal sección, y la interior .

La sección interior solo puede existir dentro de una sección normal. Una sección interna es algo similar a las columnas, pero puede tener múltiples secciones internas y múltiples columnas dentro de ellas, lo que le permite crear diseños complejos.

 Al pasar el cursor sobre cualquier elemento de la página, se resaltará la sección a la que pertenecen. La sección resaltada tiene un pequeño menú en la parte superior.

Este pequeño menú tiene tres elementos: la sección para agregar nueva (botón más), la sección de edición (área de puntos) y la sección para eliminar (botón x).

La sección Agregar nueva agregará una nueva sección vacía encima de las resaltadas.

La sección de edición mostrará la configuración de la sección en la barra lateral. También puede acceder a esto haciendo clic con el botón derecho en una parte vacía de la sección.

En la sección de configuración, hay tres pestañas: Diseño, Estilo y Avanzado.

Puede configurar las opciones de diseño y estructura en la pestaña Diseño. En la pestaña Estilo, puede configurar las opciones de estilo y en la pestaña Avanzado, puede configurar opciones avanzadas adicionales de estilo y atributos.

columnas

Las columnas actúan como un contenedor para los widgets, incluidos los widgets de la sección interna.

Al agregar una nueva sección, puede elegir cuántas columnas contendrá.

El acceso a la configuración de la columna se realiza al pasar el mouse sobre una columna y hacer clic con el botón derecho en el icono de la columna ahora visible.

Aparecerán diferentes opciones, permitiéndole editar la columna, duplicar la columna, agregar una nueva columna, etc.

Al seleccionar la columna de edición, la barra lateral cambiará para mostrar la configuración relacionada con la columna. Al igual que en la configuración de la sección, también tiene tres pestañas: Diseño, Estilo y Avanzado.

La pestaña de diseño contiene opciones de configuración de diseño, como ancho de columna, alineación, etc .; mientras que el estilo y las pestañas avanzadas son prácticamente iguales a lo que puede ver en la configuración de la sección.

Widgets

La siguiente pieza de las diferencias Elementor vs Divi cuando se trata de los elementos reales son los widgets.

Los widgets son el contenido o elementos (por lo tanto Elementor) que puede utilizar en sus páginas.

Agregar un widget es tan simple como arrastrar uno desde la barra lateral a la página o hacer clic en el botón más para mostrar el panel de selección de widgets y luego arrastrar y soltar.

Al seleccionar un widget, la barra lateral cambiará para mostrar las opciones configurables para ese elemento en particular.

También puede acceder a este panel haciendo clic derecho en un elemento y seleccionando el editar [nombre del elemento] elemento en el menú contextual.

Cada widget también tiene las pestañas Estilo y Avanzado a las que puede acceder desde el panel de la barra lateral.

La pestaña Estilo cambia según el widget seleccionado. Por ejemplo, los widgets de imagen no tienen opciones de estilo tipográfico, mientras que los widgets de texto no tienen configuraciones de dimensiones.

La pestaña Avanzado es igual que en los demás elementos.

Descubra todos los elementos disponibles

Widgets globales

Hay un tipo especial de widget en Elementor: widgets globales. Puede guardar un widget como un widget global y usarlo en cualquier lugar de la página o del sitio.

También puede editarlos todos a la vez en un solo lugar.

Veredicto:

Elementor tiene una selección más amplia de elementos en comparación con Divi Builder. Sin embargo, dado que ambos admiten complementos de widgets de terceros, se nivela.

Elementor proporciona una forma más rápida de agregar elementos a una página, ya que puede simplemente arrastrarlos y soltarlos desde la barra lateral a la vista previa.

Divi Builder requiere que haga clic varias veces antes de llegar al elemento que desea agregar.

Al igual que nuestra sección anterior de la comparación de Elementor vs Divi, esto está muy cerca, aunque Elementor podría tener una ligera ventaja en esta.

¡Ahora es el momento de comparar las opciones de estilo en los creadores de páginas Elementor vs Divi!

Elementor vs Divi: estilo

Nuestro Elementor vs. Divi builder no estaría completo sin una mirada profunda a las funciones de estilo de ambos creadores de páginas.

Divi Builder opciones de estilo

Al hacer doble clic en un elemento en el generador de páginas Divi, aparecerá el panel de configuración. También puede acceder a este panel pasando el cursor sobre un elemento hasta que aparezca una barra de acción y luego haciendo clic en el ícono de ajustes.

Hay tres pestañas en el panel de configuración, el contenido, el diseño y las pestañas avanzadas.

El Divi BuilderLas opciones de estilo se pueden configurar a través de las pestañas Diseño y Avanzado. La pestaña Diseño le permite configurar tipografía, sombras de caja, márgenes, animación, filtros, etc. Estos son elementos que se pueden configurar mediante controles deslizantes y números de entrada.

Son muy fáciles de usar.

Use la pestaña avanzada para agregar ID y clases de CSS personalizados, código CSS personalizado, configurar la visibilidad, etc.

Estilo receptivo

Divi Builder le permite definir diferentes configuraciones de estilo para diferentes dispositivos.

Por ejemplo, puede definir la fuente de un elemento de texto como Verdana y hacer que tenga un tamaño de 20 px en dispositivos de escritorio. Puede definir otra configuración para dispositivos móviles que haga que tenga una fuente Times New Roman y un tamaño de 10 px.

Las opciones de diseño permiten a todo tipo de usuarios personalizar sus páginas ampliamente según sus necesidades.

Opciones de estilo de Elementor

La selección de un elemento en el generador de páginas de Elementor cambia lo que se muestra en el panel de la barra lateral para reflejar las opciones disponibles para ese elemento en particular.

Todos los elementos en Elementor tienen tres pestañas en su panel de configuración. La primera pestaña contiene Contenido o Diseño, luego Estilo y Avanzado en la segunda y tercera pestaña respectivamente.

Puede configurar el estilo de un elemento a través de las pestañas Estilo y Avanzado.

La pestaña Estilo le permite configurar diferentes opciones de estilo como colores de fondo, bordes, tipografía, etc.

La pestaña Avanzado contiene opciones de estilo avanzadas como márgenes, código CSS personalizado, efectos de movimiento, configuraciones de respuesta, etc.

Estilo receptivo

Puede tener opciones de estilo separadas para diferentes dispositivos en el constructor de Elementor, al igual que Divi.

Control de las opciones de estilo predeterminadas

De forma predeterminada, después de instalar Elementor, el complemento del creador de páginas aplicará automáticamente sus opciones de estilo para anular su tema.

Puede desactivar esto dirigiéndose a Elementor > Ajustes desde el panel de WordPress y verificando deshabilitar colores predeterminados y deshabilitar fuentes predeterminadas.

Elementor ahora usará la fuente y los colores predeterminados de su tema en lugar de los suyos.

También hay una pestaña de estilo donde puede configurar varios valores predeterminados básicos como fuentes genéricas predeterminadas, ancho de contenido predeterminado, etc.

Veredicto:

Ambos complementos ofrecen un excelente conjunto de herramientas y opciones de estilo que se adaptan a todos.

Los usuarios avanzados y los diseñadores web que desean un mayor control también pueden disfrutar usando cualquiera de estos dos complementos, ya que ambos les permiten agregar sus códigos CSS personalizados para una mayor capacidad de diseño.

Elementor vs Divi: Plantillas

Uno de los elementos clave de los creadores de páginas y los temas es la cantidad y calidad de las plantillas disponibles como parte del producto.

Veamos cómo funcionan los dos creadores de páginas, Elementor vs Divi builder compare cuando se trata de plantillas confeccionadas.

Divi Builder Diseños

En la jerga de Divi, las plantillas se denominan diseños. El creador de páginas Divi ofrece más de 300 paquetes de diseño de plantillas de sitio completas prefabricadas.

Se dividen en dos tipos: un paquete de diseño que consta de varios diseños (varias páginas) con el mismo tema y un solo diseño (es decir, una sola página).

Los paquetes de diseño contienen varias páginas agrupadas para formar un sitio de nicho completo.

Por ejemplo, un paquete contiene plantillas para la página de inicio, acerca de la página, página de contacto, etc., todo siguiendo un conjunto unificado de diseños o temas. Un solo diseño es solo una plantilla para una sola página.

También puede crear y guardar sus propias plantillas para poder reutilizarlas más adelante. Incluso puede exportarlos para poder usarlos en otro sitio.

Por ejemplo, puede crear una página de destino de servicio de productos (similar a lo que puede construir con OptimizePress 3.0) que luego puede cargar desde los diseños y usar para diferentes promociones que pueda estar ejecutando. 

Estos incluyen sitios completos y páginas de destino para fines específicos.

Plantillas Elementor

Las plantillas de Elementor se dividen en dos tipos: bloques y páginas.

La versión gratuita permite a los usuarios acceder a más de 40 bloques y más de 30 páginas, mientras que la versión premium desbloquea más de 50 widgets Pro y más de 300 plantillas Pro.

Estos incluyen sitios completos y páginas de destino específicas para casos de uso particulares.

Vea la lista completa de plantillas / temas de Elementor disponibles

También hemos revisado un montón de Temas y plantillas de Elementor aquí.

Los bloques son plantillas de una sola sección que puede insertar en una página.

Hay bloques para

• Formularios de contacto
• Botones de llamada a la acción
• Preguntas Frecuentes
• tablas de precios
• Portafolios
• Encabezados
• Servicios
• Generador de ventanas emergentes y una herramienta de creación de ventanas emergentes

Aunque dijimos que hay más de 300 plantillas de página disponibles para usuarios premium de Elementor, es posible que desee comprobar lo que está disponible hoy.

El equipo de Elemetor crea y agrega constantemente más plantillas a la biblioteca y no podemos mantenernos al día con el flujo constante de plantillas de Elementor lanzadas :-)

A medida que la biblioteca de plantillas del creador de páginas de Elementor crece continuamente, puede verificar las últimas adiciones haciendo clic en "nuevo" en la esquina superior izquierda de la interfaz de selección de plantillas de página.

Siempre puede guardar su página en su biblioteca de plantillas para poder reutilizarlas más tarde. Elementor también le brinda la posibilidad de exportar sus plantillas para que pueda usarlas en otro sitio. 

Si bien tanto Elementor como Divi Builder Los complementos ofrecen una amplia gama de selección de plantillas, en este momento, creemos que el Divi builder ofrece mucho más en términos de números.

Además de eso, el tema Divi facilita la creación de un sitio completo, gracias a sus paquetes de plantillas.

Elementor contra Divi Builder Ganador de plantillas: Divi Builder

Elementor vs Divi: construcción de temas

ACTUALIZACIÓN: En la versión anterior de este artículo, solo Elementor tenía una función de creación de temas.

Con el lanzamiento del tema Divi 4.0, esta función ya no se limita a Elementor.

El Divi Builder 4.0 actualización importante, que se lanzó en octubre de 2019, se centró en equipar el Divi builder con potentes herramientas de creación de temas. Esto permite a los usuarios utilizar elementos, módulos y funciones para crear no solo páginas estáticas, sino también diseños dinámicos de encabezado, pie de página y cuerpo.

Hemos actualizado esta sección para reflejar los nuevos cambios y hemos comparado las características de creación de temas de Elementor vs Divi entre sí para ver si este último puede resistir al primero.

Creador de temas Divi

Una característica relativamente nueva del Divi builder, el creador de páginas ahora le permite crear plantillas que puede usar para anular el diseño, el diseño e incluso el comportamiento del encabezado, pie de página y cuerpo de su sitio web.

Las características son bastante similares a las de Elementor en muchos aspectos, esta es una característica en la que Divi Builder se está poniendo al día con Elementor.

Puede acceder al generador de temas de Divi yendo a Divi> Creador de temas.

Desde allí, puede crear una nueva plantilla, exportar una plantilla o importar una plantilla de fuentes externas.

Una de las desventajas de esto, en el momento de escribir este artículo, es que no hay forma de importar plantillas de creación de temas predefinidas desde la nube. Debe descargar un archivo JSON de una fuente externa y cargarlo para importar una plantilla prediseñada.

Hablando de plantillas de creación de temas preconstruidas, hay muchos paquetes disponibles de forma gratuita en el Divi builder los propios desarrolladores, que puede obtener aquí. Simplemente busque "paquetes de creación de temas" en su barra de búsqueda y podrá encontrarlos fácilmente.

Si desea obtener más de estos paquetes, le recomendamos que visite el Elegant Themes página web aquí y suscríbete a su newsletter.

Puede definir una plantilla global que anulará la apariencia general de todo su sitio web y también puede crear plantillas específicas que se pueden aplicar a publicaciones, páginas y partes específicas de su sitio web.

Al crear una nueva plantilla, Divi primero le preguntará dónde desea que se aplique la plantilla. Puede optar por aplicar o excluir la aplicación de sus plantillas a publicaciones o páginas específicas o incluso a etiquetas y categorías específicas y más.

Luego puede comenzar a construir y diseñar su plantilla. Si ha definido una plantilla de encabezado y pie de página global, se agregarán automáticamente a su nueva plantilla.

Haciendo clic en cualquiera agregar cuerpo personalizado, agregar encabezado personalizado or agregar pie de página personalizado Los botones abrirán un pequeño menú emergente que le permitirá elegir entre varias opciones.

Esas opciones incluyen seleccionar una plantilla prefabricada o copiar una existente.

A partir de ahí, tendría a su disposición las herramientas y módulos habituales de Divi para comenzar a construir su diseño.

Elementor Theme Builder

Puede acceder al creador de temas de Elementor a través del panel de WordPress y yendo a Plantillas > Theme Builder.

Actualmente, puede crear plantillas de Elementor para páginas, secciones, ventanas emergentes, encabezado, pie de página, publicaciones individuales, páginas de WooCommerce y archivos.

Utilizará la misma interfaz de usuario que tiene al crear páginas, solo que esta vez los elementos disponibles en la barra lateral se adaptan a la plantilla específica que está intentando crear.

Una vez que haya terminado de editar una plantilla de tema, puede elegir cómo y cuándo se mostrará la plantilla.

Para esta parte, el Divi builder es un poco más fácil de usar que Elementor debido al uso de casillas de verificación.

Sin embargoless, Elementor todavía viene con un control detallado que es igual al Divi Builder.

Puede optar por incluir y excluir sus plantillas de Elementor utilizando reglas condicionales complejas. Por ejemplo, digamos que tenemos una plantilla llamada "A". Puede optar por mostrar esta plantilla si la página está en la categoría llamada "ofertas" y si el autor es "John Doe".

Usado correctamente, este motor de reglas de Elementor puede ser una herramienta increíblemente poderosa y útil. Le brinda flexibilidad y personalizaciones a un nivel muy granular. Esto es suficiente para robar la corona en la sección de construcción de temas.

Pocos creadores de páginas tienen esta función y esto es un gran diferenciador.

Otra característica a tener en cuenta que nos gusta es el generador de ventanas emergentes. La mayoría de las personas instalará un nuevo complemento para configurar ventanas emergentes en su sitio, pero con la herramienta de creación de elementos emergentes de Elementor, no necesitará tener un complemento adicional solo para configurar ventanas emergentes.

Ganador de Elementor vs Divi Theme Builder: Elementor por un margen claro gracias a la cantidad de herramientas y lo que puedes lograr con ellas.

Precios de Elementor frente a Divi 2023

La elección entre Elementor y Divi Builder a veces todo se reduce a los precios.

Uno tiene sentido total para un grupo y literalmente no tiene sentido para otro.

Precios Elementor

El precio de Elementor Pro comienza en $ 59 / año para un sitio y llega hasta $ 399 / año para 1,000 sitios. Todas las características y extras están incluidos en cada plan.

Pero la razón por la que es tan popular es porque viene con un Versión gratuita.

El plan gratuito de Elementor en realidad es suficiente para crear una página hermosa y viene con más de 40 widgets y más de 30 plantillas.

Consejo profesional: Si tiene más de un sitio, simplemente vaya con la licencia de Experto. Si está creando sitios web para clientes y desea tener un creador de páginas, generalmente sugerimos optar por la licencia Expert y luego cobrar a cada cliente el precio de una licencia Advanced.

Esto le permite alcanzar el punto de equilibrio después de solo 2 sitios. A partir de ese momento, recibirá un bono de $ 99 de cada cliente.

Haga clic aquí para obtener el precio más bajo en Elementor Pro 

Divi Builder Precios

Divi Builder no tiene una versión gratuita, pero tiene una demostración a la que puede acceder para que puedas probarlo antes de comprarlo. 

El precio de Divi lo convierte en una obviedad para las agencias.

Hemos estado trabajando con Elegant Themes y han obtenido acceso a un descuento limitado del 10% en el Divi Builder para CollectiveRay visitantes.

Dado el precio y nuestro descuento, que es válido solo hasta noviembre de 2023, le recomendamos encarecidamente que opte por el acceso de por vida: es una obviedad.

Solo $ 249 ($ 224 con mi descuento) le brinda acceso de por vida a las funciones, el soporte y la comunidad de Divi en todos sus sitios a perpetuidad.

Eso significa que obtienes:

• Cada tema que tienen
• Uso ilimitado para sitios web ilimitados
• Más de 800 paquetes de sitios web
• El constructor de páginas
• Herramientas de promoción
• Herramientas de prueba

No hay necesidad de renovar. No hay necesidad de preocuparse por las actualizaciones (más sobre eso a continuación). Sin estrés. Simplemente haga clic, pague y use para siempre.

NOTA: Divi cuesta solo $ 80 / año con mi descuento, pero si eres un negocio, ahorrarás dinero simplemente comprando el acceso de por vida ahora. Si está en el negocio durante 10 años, eso es $ 800. Si compra acceso de por vida ahora, cuesta $ 224. Es una obviedad.

Obtenga 10% de descuento en Divi Builder hasta noviembre de 2023

Elementor contra Divi Builder Veredicto de precios:

Elementor es perfecto para principiantes con un presupuesto limitado y empresas con un sitio web. Pero el modelo de precios anual le costará cientos o incluso miles de dólares más durante la vida útil de su negocio.

El plan de acceso único y de por vida de Divi es perfecto para agencias y operaciones más grandes.

Una advertencia: no deje su sitio abierto a piratas informáticos y arriesgue su negocio

Lo siento, pero tengo otra historia rápida sobre cómo traté de tomar un atajo y casi me costó caro.

Esto sucedió cuando intentamos evitar pagar una suscripción por Elementor.

Pensamos que sería una buena idea optar por una suscripción de un año en el nivel Plus y luego no renovar. Después de todo, una vez que el sitio esté configurado, no necesitaríamos más actualizaciones y soporte, ¿verdad?

EQUIVOCADO. ¡Las actualizaciones son absolutamente críticas!

Recientemente, se descubrió una vulnerabilidad en Elementor Pro. 

Esta vulnerabilidad dejó los sitios susceptibles a ataques. 

Elementor lo reparó de inmediato. Hubo solo un problema...

Resulta que sin una suscripción activa, no podíamos recibir actualizaciones.

Así que nuestros sitios se convirtieron en patos fáciles. Recuerde que a través de esta vulnerabilidad, los sitios sin parches fueron atacados y pirateados.

Entonces, para ahorrar $ 100 en tarifas de renovación, casi perdemos nuestros sitios y varios clientes con ellos.

Por lo tanto, un consejo rápido. Nunca dejes que tu suscripción caduque, ya sea para Elementor o para Divi (por eso siempre recomendamos una SUSCRIPCIÓN DE POR VIDA). 

Por eso, si tiene más de un sitio, ¡opte siempre por la suscripción de por vida! Le ahorra mucho tiempo, dinero y estrés.

Dónde alojar su creador de páginas

Tanto Divi como Elementor han ideado un nuevo concepto.

Para que sea más fácil para las personas que necesitan una administración y mantenimiento de sitios web simplificados, han lanzado una versión de sus productos que está totalmente alojada.

Esto significa que, en lugar de que necesite encontrar su propio servidor de alojamiento de sitios web, instalar y mantener WordPress, ADEMÁS de construir su sitio, su versión alojada se encarga de los aspectos de alojamiento.

Entonces solo necesita concentrarse en la construcción del sitio web.

Ambas compañías han ideado un producto similar, donde Elementor ofrece el Cloud Website Builder al precio de $99/año.

Divi también ofrece una opción de alojamiento de su producto, conocida como Divi nube. 

Esencialmente, ambos productos son WordPress con el complemento instalado, pero alojados en un servicio en el que no tiene que manejar ninguno de los detalles esenciales de WordPress.

El precio es bastante atractivo si desea un enfoque de no intervención para su WordPress una vez que su sitio web esté activo.

Testimonios: lo que dicen otros usuarios

Ambos Divi Builder y Elementor Pro tienen decenas de miles de usuarios. Lo bueno es que no hay mucha diferencia en las calificaciones de Elementor vs. Divi Builder, ambos están altamente calificados.

Consulte las calificaciones del creador de páginas de Elementor en el directorio de WordPress:

Diferentes personas, desde desarrolladores hasta usuarios ocasionales por igual, han tenido experiencia en uno o ambos y muchas personalidades importantes de WordPress tienen sus propias opiniones y pensamientos cuando se trata de estos complementos.

Lo que la gente dice acerca de Divi Builder

Con la Divi builder, las personas siempre elogian a su equipo de soporte, la mayoría de las reseñas de 4 y 5 estrellas siempre mencionan lo excelente que es su soporte.

Aunque Divi Builder puede ser un poco más difícil de usar que Elementor, su equipo de soporte está ahí para respaldarlo.

"Elegant Themes Divi Builder y el tema es impresionante. Busqué por todas partes un tema con un editor / creador de páginas de front-end sólido, gastando dinero en muchos temas de baja calidad. Cuando finalmente encontré Divi, supe que era el tema para mí y ahora lo uso en mi agencia de marketing para crear sitios web de clientes porque funciona muy bien. También cuentan con un soporte increíble que está bien informado y listo para ayudarlo con cualquier personalización del sitio web que se le ocurra ".

"He sido miembro de Elegant themes desde hace unos años y me encanta. He creado sitios web increíbles para clientes usando sus temas y complementos brillantes y nunca me veo usando nada más. El servicio al cliente es insuperable, responden rápidamente y el consejo es completamente confiable. Excelente compañía ".

Lo que dice la gente sobre Elementor Pro

Los usuarios de Elementor elogian cómo es uno de los mejores complementos de creación de páginas gratuitos del mercado y lo fácil que es de usar que incluso los principiantes no tienen problemas para usarlo.

"Soy un nuevo usuario del complemento, pero no puedo enfatizar lo suficiente lo fácil que es configurar el complemento y las funciones que ofrece para ahorrar tiempo".

"Nuevo en WP, pero Elementor es un súper creador de páginas. Realmente hace que el desarrollo web sea más rápido y mucho less frustrante. Además, hace un hermoso trabajo. Una de las características que realmente me encanta es la posibilidad de volver a versiones anteriores cuando la computadora o yo estropeamos algo. Puede volver al cambio anterior, o cualquier cambio en esta sesión o cualquier cambio guardado. ¡Me encanta el concepto de bloque! Podría usar más plantillas de bloques. Crear plantillas de Elementor es muy fácil de hacer y usar. Ojalá hubiera un widget de PHP. El desafío es mantenerse al día con todas las nuevas mejoras a medida que las implementan con frecuencia. Siempre intentando mejorar este buen producto. ¡Sigan con el buen trabajo chicos! "

Terminando: ¿Elementor o Divi?

Divi Builder y Elementor ofrecen una amplia variedad de funciones que pueden ayudarlo a crear páginas hermosas con facilidad. Ambos creadores de páginas se han centrado en la facilidad de uso.

Si bien tienen muchas similitudes, sus interfaces de usuario son bastante diferentes.

Elementor ofrece accesibilidad al tener una barra lateral que contiene herramientas y opciones, mientras que Divi se simplifica al mostrar la menor cantidad posible de elementos de la interfaz de usuario.

En cuanto a la cantidad de plantillas predeterminadas, Divi ofrece más opciones en comparación con Elementor, pero ambos complementos tienen una opción de importación y exportación, lo que le permite agregar docenas de plantillas de terceros de otras fuentes.

En términos de precios, Elementor Pro es más caro que Divi Builder ya que este último tiene una licencia de por vida y un uso ilimitado del sitio.

Elementor tiene un precio máximo de $399 por año, lo que te permite usarlo para mil sitios. También ofrece una versión gratuita que aún ofrece un poderoso conjunto de herramientas e incluso plantillas que le permiten crear hermosas páginas.

Limpieza del código

En cuanto a la limpieza del código, Elementor dejará un código HTML limpio y válido si lo desactiva.

Divi dejará algunos códigos cortos en las páginas que son un problema para solucionar, por lo que te bloquea un poco.

Sin embargo, teniendo en cuenta que tienen una opción de licencia de por vida, está justificado.

Rendimiento

Hasta hace poco, no había mucho que elegir entre Elementor y Divi en términos de rendimiento. Todo eso cambió con el actualización más reciente de Divi.

Una nueva actualización del tema de WordPress significa que ahora es más ligero y rápido que nunca.

El equipo ha cambiado mucho bajo el capó. CSS se ha reducido en un 94%, Divi ahora usa CSS dinámico y estilos inteligentes para cargar solo el CSS de la página que se está viendo y las duplicaciones se han reducido en todos los ámbitos.

Otras mejoras de rendimiento en Divi incluyen la introducción de PHP dinámico para agilizar el procesamiento, optimizaciones de JavaScript, aplazamiento de hojas de estilo de Gutenberg, almacenamiento en caché de aplazamiento de jQuery para Google Fonts y hojas de estilo en línea.

¡Divi ahora obtiene 100 en Google PageSpeed ​​Desktop y 99 en Google PageSpeed ​​Mobile!

Seguridad

Elementor ha tenido múltiples serios problemas de seguridad en el pasado, pero se mitigaron y resolvieron fácilmente.

Divi builder también ha experimentado un problema de seguridad grave en enero de 2020.

El Divi builder y el tema experimentó una vulnerabilidad de inyección que requirió una actualización.

Esto nos lleva a una conclusión simple, sin importar el tamaño del proveedor, las vulnerabilidades siempre son una posibilidad. El quid es cómo el vendedor reacts a tal vulnerabilidad. Ambos proveedores han respondido con mucha madurez a la vulnerabilidad.

Capacidad de creación de temas

Cuando se escribió este artículo por primera vez, Divi no tenía una función de creación de temas. por lo que anteriormente recomendábamos Elementor si necesitaba capacidades de creación de temas.

Pero, ¿cuál es la situación en estos días cuando se trata de la construcción de temas de Divi vs Elementor?

Todo cambió cuando se lanzó Divi 4.0.

En este punto, tanto el constructor como Elementor vienen con el mismo conjunto de funciones.

En términos de personalización y control, Divi y Elementor hay muy poca diferencia entre los dos.

Ambos ofrecen potentes funciones de creación de temas con controles detallados que le permiten crear y diseñar su sitio web de la forma que desee. Desde páginas estáticas personalizadas hasta encabezados, pies de página y diseño de cuerpo personalizados, ¡puede crearlos todos!

Entonces, ¿quién gana este Elementor vs. Divi builder ¿comparación?

Hay una cosa que hace Divi builder el mejor producto en general y toma ventaja: el tema Divi.

Divi viene en dos formas: un tema y un complemento. Usaría el complemento si desea usar el Divi builder con temas de terceros. De lo contrario, optaría por utilizar el tema.

¿Por qué es eso importante?

Integración y compatibilidad.

Si opta por el tema, no tendrá problemas de compatibilidad.

Elementor tiene su propio tema, pero cuando lo comparas con el tema Divi, no hay absolutamente ninguna comparación.

El tema "Hello Elementor" es básico y está destinado a usuarios y desarrolladores avanzados para que puedan desarrollarlo más. Si desea un tema de Elementor rico en funciones, debe instalar un producto de terceros.

Podrías considerar usar Astra en este caso, un tema de Elementor.

Principales diferencias en la construcción de temas

Una de las principales diferencias entre el uso de Elementor y la función de creación de temas de Divi es el editor.

Hay una gran diferencia en la experiencia del usuario, eventualmente, la que prefiera se reduce a la experiencia y preferencia personal.

Al editar una plantilla de encabezado, pie de página o cuerpo personalizado en Divi Builder, el editor solo se centrará en esa área particular de su sitio web.

Por ejemplo, cuando está editando un encabezado personalizado, lo único que estará visible en su pantalla es nada más que el área del encabezado.

Con Elementor, tendrá una vista de todo el sitio web, independientemente de si está editando un encabezado, un pie de página o un diseño del cuerpo.

En este sentido, podemos decir que la Divi builder se centra en la edición sin distracciones mientras usa Elementor para ver la imagen completa en cualquier momento.

Leer más: WP Bakery vs Divi: una comparación completa.

Elementor vs Divi: pros y contras

Cada producto tiene fortalezas y debilidades y Elementor y Divi no son diferentes. Probablemente ya esté claro lo que creo que son, pero para resumir:

Ventajas de Divi:

• Interfaz limpia y moderna
• El nuevo Divi Builder ha cambiado el juego
• Permite el uso gratuito de widgets y códigos cortos.
• El precio es excelente para agencias y múltiples sitios web.
• Muchas plantillas y diseños para usar

Contras de Divi:

• No puede importar una plantilla de sitio web completa, solo páginas individuales
• La desinstalación deja atrás el código
• El costo solo funciona realmente para múltiples sitios web

Ventajas de Elementor:

• Fácil de usar y personalizar
• Excelente gestión de diseño y control fino
• Cientos de personalizaciones posibles
• La versión gratuita lo hace muy accesible.
• Las versiones premium ofrecen muchas funciones adicionales

Contras de Elementor:

• Requiere un tema de WordPress separado
• Más caro que Divi

Elementor vs Divi: Preguntas frecuentes

¿Qué es divi?

Divi es un creador de páginas y una combinación de temas de WordPress. Es un producto multipropósito completo que se puede utilizar para crear cualquier tipo de sitio web desde cero, ya sea de comercio electrónico, basado en un nicho o específico de la industria o un sitio web de cartera. Es producido por Elegant Themes y es uno de los productos de WordPress más populares y se ha vendido más de 850,000 veces.

¿Qué es elementor?

Elementor es uno de los creadores de páginas de WordPress más populares. Si bien no es un tema, también tiene poderosas capacidades de creación de temas. Por lo general, Elementor se usa junto con un tema para crear publicaciones y páginas personalizadas usando funciones de arrastrar y soltar. Elementor tiene una versión gratuita y de pago. Gracias a la versión gratuita, y en los últimos años tiene millones de instalaciones activas.

¿Cuál es la diferencia entre Divi y Divi builder? 

Divi es el tema de WordPress, Divi builder es el editor de arrastrar y soltar o el creador de páginas que forma parte del tema Divi. En realidad, no es necesario hacer ninguna distinción entre ellos, porque funcionan como costura.lessly juntos.

¿Puedo usar Divi en varios sitios?

Sí, una vez que compre Divi por el precio de $ 89, puede usarlo en sitios ilimitados, pero obtendrá soporte y actualizaciones solo por 1 año. Hay una versión a $249 que tiene sitios ilimitados de por vida, soporte y actualizaciones ilimitadas. Si utiliza nuestro enlace que se encuentra en esta página, obtendrá un 10% de descuento en ambos precios.

¿Es Elementor el mejor creador de páginas?

Elementor es el mejor creador de páginas que existe actualmente. Si bien esto es subjetivo y puede no ser adecuado para todos, creemos firmemente que ningún creador de páginas por sí solo puede igualar sus características. Por supuesto, esto no significa que sea adecuado para todos. Divi con su paquete de tema + creador de páginas también es una excelente opción para muchas personas.

¿Divi es mejor que Elementor?

Para algunas personas, que no quieren comprar un tema y un creador de páginas por separado, Divi puede ofrecer más valor, especialmente si compra el acuerdo de por vida. Si planea crear un solo sitio web, creemos que Divi es una excelente opción. Si planea crear varios sitios, o es un desarrollador o diseñador, Elementor podría ser mejor porque es compatible con más temas, pero será más costoso que Divi en general.

¿Divi y Elementor trabajarán con Gutenberg?

Sí, tanto Divi como Elementor funcionan bien con Gutenberg. 

¿Puedes usar Elementor con Divi?

Sí, puede usar Elementor con Divi si tiene instalados los complementos correctos, pero dado que Divi tiene sus propias funciones de creación de páginas, creemos que, en general, sería mejor que su sitio web use el complemento divi en todo momento.

Elementor contra Divi Builder: Pensamientos finales

Entonces, ¿cuál es el veredicto final cuando se trata de los creadores de páginas Divi vs Elementor? 

Al final, tanto Divi como Elementor son excelentes creadores de páginas. Todo se reduce a su negocio y sus objetivos.

Si necesita el constructor más fácil que existe para un sitio o necesita un plan GRATUITO, elija Elementor.

Si es una agencia con toneladas de sitios y necesita crear cientos de páginas, elija Divi. Existe una razón por la que todas las agencias y empresas serias utilizan el acceso de por vida de Divi: es el mejor valor en el negocio.

Obtén Divi ahora   Obtenga Elementor ahora

Sobre la autora

Escrito por: David AtardPagina web: https://www.linkedin.com/in/dattard/Correo electrónico: David@collectiveray.com

David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.