Elementor vs Beaver Builder: una comparación detallada del generador de páginas

¿Intenta decidir entre Elementor y Beaver Builder para diseñar su sitio web de WordPress? Elegir un generador de páginas de WordPress es un poco casarse. Aunque puede cambiar de opinión en cualquier momento, es desordenado y es algo que sea mejor que evite siempre que sea posible. Para ayudarlo a evitar cambiar de opinión en el futuro, compararemos estas dos categorías de constructor de páginas pesadas y lo ayudaremos a tomar su decisión. No recomendaremos uno en detrimento del otro. En cambio, investigaremos y le proporcionaremos la información que necesita para tomar su propia decisión. Para ayudar a esto, le daremos una visión práctica de las interfaces, widgets, plantillas, opciones de estilo y más.
Y para hacer las cosas lo más estandarizadas posible, importamos exactamente el mismo diseño de plantilla de inicio para cada generador de páginas respectivo. Entonces, aunque nuestros sitios de prueba ejecutan dos generadores de páginas diferentes, se verán 100% idénticos, lo que le brinda una excelente mirada a cómo cada generador de páginas maneja las cosas. Ambos ejemplos de instalación ejecutan el tema Astra utilizando el sitio de crecimiento Astra de inicio gratuito, si está interesado en de dónde proviene el diseño.
contenido
Completamente actualizado para 2020
Elementor vs Beaver Builder: interfaz
Elementor vs Beaver Builder Interface – ¿Qué es lo mejor?
Elementor vs Beaver Builder: módulos y secciones
Módulos y secciones Elementor vs Beaver Builder – ¿Qué es lo mejor?
Elementor vs Beaver Builder: Opciones de estilo
Opciones de estilo Elementor vs Beaver Builder – ¿Qué es lo mejor?
Elementor vs Beaver Builder: funcionalidad de la plantilla de la plantilla Elementer vs Beaver Builder – ¿Qué es lo mejor?
Elementor vs Beaver Builder: edificio temático
Elementor vs Beaver Builder Temo Building – ¿Qué es lo mejor?
Elementor vs Beaver Builder: otras consideraciones
Elementor vs Beaver Builder Otras consideraciones: ¿cuál es la mejor?
Elementor vs Beaver Builder: precios
Precios Elementor vs Beaver Builder – ¿Qué es lo mejor?
Pensamientos finales sobre Elementor vs Beaver Builder
Completamente actualizado para 2020, este artículo ha demostrado ser muy popular entre nuestros lectores, por lo que en lugar de reemplazarlo por algo más, pensamos que lo actualizaríamos para reflexionar hoy.
Este artículo se actualizó por última vez en julio de 2019. Muchos suceden en un año y todos lo sabemos, por lo que lo actualicé por completo para reflejar las últimas versiones de Elementor y Beaver Builder. El elemento ahora está en la versión 3.0.5. Lo probé en la versión 2.0 y algunas cosas han cambiado. Estos cambios se han reflejado en este artículo. Beaver Builder estaba en la versión 2.2 cuando inicialmente puse esta pieza. Ahora está en la versión 2.4. Verifique los cambios en los cambios para ver cuántos han cambiado en ese momento. Elementor vs Beaver Builder: la interfaz de esta sección debe estar en primer lugar, porque pasará la mayor parte del tiempo en la interfaz de edición del generador de páginas.
Si no lo encuentra rápido e intuitivo, su productividad disminuirá como una piedra y esto es lo contrario de lo que debe hacer un generador de páginas. Ambos generadores de páginas ofrecen sólidos, sin errores, que son bastante rápidos, por lo que es poco probable que note alguna diferencia a este respecto. Pero aunque ambos son creadores visuales, páginas delanteras, abordan la interfaz ligeramente diferente y eso podría afectar su decisión. No hay opción correcta o incorrecta entre Elementor y Beaver Builder. Lo más probable es que se reduzca a preferencias personales. Echemos un vistazo … la interfaz elemental elemental divide la pantalla en dos secciones principales:
1 – Una vista previa en vivo de su diseño a la derecha.
2 – Una barra lateral donde puede acceder a los elementos de la página. Puede sacarlos y colocarlos directamente de este menú o seleccionarlos y agregarlos generalmente. Luego puede atacarlos y usar otras características (como vistas previas receptivas).
Debido a que Elementor es un editor en vivo, cualquier cambio que realice se refleja inmediatamente en el panel correcto. Una vez que haya agregado un elemento, puede seleccionar ese elemento en el panel correcto para acceder a todas sus propiedades y cambiar lo que desee.
Si desea ver su sitio por completo, también puede ocultar manualmente el panel lateral cuando sea necesario. Elementor acepta editar el texto en línea, por lo que puede editar cualquier elemento de texto simplemente haciendo clic y escribiendo. También puede seleccionar el elemento de texto y realizar los cambios en la barra lateral izquierda.
Finalmente, con algunos de los botones más pequeños en la barra lateral, puede acceder: vista previas receptivas

