Elementor Pro vs Beaver Builder 2022

La comunidad de WordPress está bendecida con muchas páginas que los constructores arrastran y caen. Estos complementos de WordPress fáciles de usar le permiten crear páginas profesionales en unos segundos, incluso si no tiene experiencia de diseño o desarrollo. En este artículo, nos ponemos frente a dos de los creadores de página de arrastre y soltar de WordPress más populares: Elementor Pro y Beaver Builder. Ambas soluciones utilizan un editor front-end. Esto significa que puede hacer cambios directamente en su sitio usando un editor visual y ver cambios en tiempo real.
Veamos y veamos qué ofrece Elementor Pro y Beaver Builder a los propietarios de sitios de WordPress. Esto lo ayudará a ver cuál de estas páginas de arrastre y caída premium es adecuada para usted. Elementor Pro Elementor fue inmediatamente popular cuando se lanzó inicialmente en junio de 2016. El complemento logró acumular más de 10,000 instalaciones activadas en solo tres meses y 15 meses Más tarde, los desarrolladores lograron aumentar a sus usuarios de 10,000 a más de 300,000 usuarios. Una de las razones por las cuales la versión gratuita de Elementor creció tan rápido es que los desarrolladores ofrecieron una experiencia fácil de usar, con funciones que normalmente solo estaban en páginas premium y páginas de caída. Su versión profesional, que es lo que veremos hoy en este artículo, desbloquea todas las funciones.
Elementor le brinda control completo sobre cada página de su sitio, utilizando un hermoso editor visual frontal. 90 widgets de contenido están disponibles para ayudar a modelar las páginas como desee. Encontrará widgets para agregar imágenes, videos, mapas, barras laterales, testimonios y más. Más de 50 de estos widgets de contenido solo están disponibles en la versión Pro. Esto incluye widgets de contenido deseables para WoCommerce, compartir redes sociales, tablas de precios, publicaciones, carteras, comentarios de Facebook y más. Te complacerá saber que puede usar cualquier widget WordPress con Elementor. Esto abre oportunidades ilimitadas para integrar widgets de su WordPress favorito. Además, se proporciona una gran colección de plantillas prefabricadas. Se pueden usar sin cambios o como base para crear su propio diseño. Todas las plantillas se pueden guardar y aplicar a otras páginas. También se pueden exportar e importar. Usando Elementor Pro una vez que haya activado el elemento, verá un enlace “Editar con Elementor” en publicaciones y páginas con la lista de páginas. Puede saltar directamente al editor en vivo haciendo clic en este enlace. Si ya está en el área de edición de publicación o página, haga clic en el botón “Editar con Elementor”. En el editor de bloques de WordPress, también verá el botón en la parte superior de cada página.
Al usar el editor clásico de WordPress, el botón “Editar con Elementor” se muestra sobre el editor visual.

La interfaz Elementor muestra todas las opciones en el lado izquierdo de la página. Al hacer clic en el área de contenido principal, puede mover secciones y widgets. Elementor se refiere a los widgets de contenido como elementos, aunque confundidos, la barra de búsqueda indica “widget de búsqueda” en la parte superior del panel. Todos los elementos se muestran en dos columnas. En la parte superior hay elementos esenciales, como texto, títulos, imágenes, videos y mapas. La siguiente sección muestra todos los elementos pro y luego hay secciones para elementos generales y widgets de WordPress. El gran volumen de elementos significa que debe navegar con un desfile. Para agregar contenido a su página, haga clic en un elemento de contenido y extraiga su página al hacer clic en un elemento de contenido en su página., El panel en el lado izquierdo cambiará Para mostrar la configuración de ese elemento. La configuración se divide en tres secciones: contenido, estilo y avanzado. Puede cambiar cada aspecto de un elemento de contenido: mirar, estilo, colores y más. Debido a que Elementor usa un editor visual, puede ver cualquier cambio que realice en tiempo real.

En la parte superior del panel están el logotipo elemental y dos botones a la izquierda y a la derecha.

El botón izquierdo muestra un cuadro de configuración donde puede acceder a la configuración del sitio, el generador de usuario y las preferencias. El botón correcto actúa como un botón de reinicio. Al hacer clic en él, volverá al panel principal donde se muestran todos los elementos de contenido.

