homefinance blog
¿Intentas elegir entre la división y el elemento? Debido a que estos son dos de los complementos más populares para generar páginas de WordPress, no creo que se equivoque en ningún caso. Sin embargo, ciertamente hay algunas características importantes y diferencias de precios entre Elementor y Div que podrían empujarlo a ir de una forma u otra. Eso es lo que intentaré ayudarte a descubrir en esta publicación. Comenzaré explorando las características que son en gran medida las mismas entre Elementor y Div. Luego resaltaré lo contrario y veré lo que es diferente. Para terminar las cosas, compararé el rendimiento y el precio, otras dos consideraciones importantes más allá de la lista de características.
¿Estas listo para empezar? Empecemos a comparar.
contenido
Div vs Elementor: ¿Qué es lo mismo?
Div vs Elementor: lo que es diferente
Div vs Elementor: rendimiento
Div vs Elementor: precios
¿Deberías usar Elementor o Div?
Div vs Elementor: ¿Qué es lo mismo? Estas dos páginas que generan complementos están en la parte superior del juego, así que comencemos comparando lo que ambos tienen más en común. Obviamente, todavía hay diferencias en características más pequeñas aquí y allá, pero estas son las características básicas que obtendrá independientemente del complemento que elija.
Interfaces visuales, arrastrar y soltar para comenzar con el nivel más elemental: la interfaz. Tanto Divi como Elementor le ofrecen interfaces visuales de arrastre y drenaje, con edición en línea. Quiero decir, podrá diseñar su página mientras vea exactamente lo que verán sus visitantes y puede editar el texto haciendo clic y escribiendo en la página. Con div, obtienes un editor de ancho completo, sin elementos de interfaz fijos de Div, más allá de un solo botón en la parte inferior que extiende algunas opciones al hacer clic. Para agregar y configurar módulos, usará los botones flotantes que aparecen cuando pasas con el Ratón sobre su diseño:
Los diferentes colores son diferentes tipos de módulos. Para configurar módulos individuales, usará la ventana de configuración emergente. Puede cambiar el tamaño de la ventana emergente y moverla deslizándose y colocación, lo cual es una característica agradable. El elemento, por otro lado, usa una barra lateral fija a la izquierda, que siempre es visible. Esto no crea una experiencia de diseño igualmente cautivadora, pero personalmente parece más conveniente interactuar con una barra lateral fija en comparación con el uso de botones flotantes que aparecen y salen de la existencia (como Div):
Para configurar un widget o sección, puede hacer clic en él para abrir su configuración en la barra lateral:
¿Cual es mejor? Bueno, creo que esto se trata solo de preferencias personales. Personalmente, prefiero la interfaz elemental y descubro que me permite construir páginas más rápido/más fácil. También encuentro que la interfaz en sí es más rápida y más falta de errores en comparación con DIV. Sin embargo, esta es solo mi opinión y conozco a muchas personas que prefieren usar Div (como lo demuestra su popularidad). Creo que solo tienes que probar ambos, porque es imposible para mí declarar un ganador definitivo para algo subjetivo. El estilo detallado y el estilo elemental son dos de las mejores páginas de WordPress cuando se trata de opciones de diseño y estilo a las que tienes acceso. Por supuesto, hay algunas pequeñas diferencias aquí y allá. Pero en general, tanto ofrecen más opciones de estilo y diseño que el complemento habitual para el generador de páginas de WordPress. No estoy seguro de cómo hacer una comparación objetiva aquí, porque hay muchas características pequeñas que entran en “estilo y diseño”. Pero algunas de las características más notables que ambas ofrecen son:
Formularios separadores
Espaciado personalizado
Posición personalizada para módulos
Efectos de animación como Paralax Parade
Configuración de diseño receptivo con Div y Elementor, todos los modelos que crea son de forma predeterminada. Es decir, sus dibujos funcionarán automáticamente en computadoras, tabletas y teléfonos inteligentes.
Sin embargo, ambos también dan las cosas un paso más allá y también le permiten personalizar la configuración de respuesta para sus diseños, por ejemplo, tanto Div como Elementor le permiten usar diferentes configuraciones de estilo dependiendo de los dispositivos de los visitantes. También puede ocultar ciertos módulos dependiendo de los dispositivos de los visitantes, como ocultar una imagen grande en dispositivos móviles. La funcionalidad del creador de temas tanto Div como Elementor ya no se limita al contenido de una página, también le permite diseñar todo su tema de WordPress utilizando la misma interfaz visual, arrastre por drenaje., Mientras que Divi agregó recientemente esto. Característica con Div 4.0. Entonces, ¿cuál es la construcción del tema? Esencialmente, crear el tema elimina la necesidad de un tema de WordPress, lo que le permite diseñar todo su tema de WordPress utilizando un generador de página de arrastrar y soltar. Por ejemplo, podrá crear plantillas para:
ENCABEZAMIENTO
Sótano
Publicaciones y páginas únicas (por ejemplo, una publicación de blog individual)
Páginas de archivo (por ejemplo, página que muestra todas las publicaciones de blog)
Más allá de la inclusión dinámica de la información nativa de WordPress, como el título de una publicación de blog, también puede usar los generadores de ambos complementos para insertar información de campos personalizados.
Con Div, puede organizar las diferentes partes de la plantilla del tema utilizando una interfaz de back-end como esta:
Para construir efectivamente las piezas de la plantilla del tema, como el encabezado, utilizará el generador visual delantero. Puede usar la función de contenido dinámico para insertar información sobre el sitio, como el título y el eslogan de su sitio: con Elementor, saltará el Visual Builder directamente para diseñar su plantilla de tema. También recibirá algunos widgets dedicados para el lado de la plantilla, junto con una función de contenido dinámico que puede aplicar a cualquier widget:
Después de haber publicado la plantilla del tema, puede elegir dónde aplicarla, por ejemplo, usarla solo para una determinada categoría de publicaciones:
En general, ambos creadores de temas son bastante fuertes. Haga clic en la derecha, tanto Divi como Elementor proporciona soporte para hacer clic derecho, que es bastante único entre las páginas de WordPress. Ser clic derecho puede parecer algo pequeño, pero es muy útil acelerar el flujo de trabajo. Por ejemplo, puedes rápidamente:
Copiar estilos entre widgets
Widgets duplicados
Eliminar widgets
Guardar las plantillas
y así
Aquí está el menú correcto -clic en Div:
Y aquí está el menú correcto en el elemento:
Div vs Elementor: qué es diferente ahora que conoce algunas de las similitudes entre Elementor y Div, para investigar algunas de las principales diferencias. Elementor tiene un generador emergente, una de las mayores diferencias en las características es que el elemento incluye su propia herramienta de generación emergente, mientras que DIV no lo hace. Con Elemoror PopUp Builder, puede usar la misma interfaz Elementor para diseñar ventanas emergentes y mostrarlas en cualquier lugar de su sitio. Sin embargo, aún puede usar la gama completa de widgets de elementor, lo que significa que puede crear: ventanas emergentes para inscripción por correo electrónico
Autenticación emergente/Registro Windows
Promoción emergente/ventanas CTA
y así
DIV no incluye un generador emergente incorporado, ya que lo consigue con Elementor, aunque hay complementos de terceros, como superposiciones, que le permitirán usar DIV. También tiene acceso al complemento de correo electrónico de Bloom (nuestra revisión) con su compra. Le permite crear ventanas emergentes para el correo electrónico, pero de ninguna manera es tan flexible como El Elementor PopUp Builder, porque no hay un generador de tipo DRA-DROP. DIV tiene una prueba A/B Esta es una característica que todos usarán, pero si está enfocado en el marketing, es posible que le guste el hecho de que Div viene con la prueba A/B para optimizar su diseño: los sombreros. Al hacer clic con el mismo módulo, puede iniciar rápidamente una prueba de A/B/N y ver cómo funcionan las diferentes variantes de cualquier módulo. Por ejemplo, puede probar diferente:
titulares
Botones
Imágenes
y así
Si tiene la intención de construir páginas de destino y otras, probablemente encontrará esta característica bastante útil. Dicho esto, puede probar A/B Elementor utilizando soluciones de tercera parte, como Google Optimize. También hay un complemento de terceros llamado Test Split para Elementor. Simplemente no es tan conveniente como un div. Div viene tanto en una versión temática como en una versión del complemento elemental es solo un complemento. Mientras que el equipo de Elementer ofrece su propio tema básico llamado Hello, que está construido para ser utilizado con El Elementor Theme Builder, Elementor en sí es un complemento independiente. Por otro lado, Div viene tanto en una versión temática como en una versión de complemento. No necesariamente sé si se trata de grandes pros o contras o si realmente hace una diferencia para usted … pero ciertamente es una diferencia. Con el tema de DIV, puede garantizar que el generador del tema y las páginas estén perfectamente sincronizados, lo que tiene un cierto atractivo. Al mismo tiempo, sin embargo, hay algunos temas excelentes de terceros terceros, por lo que no es como si no pudieras obtenerlo con Elementor. DIV tiene un paquete de apariencia y varias plantillas, Elementor solo tiene plantillas (en su mayor parte) tanto Div como Elementor incluyen muchas plantillas maravillosas que puede importar, por lo que esa parte es la misma. Sin embargo, usan plantillas de maneras ligeramente diferentes. Con Div, obtienes algo llamado paquetes de diseño, que son algún tipo de plantillas temáticas creadas para nichos específicos. Por ejemplo, si desea crear un sitio web para un gimnasio, un paquete de división incluiría múltiples plantillas para:
Hogar
Página de cursos
Sobre la página
Página de contacto.
En los 158 paquetes de diseño, DIV tiene 1.167 patrones de página diferentes, que ciertamente es la colección más grande de los dos.
Las plantillas de elementos son, en su mayor parte, solo plantillas únicas.Por ejemplo, puede encontrar una plantilla de página de destino o una plantilla de página de servicio, pero no son necesariamente temáticas juntos.
Tenga en cuenta que Elementor lentamente comienza a lanzar sus propios paquetes de diseño llamados kits de sitio. Sin embargo, Elementor actualmente tiene solo siete kits de sitio, mientras que DIV tiene más de 150 paquetes de diseño, por lo que considero esto como una diferencia. El equipo de Elementer tiene como objetivo agregar un nuevo kit de sitio cada mes, por lo que con el tiempo, esta colección debería crecer … pero nunca abordará la división a este ritmo. Elementor tiene un mercado de tercera parte más grande, una de las mejores cosas sobre la división y el elemento es que puede encontrar extensiones de terceros para mejorar las características de los complementos básicos. Incluso si ambas páginas, los creadores tienen excelentes mercados de terceros, debería darle una ventaja a esto. El hecho de que Elementor tenga una versión gratuita y, como resultado, una cuota de mercado más grande ha impulsado a varios desarrolladores de terceros para crear extensiones elementales. Por ejemplo, buscar “div” en wordpress.org muestra 22 páginas de resultados, mientras que la búsqueda de “elemental” obtendrá 48 páginas de resultados. Nuevamente, ambos son bastante buenos y mejores que el generador de página habitual; creo que Elementor está de antemano aquí. Div vs Elementor: rendimiento Para medir el rendimiento relativo entre Div y Elementor, creamos dos páginas, por ejemplo, módulos básicos y luego los ejecutamos a través de herramientas de prueba de rendimiento para ver cómo fueron las cosas. Ambos sitios usan Airi como tema básico y aquí están los módulos que utilicé: botón
Medidor de círculo
Testigo
Lista de precios
Los diseños son súper barebones, pero debería darle una buena idea sobre el rendimiento relativo de cada complemento.Solo para ser claro, uso la versión de complemento de Div (Divi Builder) con el tema Airi para que esta sea una comparación uniforme.Es decir, no uso el tema div.Así es como evolucionó la divina: y así es como funcionó el elemento:
No me preocuparía demasiado por los tiempos de carga de la página, porque esta es solo una prueba única.Pero así es como se reúnen el tamaño de la página y las solicitudes HTTP entre Divi y Elementor:
<
Por lo tanto, Elementor tenía una dimensión de archivo más pequeña, mientras que DIV ha tenido menos solicitudes HTTP. Sin embargo, continuaré proporcionando una ventaja fácil para Elemoror, porque DIV tiene una optimización incorporada de las Escrituras, lo que ayuda a explicar por qué tiene menos solicitudes HTTP. Sin embargo, puede hacer algo similar al elemento: solo necesita un complemento gratuito de terceros, como autoptimizado. Es decir, si usa el auto-cabeza (u otro complemento, como WP Rocket), podrá combinar las Escrituras de Elementor para reducir la cantidad de solicitudes HTTP en su sitio. Por lo tanto, siempre que implementa las mejores prácticas de WordPress, como Como archivos concatenados con cohete de autoadio o WP, creo que Elementor es poco antes, porque tiene un tamaño de página más pequeño en mi prueba. Sin embargo, Divin todavía ofrece un rendimiento sólido para un complemento de generación de páginas. Div vs Elementor: Precios con respecto a si es más barato usar Elementor vs Div, esto depende de cuántos sitios necesite usar. En primer lugar, el elefante en la habitación:
Elementor ofrece una versión gratuita generosa, mientras que Div viene solo en una versión premium. Puede hacer mucho con solo la versión gratuita de Elementor. Entonces, si la versión gratuita funciona para usted, creo que es una idea no elegir Elementor en lugar de Div en este caso. Si necesita acceso a funciones premium, entonces la situación no es tan clara. Elementor será más barato si tiene que usarlo solo en un sitio, mientras que Diva será más barata si tiene que usarlo en varios sitios web. Elementor utiliza un enfoque de licencia basado en el sitio con tres opciones: Personal – $ 49 para un sitio
Más- $ 99 para tres sitios
Experto- $ 199 por 1,000 sitios (esencialmente ilimitado, pero limitado a 1,000 para prevenir el abuso)
Todos estos planes son para una licencia de un año. Aunque puede continuar utilizando la versión actual de Elementor Pro después del primer año, deberá renovar para continuar recibiendo asistencia y actualizaciones. Div tiene solo dos planes de precios, ambos le permiten usar Divi en sitios web ilimitados:
Acceso anual: $ 89 con un año de asistencia y actualizaciones.
Acceso de vida: USD 249 con asistencia de vida y actualizaciones.
Más allá del hecho de que ambos planes le permiten usar la división en sitios web ilimitados, hay otro gran beneficio aquí. Este precio le brinda acceso a todos los productos de temas elegantes. Esto incluye el complemento para el correo electrónico Bloom (nuestra revisión), las redes sociales Monarch y más. Teniendo en cuenta todas las cosas, Divi Builder es definitivamente más barato de usar en múltiples sitios web, lo que puede empujarlo en la dirección de DIV si puede hacer todo lo que necesita. Por otro lado, si sabe que solo necesita un generador de páginas para un solo sitio web, entonces Elementor Pro será más barato con solo $ 49. ¿Deberías usar Elementor o Div? Div y Elementary son dos de las páginas más importantes para generar páginas, por lo que no creo que necesariamente cometa errores con ninguno de ellos. En cambio, creo que se reduce a: las características que necesita. Por ejemplo, ¿crees que usarás el generador emergente? Ve con Elementor. ¿Quieres probar A/B Incorporated? Ve con el Div.
Su presupuesto. Elementor Pro será más barato si solo lo necesita para un solo sitio, mientras que Diva será más barata si necesita un generador de páginas para múltiples sitios web.
Tus preferencias personales. Por ejemplo, podría preferir un editor en lugar de otro, porque ambos usan enfoques algo diferentes.
¿Qué elijo y recomiendo personalmente? Paso todo el día escribiendo y trabajando con WordPress, así que me gustaría pensar que tengo información aquí. Personalmente, me gusta (y uso) Elementor. Creo que solo la versión gratuita funciona para muchos de mis sitios y prefiero la interfaz Elementor que Div. La interfaz de la división se siente un poco lenta en comparación con Elemoror y Personal. Me parece más agradable construir diseños en Elemoror, gracias a su interfaz de fondo más rápida y su enfoque de barra lateral fija. Sin embargo, esto no significa que esté de acuerdo conmigo, por lo que le animo a que: piense en si las características anteriores hacen una diferencia significativa para usted.
Considere cómo cae el precio dentro de su presupuesto.
Juega con cada complemento. Puede probar la versión gratuita de Elementor en WordPress.org, y Div tiene un sitio demostrativo público donde puede jugar con el editor.
Si desea una visión más detallada de cualquier complemento, también puede consultar nuestra revisión completa de Elementor Pro y Divine. Además, aquí hay una tabla de comparación con todas las similitudes y diferencias detalladas en esta revisión:
| similitudes | Elementor gana | la división gana |
| tiene un Pop-Up Generator | tiene una prueba A/B incorporada | |
| opciones de estilo detalladas | tiene un mercado de terceros más grande | viene tanto en una versión de tema como en una versión de arado |
| Configuración de diseño receptivo | tiene un tamaño de página más pequeño (en mi prueba única) | tiene paquetes de apariencia y más plantillas |
| funcionalidad creando el tema/td> | más barato para un solo sitio web | La membresía le brinda acceso a todos los temas elegantes |
| más barato para usar en múltiples sitios web |