Botones de cancelación/restauración

Un historial completo de acciones individuales (para la sesión actual) y revisiones guardadas
Varias otras configuraciones
La interfaz Beaver Builder Beaver Builder le brinda una vista previa de todo su diseño, optando por colocar las áreas de control en una barra superior y una ventana emergente cuando desea editar un módulo o una fila.
1 – Vista previa en vivo ocupa toda la página
2 – Puede agregar módulos o filas haciendo clic en el icono + para abrir el menú
Así es como se ve la interfaz cuando presiona el icono +: Touching + Carga el panel principal, el equivalente del menú izquierdo en el elemento. Aquí encontrará todos los elementos de la página ofrecidos.
Además, al igual que Elementor, simplemente deslice estos módulos desde la barra lateral y vuelva a agregarlos para agregarlos en su página.
Puede editar módulos en un cuadro emergente similar a Divi Builder. Puede arreglar fácilmente esta ventana emergente en la barra lateral si prefiere este enfoque.

Beaver Builder recientemente agregó la edición del texto en línea, que lo coloca en un sorteo con el elemento a este respecto, también*:

* Le recomendamos que arregle la ventana pop -up en la barra lateral si usa la edición en línea, porque ofrece una interfaz Elementor vs Beaver Builder: ¿qué es lo mejor? Tanto Elementor como Beaver Builder ofrecen una interfaz igualmente fluida, con fácil acceso a las herramientas. Elementor tiene varias opciones de personalización, mientras que la barra lateral en Beaver Builder es más fácil de navegar. Ahora Beaver Builder ha agregado edición en línea, la competencia está más cerca que nunca, por lo que es realmente difícil elegir entre ellos. Elector vs Beaver Builder: módulos y secciones, ya sea que los llames widgets o módulos, secciones o filas, estos elementos son los básicos que son los básicos. Elementos de su diseño para referencia, Elementor los llama widgets, mientras que Beaver Builder los llama módulos. Sin embargo, son exactamente iguales. Use secciones, filas y columnas para crear la apariencia básica para su página. Luego agregue widgets o módulos a esas filas y columnas para agregar realmente contenido a esa página. En esta sección, compararemos cómo cada generador de página administra estos elementos.

Elementor Widgets Elementor le da tres elementos, cada uno con una jerarquía:
Secciones: estas están en la parte superior de la jerarquía de elementos. Una sección agrupa columnas y widgets y le permite personalizar todo dentro.