Se pueden encontrar cientos de opciones en el área de configuración del sitio. Hay opciones para cambiar los colores y las fuentes globales, la impresión, los botones, los modelos y más. En la parte inferior del panel, puede cambiar la vista desde el escritorio en la tableta y los modos móviles. También puede acceder a la historia de la historia y volver a las versiones anteriores de la apariencia. Esto es útil si comete un error o simplemente cambia de opinión sobre algo que ha agregado.
El botón de plantilla en este menú le permite guardar el aspecto actual como una plantilla y acceder a la biblioteca de plantillas.

La interfaz Elementor no es tan intuitiva como el Beaver Builder, pero una vez que sepa cómo funciona, podrá crear modelos profesionales en unos minutos. Plantillas prediseñadas desde Elementor Cuando tenga una página vacía, verá una opción para agregar una nueva sección o plantilla. Esta área continúa mostrándose en la parte inferior de la página después de agregar contenido. Agregar una nueva sección le permite seleccionar una de las doce estructuras de columnas. Al hacer clic en el botón “Agregar plantilla”, se carga la biblioteca de plantilla. Como se mencionó anteriormente, también se puede iniciar a través del menú en la parte inferior del panel de opciones principales.

La biblioteca de plantillas muestra todas las plantillas prepocadas y todas las plantillas que ha creado y guardado. Hay una opción para guardar la apariencia actual y la derecha a la derecha. Aproximadamente 350 plantillas prediseñadas están disponibles en el elemento. La gran mayoría de estos aspectos están disponibles solo para los usuarios Elementor Pro, aproximadamente 30 de ellos están disponibles para usuarios gratuitos. Además de la apariencia completa de la plantilla, también puede agregar bloques de contenido pre-precados. Esto es útil para agregar partes de una página, como un formulario de contenido, un cuadro de pregunta frecuente o un testimonio. Cada plantilla se puede obtener previamente y luego insertarse en el área de contenido. Siempre hay un ligero retraso durante unos segundos después de hacer clic en Insertar antes de agregarse a su página.
Encontrará plantillas de página para muchos nichos diferentes. Hay plantillas para cafés, bufetes de abogados, sitios web deportivos, festivales, compañías inmobiliarias, páginas, páginas sobre, tiendas en línea y más. Al año, Elementor no le da la opción de reemplazar su aspecto actual. Siempre está unido al final de su apariencia existente. Por lo tanto, si inserta una apariencia y no le gusta, debe ir al área de configuración en el panel principal y elegir “Eliminar todo el contenido”. Si olvida hacer esto y luego agregue el nuevo aspecto, debe girar y manejar todas las secciones de la apariencia anterior que ha insertado, o eliminar todo el contenido e ingresar el aspecto nuevamente.

Es importante tener en cuenta que todos los generadores de páginas de arrastre y caída están diseñados para ayudarlo a cambiar la zona de contenido principal. Entonces, si tiene barras laterales en su página, las plantillas se verán rotas juntas. Elementor tiene una opción útil en la configuración de la página que le permite moverse de la plantilla habitual a su tema a un lienzo vacío o una plantilla de ancho completo. Esto elimina el aspecto y le permite publicarlo en la forma en que se pretendía (es decir, sin barras laterales). Las plantillas pre-precadas son un buen punto de partida para sus propios modelos. Al jugar con diseños, puede comprender mejor cómo aprovechar al máximo el complemento. Extensión más allá de la zona de contenido, ya sea que cree una apariencia desde cero o personalice un aspecto existente, puede guardarla como una plantilla y puede usarla una y otra vez. Esto es increíblemente útil al crear contenido en su sitio. También puede crear diseños completos de sitios web utilizando El Elementor Theme Builder. Se puede usar para crear páginas, secciones, encabezados, sótanos, publicaciones y más.

Todos los aspectos del generador de temas son creados por la interfaz de usuario elemental. Para cada aspecto, puede definir en qué condiciones se muestran o excluidas de su sitio. Esto le ayuda a crear modelos únicos en todo el sitio. Por ejemplo, puede configurar condiciones para usar diferentes encabezados y sótanos para cada categoría de publicaciones de blog.
Para aprovechar al máximo el generador de temas, recomiendo usar el tema Elementor Hello. Puede descargarlo de forma gratuita de wordpress.org o de su área de administración. Este tema minimalista de WordPress actúa como un lienzo vacío, facilitando la construcción de páginas de destino y modelos de página completa. Es una solución fácil que no entrará en conflicto con ningún complemento de WordPress. Hello solo tiene unas pocas opciones de diseño simples en Customizer, porque los desarrolladores desean que todas las personalizaciones del sitio web tengan lugar en el editor de elementos. Explore el generador de temas Elementer. Es una característica fantástica que le brinda un control completo sobre cómo cada página en su sitio está estructurada y elegante. Configuración de Elementor Pro En el área de configuración principal para Elementor, puede seleccionar con qué tipos de publicaciones se puede usar. La configuración de estilo se ha transferido al editor primario principal, sin embargo, algunas configuraciones de estilo se pueden encontrar en la página con configuraciones avanzadas. ReCaptcha Key y API claves para Facebook, MailChimp y otros servicios de tercera parte se pueden introducir en la página de configuración de integración.

Elementor acepta fuentes e íconos personalizados. También está disponible un administrador de roles, que le permite definir a qué grupos de usuarios de WordPress pueden acceder al editor y que solo puede editar el contenido.
Su biblioteca de plantillas está conectada al menú de configuración principal de WordPress. Esto le permite ver fácilmente qué aspectos ha creado y guardado. La información del sistema y la licencia se puede ver aquí. El área de herramientas lo ayuda a realizar muchas tareas, como la regeneración de CSS, reemplazar la URL de su sitio y volver a una versión anterior. Esta área también tiene una herramienta para reemplazar las URL de WordPress, una opción para volver a las versiones anteriores del complemento y otra opción para colocar su sitio en un modo de mantenimiento. En el que el área de configuración está organizada es un poco extraña. Hay un área de configuración y un área de herramienta, con cuatro secciones diferentes en cada una. Una sola página de configuración que enumera todas las opciones en algunas pestañas tendría más sentido. Si Elementor se puede descargar de forma gratuita, ¿por qué actualizar? La versión gratuita de Elementor es realmente impresionante y contiene un número generoso de widgets y plantillas de contenido, así como funcionalidades esenciales, como la exportación y la importación. Por lo tanto, es posible que se pregunte por qué a alguien le gustaría comprar la versión Pro si la versión gratuita es buena. Es una pregunta razonable. La respuesta es simple. Si bien la versión habitual del elemento es buena, la versión Pro es excelente.

Los más de 50 widgets de contenido (elementos) que se incluyen en Elementor Pro contienen woocommerce widgets que son esenciales para las tiendas en línea, un widget de publicaciones para ayudar a publicar publicaciones de blog, un widget de diapositivas, widget-precio uri, un widget de conexión y muchas redes sociales widgets. La mayoría de las plantillas prediseñadas solo están disponibles en Elemoror Pro. Otras funciones premium incluyen la capacidad de hacer un widget global e implementarlo en su sitio web, CSS Live y una opción para integrar plantillas directamente en las barras laterales de su sitio como widget. No olvidemos el sorprendente elemento del constructor de temas. No creo que sea justo decir que la versión gratuita de Elementor es restrictiva porque no lo es. Sin embargo, creo que los propietarios de sitios web que usan la versión gratuita tendrán envidia de las funciones avanzadas que obtienen los usuarios profesionales. Vea esta lista de diferencias entre la versión gratuita y Pro para ver exactamente lo que obtiene si actualiza. El precio pro -elemental tiene una política de precios simple y correcta para aquellos que desean actualizar de la versión gratuita. Hay tres planes premium diferentes disponibles: personal, más y experto. Todos los planes ofrecen la misma versión de Elementor Pro. La única diferencia es para cuántos sitios web recibe actualizaciones y asistencia.49 USD al año es un precio atractivo para actualizar a la versión Pro un elemento. Solo cuesta $ 99 si desea una licencia para tres sitios y $ 199 si desea una licencia para 1,000 sitios.