Columnas: las columnas son el segundo nivel en la jerarquía. Encaja dentro de las secciones y comparte tu diseño en tu vertical
Widgets: los widgets son el tercer nivel de la jerarquía. Forman el contenido real de su sitio. Los widgets pueden ser texto, imágenes, una tabla de precios o lo que desee.
En la versión gratuita de Elementor, puede construir sus 28 diseños de widgets. Con Elementor Pro, tiene acceso a más de 50 widgets premium para agregar aún más libertad a su diseño.
Elementor también le permite agregar widgets adicionales a través de terceros complementos. Por ejemplo, el complemento Ultimate Addons para Elementor agrega más de 50 nuevos widgets en los que puede usar. Module Beaver Beaver Beaver Builder Designs utilizando un enfoque similar, aunque utiliza una terminología diferente:
Filas: las filas están en la parte superior de la jerarquía, el equivalente de las secciones del elemento. Puede usar filas para aplicar espacios y fondos cohesivos al contenido interior.
Columnas: las columnas coinciden con las filas dentro y lo ayudan a dividir su página en posición vertical.
Módulos: estos son el contenido real de su sitio. Contendrán su texto, imágenes, botones y lo que desee usar.
En la versión gratuita, Beaver Builder le da 6 módulos. Pero con la versión premium, tiene acceso a un total de 50 módulos. Como elemento, puede extender esto aún más con complementos de terceros. Por ejemplo, el complemento Ultimate Addons for Beaver Builder agrega más de 60 nuevos módulos. Módulos y secciones Elementor vs Beaver Builder – ¿Qué es lo mejor? Tanto Elementor como Beaver Builder ofrecen la mayor parte de lo que necesitaría en una página web. Ambos ofrecen opciones decentes para versiones gratuitas y una gama mucho más amplia para Premium. Elementor parece tener una ventaja aquí. La opción gratuita ofrece más que Beaver Builder, y la opción Premium ofrece aún más. Los widgets de tercera parte parecen estar más extendidos para el elemento en este momento. Elementor vs Beaver Builder: Opciones de estilo Después de tener los módulos y secciones en su lugar, querrás que todo lo que se vean correcto. Aquí es donde intervienen las opciones de estilo de un generador de páginas … pero no caigan en la trampa que debe usar el generador de páginas para que todo estille. Para elementos básicos, como colores y tipografía, a menudo es más fácil usar su tema para configurar los estilos globales. Luego debe editar estilos con el generador de ayuda solo si desea crear contenido para detener sus estilos globales. Opciones de estilo elemental De Por defecto, la primaria aplica sus propios estilos globales a su contenido que puede configurar según sea necesario. Sin embargo, al acceder a la configuración del complemento, puede deshabilitar esta funcionalidad y usar su tema de WordPress:
Si usa el tema Astra, esto es útil porque significa que puede usar los comandos de personalización detallados de Astra para establecer estilos para todo su sitio. Una vez que haga esto, su contenido elemental usará exactamente el mismo estilo que su contenido regular de WordPress, lo que garantiza la coherencia en todo su sitio. Por supuesto, si desea reemplazar estos estilos globales o con estilo su diseño de otras maneras, Elementor le brinda mucho control. Para cada sección, columna o widget, tiene tres pestañas para controlar cómo se ve y funciona: contenido: cosas básicas como alineación y tamaño.
Estilo: colores, tipografía, etc.
Martaje avanzado/relleno, animación, controles receptivos, índice Z y muchos más.
Elementor tiene uno de los conjuntos más profundos de opciones de estilo que encontrará en un generador de páginas, por lo que es imposible cubrir cada opción. Más allá de los bordes personalizados y de llenado, dos características muy útiles son:

Comandos receptivos: estos le permiten ocultar contenido en ciertos dispositivos, como teléfonos móviles o tabletas.
CSSS CSS-Con Elemento Pro, puede agregar estilos CSS personalizados directamente a widgets o secciones individuales (la versión gratuita le permite agregar una clase o ID de CSS, pero no estilos reales).
Finalmente, para muchas de las configuraciones de estilo, puede usar el icono del dispositivo para aplicar diferentes estilos a diferentes tipos de dispositivos: esto es útil para el diseño del primer gato y puede ser increíblemente útil para optimizar páginas para diferentes dispositivos.
Opciones de estilo de Beaver Builder Por defecto, Beaver Builder adopta los estilos globales de su base, en lugar de aplicar sus propios estilos, como lo hace elemental de forma predeterminada. Esta es una mejor manera de hacer las cosas en nuestra opinión. Una vez más, esto significa que puede usar los comandos de personalización de temas Astra para configurar un esquema de estilo coherente y luego simplemente sobrescribir los estilos globales con Beaver Builder, según sea necesario. Al hacer clic en cualquier fila o módulo, puede estar elegante con las pestañas que aparecen en la ventana emergente. Las pestañas que ve dependen del módulo específico. En general, tendrá al menos opciones para: estilo: controlar el ancho de contenido, altura, colores, alineación y otras configuraciones

Tipografía: cambie la fuente, el color y el tamaño
Avanzado: cambia de márgenes personalizados, controles receptivos, CSS, entornos receptivos, animaciones y más
Al igual que el elemento, puede usar los iconos del dispositivo para aplicar diferentes estilos en diferentes dispositivos. Aunque solo puede agregar clases e ID de CSS a elementos individuales, Beaver Builder facilita la adición de estilos CSS reales al nivel de página (no a nivel de artículo):

Además, una característica única que tiene Beaver Builder es la opción de establecer puntos de respuesta personalizados en configuraciones globales (estos puntos de interrupción se aplican a todo el contenido de Beaver Builder).

Opciones de estilo Elementor vs Beaver Builder – ¿Qué es lo mejor? Tanto Elementor como Beaver Builder ofrecen mucho control sobre cada elemento de página. Los dos están muy cerca en términos de opciones y facilidad de uso y ambos ofrecen un control finito sobre todo lo que ve en la página. Nuevamente, encontramos muy poco para elegir unos de otros aquí. Elementor vs Beaver Builder: la funcionalidad de Elementor y Beaver Builder le brinda el poder de crear una hermosa página a partir de un lienzo vacío. ¡Pero a veces no quieres comenzar desde cero! Y con tantas plantillas hermosas tanto para el elemento como para el constructor de castores, no es necesario. En cambio, solo puede importar una plantilla, cambiarla según sea necesario y disfrutar de un sitio web maravilloso. Plantillas de elemento que comienzan con Elementor 3.0, Elementor divide sus plantillas en dos categorías: páginas: estos son modelos de página completa que son completamente funcionales desde el momento en que las importe (solo personalice el contenido)

Bloques: los bloques constituyen secciones específicas de una página. Por ejemplo, puede usar un bloque para agregar solo una sección de contacto preconstruida a una página personalizada.
En su versión gratuita, Elementor ofrece más de 40 plantillas de página, así como una mayor cantidad de bloques. Elementor Pro le brinda acceso a más de 200 páginas y bloques premium. Después de crear sus propios modelos, también puede guardarlos como plantillas para reutilizar más tarde. Por ejemplo, puede crear un bloque personalizado y guardarlo como plantilla. Luego puede acceder a esa plantilla desde el menú izquierdo en el elemento para usarla en cualquier página. ¡Es una gran economía de tiempo si reutiliza los artículos con frecuencia! Al igual que los widgets, también es posible usar plantillas de terceros. De hecho, eso es lo que hice para los ejemplos de capturas de pantalla. Importé un sitio completamente demostrativo basado en plantillas elementales que usan plantillas de inicio Astra. Las plantillas de Beaver Builder Beaver Builder no incluyen ningún patrón preconstruido en la versión gratuita. Pero en la versión pagada, Beaver Builder le ofrece una variedad de plantillas de página divididas en dos secciones: páginas de destino: una selección de páginas de destino que cubren la mayoría de los nichos.
Páginas de contenido: una amplia selección de páginas interiores para completar su sitio.

Beaver Builder no ofrece el equivalente de los bloques de Elementor en la versión gratuita.Pero puede encontrar complementos de terceros que le brindan el mismo tipo de funcionalidad (estas se denominan secciones ordinarias).Al igual que Elementary, puede crear sus propias plantillas para reutilizarlas más tarde.Si desea acceso a plantillas adicionales, Beaver Builder le permite acceder a nuevas plantillas a través de desarrolladores de tercera parte.Por ejemplo, el complemento Ultimate Addons for Beaver Builder agrega más de 60 módulos únicos, más de 200 secciones de filas y más de 100 plantillas de página.También puede usar las mismas plantillas de inicio para Beaver Builder.La funcionalidad de la plantilla elemental vs Beaver Builder: ¿qué es lo mejor?