Todos los usuarios de WordPress pueden instalar la versión gratuita de Elementor para familiarizarse con lo que pueden y no pueden hacer el complemento.A pesar de este hecho, Elementor Pro continúa presentando una garantía de reembolso de dinero de 30 días.En el pasado, Elementor ha ofrecido a los clientes un descuento en la renovación de licencias, pero no parecen ofrecer esto.Beaver Builder lanzado en abril de 2014, Beaver Builder siempre ha ofrecido una interfaz fácil de usar y una serie de funciones premium que simplifican la creación de contenido profesional.El complemento ha demostrado ser muy popular entre los desarrolladores, por lo que Beaver Builder se considera tan grande y por qué tienen más de medio millón de clientes.

Al igual que Elementor, Beaver Builder le permite personalizar su sitio web utilizando un editor visual frontal. La versión gratuita del complemento está disponible (más sobre esto más adelante), pero es la versión premium con la que todos están familiarizados. Beaver Builder utiliza una interfaz minimalista que se adapta bien al esquema de color predeterminado de WordPress. Cuando se lanzó por primera vez, criticé a Beaver Builder porque parecía anticuado, pero el lanzamiento de Beaver Builder 2.0 Hoover en 2017 cambió esta opinión. La interfaz ahora se ve caliente y moderna. Si Beaver Builder siempre se ha destacado, se usa. Desde el primer día, Beaver Builder ha proporcionado una experiencia fácil de usar que otras páginas de arrastrar y soltar y soltar han tratado de igualar. La interfaz se carga rápidamente y casi no tiene curva de aprendizaje. Se proporcionan 35 widgets de contenido únicos, que llaman módulos y también puede usar widgets de WordPress predeterminados. Los módulos de contenido están clasificados para ayudarlo a encontrarlos rápidamente. Hay diez módulos básicos, nueve módulos de medios, siete módulos de acción, cuatro módulos de apariencia, dos módulos de información y tres publicaciones. Todos los aspectos se pueden guardar y aplicar a otras páginas y hay docenas de páginas de destino y contenido prefabricado disponible para la selección. Un marco llamado tema de Beaver Builder está incluido en precios más altos para Beaver Builder. Uso de Beaver Builder Todas las ediciones en Beaver Builder tienen lugar en el front-end de su sitio web. Puede iniciar el generador de página haciendo clic en el enlace “Beaver Builder” en las páginas de publicación y la lista de páginas.

De manera predeterminada, se utilizará el editor de bloques de WordPress si opta por crear una nueva publicación de blog o una página, sin embargo, verá una opción para “Beaver Builder”. Uso de la herramienta de conversión desde la lista de configuración del editor de bloques.Luego verá una opción para iniciar la interfaz Beaver Builder.

Beaver Builder también se puede lanzar desde el editor clásico.

Si se autentica cuando navega por su sitio, verá una opción para editar su aspecto con Beaver Builder y en la parte superior de cada página.

La interfaz Beaver Builder es muy fácil de navegar y todo es rápido. Hemos probado docenas de constructores de páginas de WordPress, y Beaver Builder es el que siempre cobra modelos, cuadros y configuraciones más rápido. Cuando inicie por primera vez el generador de página, verá una barra de herramientas simple en la parte superior de la página. En el lado izquierdo, verá una nota de la publicación o página que está editando actualmente. En el lado derecho, verá un símbolo más (+) y un botón “terminado”. Al hacer clic en el botón “terminado”, hay botones para renunciar a los cambios, guardar los cambios como un boceto, publicar la página o cancelarla. Al hacer clic en el símbolo Plus, se carga el panel de creación de la página principal. Los módulos de contenido estándar se muestran de forma predeterminada, pero puede cambiar para mostrar widgets de WordPress o módulos guardados (un recordatorio: módulos, elementos y widgets son todos iguales). Como se mencionó anteriormente, los módulos de contenido se dividen en categorías: básico, medios de comunicación, acciones, apariencia, información y publicaciones. Todos son fácilmente accesibles. Todas las opciones ordinarias están ahí. Puede duplicar, editar, eliminar y mover columnas, líneas y módulos de contenido. Al editar una columna, una línea o un módulo de contenido, aparece un cuadro con muchas configuraciones de personalización y diferentes opciones de estilo. En general, diría que Elementor ofrece más opciones de personalización aquí, pero con Beaver Builder, es fácil agregar colores y cambiar el aspecto y el estilo generales.

Si volvemos al panel principal, podemos ver que hay cuatro pestañas diferentes: módulos, filas, plantillas y guardados. La pestaña de fila tiene estructuras de filas prefabricadas con diferentes variaciones de columnas. Simplemente debe atraerlos a la zona de contenido y luego agregar contenido a las columnas. Las filas prefabricadas también están disponibles aquí para ayudarlo a crear páginas más rápidas. Al final, puede ver los rangos y módulos guardados en la pestaña guardada. También se puede acceder a las filas guardadas desde la pestaña de fila. La plantilla se divide en tres secciones diferentes a las que se puede acceder a través del menú desplegable. Las secciones son páginas de destino, páginas de contenido y plantillas guardadas. Hay una plantilla de tela vacía, 30 plantillas de página de destino y 30 plantillas de contenido. Aunque Beaver Builder ofrece menos plantillas que Elementor Pro, tienen una mejor combinación de diseño. Algunas de las plantillas ofrecidas en Elementor Pro son, bueno, oscuras. Los que están en Beaver Builder parecen adaptarse a más propietarios de sitios web. Hay una variedad de modelos para agentes, empresas, agentes de marketing y tiendas en línea. También encontrará plantillas de página sobre páginas, páginas de servicio, carteras, páginas de contacto y más.

Desafortunadamente, no hay opción para obtener una vista previa de ninguna plantilla o una forma de eliminar rápidamente las barras laterales de su sitio web. Pero en una nota positiva, al hacer clic en una plantilla, puede optar por reemplazar el aspecto existente o agregarlo a la apariencia existente. Además, la plantilla se inserta en su página muy rápidamente.

Se pueden encontrar varias opciones a través del menú de herramientas en el lado izquierdo del menú de navegación superior. Desde aquí, puede guardar, duplicar y obtener una vista previa de la apariencia actual. También puede ver un historial de cambios a través del enlace de revisión. CSS, JavaScript y otras configuraciones globales, como bordes y rellenos, también se pueden modificar. Beaver Builder no tiene algunas de las opciones de personalización más avanzadas que se encuentran en Elemoror Pro y otras soluciones, como Divi Builder, aunque sobresaliendo en otras áreas. La interfaz se carga rápidamente y tiene una apariencia intuitiva que es fácil de entender. Esto reduce el tiempo necesario para crear modelos personalizados. El tema del tema Beaver Builder Beaver Builder está incluido en la Agencia Pro y Agencia. Construido en el marco Bootstrap y HTML5, el tema le permite personalizar su sitio en tiempo real utilizando el personalizador. Tiene soporte nativo para WooCommerce y le brinda varias formas de encabezado y sótano.
Cada aspecto del tema está controlado por el cliente. No encontrará ninguna opción en otro lugar. Soy un gran admirador de WordPress Customizer, así que me complació ver el tema de Beaver que lo usa en lugar de mi propio panel de control. Diez preajuste de esquema de color están disponibles. Esto cambiará los colores del encabezado y, en algún preajuste, el color del fondo. Como alternativa, puede cambiar todos estos colores solo en otras áreas del personalizador.
Encontrará muchas opciones de personalización en el tema Beaver y, si puede pasar tiempo cambiando las cosas, debería poder crear un diseño genial. La realidad, sin embargo, es que el tema de Beaver es un tema muy simple de WordPress. Los principiantes serán difíciles de cambiar la estructura del tema más allá de la apariencia básica, y los desarrolladores centrarán su atención en modelos más versátiles. Ni el castor del tema está incluido en la licencia estándar. Los desarrolladores exigen otros $ 100 para obtener soporte para el Beaver del tema y WordPress multisitio. Para poner esto en perspectiva, por $ 89/año, puede obtener una suscripción elegante de temas y puede obtener acceso a Divi y otros complementos y temas premium de WordPress. Si el tema de Beaver se incluyera en la licencia estándar, sería una buena ventaja. En el estado actual, el tema ofrece algunas razones para actualizar. La configuración de Beaver Beaver Builder de página tiene un área de configuración pequeña para el generador de página en la configuración principal de WordPress. Desde aquí, puede ingresar la información de la licencia y seleccionar si los módulos de contenido y los tipos de publicaciones se deshabilitarán. Las plantillas básicas y de usuario también se pueden activar y deshabilitar.