Ambos creadores de páginas ofrecen una selección de opciones para diseñar y trabajar con plantillas. Ambos hacen un trabajo corto al importar, crear y reutilizar los elementos y hacer lo más simple posible la construcción de la página. Sin embargo, la falta de opciones en la versión gratuita de Beaver Builder lo marca en nuestros ojos. Elementor ofrece muchas más funciones, lo que lo convierte en un claro ganador para el valor, si no necesariamente para la productividad. Elementor vs Beaver Builder: Tematic Building El tema es una función sólida que le permite diseñar todo su sitio de WordPress utilizando la misma interfaz fácil de usar para el generador de página que ha visto anteriormente. Tanto Elementor como Beaver Builder ofrecen una creación completa del tema, pero proceden de diferentes maneras. Elementor lo incluye en el suplemento habitual Elementor Pro, mientras que Beaver Builder le pide que compre una extensión de Beaver Themer separada. Las herramientas para crear temas de ambos complementos también son totalmente compatibles con Astra. Sí: incluso si usa un generador de temas para diseñar todo su sitio, aún es importante elegir un tema de calidad (¡por eso!). Por ejemplo, el tema Astra ofrece una base de carga rápida que le permite controlar los estilos globales para su generador de tareas, lo que le ahorra mucho tiempo. La funcionalidad del tema elemental con el generador de temas elementales, puede crear y administrar el tema en el área de mis plantillas. Al crear una nueva plantilla, puede elegir qué parte del tema desea reemplazar, así como darle un nombre.

Luego, puede elegir entre uno de los bloques preconstruidos para comenzar su diseño, o puede construirlo desde cero. La interfaz para crear el tema es idéntica a la interfaz elemental habitual. Solo ahora obtienes un nuevo conjunto de elementos temáticos para construir tu diseño. Estos elementos temáticos le permiten ingresar información dinámica extraída de la funcionalidad principal de su sitio de WordPress. Por ejemplo, si agrega los elementos de publicación de título y información de publicación (el ejemplo a continuación), el contenido real insertará la publicación específica que visita un usuario. Los elementos temáticos dependen del tipo de contenido que crea. Una vez que haya creado su diseño, puede elegir exactamente dónde desea usarlo. Puede usarlo en todas partes o puede optar por usar solo, por ejemplo, un cierto:
Categoría de publicaciones de blog
Tipo de publicación personalizada
Formato de publicación
Sótano
Página
Una vez construido, puede elegir dónde mostrarlo utilizando criterios similares a los anteriores. Por ejemplo, puede seleccionarlo para mostrarlo en un tipo de publicación personalizada o para un autor en particular. Has incorporado todo el control que necesitas. La funcionalidad del tema de Beaver Builder Si tiene la extensión Beaver Themer para Beaver Builder, puede crear y administrar las diferentes partes de su tema accediendo a Beaver Builder → Temer. Cuando cree un nuevo aspecto del tema, le dará un nombre y elegirá qué parte del tema desea reemplazarlo. Puedes crear:
Cabezales

sótanos

página
Publicaciones únicas
404 páginas
Y otra…
Luego tiene dos menús de caída para controlar dónde se muestra su diseño:
Ubicación: le permite aplicar la plantilla para todo el contenido o solo ciertas categorías, etiquetas o tipos de publicaciones. Usuarios: una característica única que le permite aplicar su diseño en función del usuario individual. Por ejemplo, puede mostrar su diseño solo cuando un usuario está conectado o para ciertos roles de usuario.