El área de acceso de los usuarios le permite especificar qué grupos de usuarios pueden y no pueden tener acceso a edición sin restricciones, línea global y edición de módulos, el área de administración del constructor y el exportador de datos de plantilla. La sección de iconos le permite apagar los iconos impresionantes de fuentes, iconos de base y DashPress WordPress. Finalmente, la sección del instrumento le permite eliminar el caché y activar un solucionador de problemas. También hay una opción de desinstalación que elimina por completo a Beaver Builder de la base de datos de su sitio web. Esta es una característica que desean a todos los desarrolladores agregados a sus productos de WordPress. Beaver Builder se puede descargar y una versión gratuita de Beaver Builder está disponible para descargar en wordpress.org o directamente desde su área de administración de WordPress. Beaver Builder Lite actualmente está activo en más de 300,000 sitios de WordPress, pero en mi opinión, es demasiado restrictivo y un anuncio débil para el producto principal. En cambio, la versión gratuita de Elementor es una mejor solución, porque tiene más funciones y restricciones significativamente menores.

La versión simple de Beaver Builder no tiene un sistema de plantilla y solo tiene seis widgets de contenido: audio, HTML, foto, editor de texto, video y barra lateral. Sin embargo, también se pueden usar widgets de WordPress predeterminados y de terceros. Cuando los productos de WordPress se lanzan a freemium, mi consejo generalmente es probar la versión gratuita primero para ver si le gusta. Beaver Builder Lite es una excepción. Es un complemento muy simple y no hace lo suficiente para mostrar a los usuarios lo genial que es la versión premium. Precios Beaver Builder Mientras que los planes Elementor Pro tienen el precio de acuerdo con cuántos sitios web instala el complemento, los planes de Beaver Builder limitan las funciones. Todos los planes de Beaver Builder brindan soporte por un año y se pueden instalar en un número ilimitado de sitios web. La licencia estándar se vende minorista a $ 99. Cambiar a la licencia Pro a US $ 199 agrega el tema Beaver Builder y la capacidad de WordPress de varios lugares. La licencia de la agencia en USD 399 fue creada para empresas que desean reconstruir Beaver Builder usando White Label. Beaver Builder ofrece una garantía de reembolso de dinero de 30 días. En la fecha de renovación, la licencia se renovará automáticamente con un descuento del 40% (a menos que deshabilite la renovación automática de su cuenta). La reducción de la renovación disminuye el precio anual de Beaver Builder a $ 59.40 para la licencia estándar, USD 119.40 para la licencia Pro y US 239.40 para la licencia de la agencia. Elementor Pro vs Beaver Builder: Resumen Elementor Pro y Beaver Builder son dos de los mejores creadores de página de arrastrar y soltar de WordPress. Analicemos las fortalezas y debilidades de cada complemento. Las ventajas Elemental Pro:

Una amplia variedad de widgets y plantillas de contenido y un excelente generador con un usuario colorido

La versión gratuita tiene muchas características excelentes y solo cuesta $ 49 para actualizar a la versión completa

Elementor Pro Con:

La interfaz no es tan rápida como las soluciones alternativas

El panel de widgets de contenido requiere correr hacia arriba y hacia abajo para encontrar el contenido deseado

La interfaz podría ser más intuitiva

Profesionales Beaver Builder:

La interfaz se carga rápidamente y es fácil de usar

El sistema de plantilla funciona muy bien

Una buena variedad de widgets de contenido y todos son accesibles sin desfile

Contra Beaver Builder:

Caro al considerar el costo de las alternativas

Requiere más opciones de personalización y estilo de estilo
El tema de Beaver y el soporte multisitio no están incluidos en la licencia estándar
Para obtener más información sobre estos complementos, consulte nuestras revisiones dedicadas sobre Elementor Pro y Beaver Builder, así como nuestra comparación entre Beaver Builder y Visual Composer. ¿Qué generador de páginas arrastra y cae a preferir? Háganos saber en la zona de comentarios debajo de Kevin