Esta herramienta de diseño basada en reglas es muy útil en ciertas circunstancias, como sitios de membresía o LMS, donde desea controlar quién ve qué contenido en diferentes circunstancias.
Luego puede hacer clic en el botón Launți Beaver Builder para diseñar efectivamente su tema. Cuando construya su diseño, obtendrá un nuevo grupo de módulos temáticos que le permiten insertar el contenido de su sitio dinámicamente.
Elementor vs Beaver Builder Temo Building – ¿Qué es lo mejor? En la superficie, Elementor toma una mejor opción debido a las opciones incluidas en el suplemento Pro. Tienes que pagar extra para construir el tema en Beaver Builder no es excelente y puede desalentar a algunas personas. Sin embargo, la opción basada en las reglas de Beaver Builder podría marcar una gran diferencia para algunos sitios web y podría ser suficiente para que la compra adicional valga la pena. Elementor vs Beaver Builder: otras consideraciones hay varias características que no encajan perfectamente en este formato de comparación … para esta es esta sección. Aquí hay algunas características únicas que ofrece Elementor:
Widgets global-Usted puede usar widgets globales en múltiples posiciones a lo largo de su sitio y luego actualizar cada instancia al mismo tiempo.
Incorpore en cualquier lugar donde pueda incorporar las plantillas con códigos cortos o widgets. Esto le permite usar Elementor para crear un impulso a la acción en la barra lateral, por ejemplo. Y aquí hay algo que solo ofrece Beaver Builder:
Etiquetado blanco: si crea sitios de clientes, le ayuda a crear un producto final personalizado con una etiqueta blanca. El tema Astra también acepta el etiquetado blanco, por lo que si combina Beaver Builder con Astra, puede crear una solución de etiqueta 100% blanca.
Hay un complemento de terceros que le permite poner una etiqueta blanca en el elemento, pero no lo hemos probado. Elementor vs Beaver Builder Otras consideraciones: ¿cuál es la mejor? Los widgets globales lo convierten en una clara victoria para el elemento. Si bien el etiquetado blanco se adapta a algunas agencias, es una oferta de nicho. El valor de la productividad de los widgets globales y las funciones incorporadas donde sea que haga que el elemento sea una decisión fácil. Elementor vs Beaver Builder: Precios hay versiones gratuitas de Elementor y Beaver Builder que puede probar. Ambos se pueden descargar y usar con cualquier sitio web que desee, aunque la versión gratuita de Elementor le brinda más flexibilidad debido a su biblioteca de widgets más grande. Si desea las versiones premium de cualquier complemento, aquí están los precios … Hay tres planes Elementor Pro:

Personal – 1 sitio – $ 49 por año
Más-3 sitios: $ 99 por año
Experto-1,000 sitios: $ 199 por año
No hay opción de vida. Todos los planes se facturan anualmente. Cada plan viene con una garantía de devolución de dinero de 30 días. Para Beaver Builder, hay tres planes premium.

Sitios estándar sin aliviar: $ 99 por año

Sitios pro-Unlimitados: $ 199 en sitios sin límites de anaga: $ 399 por año
No hay opción de plan de vida.Todos los planes se facturan anualmente.Beaver Builder proporciona reembolsos si se solicita dentro de los primeros 30 días.Beaver Builder funciona de manera ligeramente diferente en que no hay límites del sitio.En cambio, las funciones están restringidas de acuerdo con el plan que elija.El estándar no incluye Beaver Builder o Multisites.Pro agrega estas características.La agencia agrega una etiqueta blanca.Además, si desea acceso a Beaver Themer, hay una tarifa adicional de $ 147 por su uso en sitios ilimitados.Precios Elementor vs Beaver Builder – ¿Qué es lo mejor?
Tanto Elementor como Beaver Builder deben ser aplaudidos porque ofrecen versiones gratuitas de sus páginas. Ambos incluyen una serie de funciones que ofrecen mucha libertad de diseño. Solo cuando compra premium obtienes toda la potencia de cada uno. Elementor es más barato, pero restringe la cantidad de sitios web que puede usar. Beaver Builder es más caro, pero no limita el número de sitios web. Diferentes usuarios encontrarán un mejor valor dependiendo de su situación, por lo que no hay un ganador claro aquí. Los pensamientos finales sobre Elementor vs Beaver Builder Elementor y Beaver Builder son dos páginas que están en la parte superior de su juego. Esta es una gran parte de por qué creamos plantillas iniciales usando tanto Elementary como Beaver Builder. Además, hicimos todo lo posible para asegurarnos de que el tema Astra se integre perfectamente con ambos constructores de páginas cuando se trata de controles de página y creación de tema. Elementor ofrece una amplia gama de opciones, plantillas y elementos de página. También tiene una interfaz atractiva, funciona bien y es relativamente barato dada la potencia que ofrece. Beaver Builder es más rápido de usar y cargar menús, pero la interfaz no es tan interesante para funcionar. El menú lateral también carga todo el contenido a la vez, en lugar de tener que ejecutar para encontrar un elemento, como lo hace con el elemento.