Beaver Builder vs Visual Composer: ¿Qué constructor de páginas de WordPress es mejor?

¿Preguntas las diferencias entre Beaver Builder y Visual Composer? Beaver Builder y Visual Composer Original fueron innovadores para WordPress Builder desde el principio. Ambos productos han sufrido muchos cambios a lo largo de los años. De hecho, lo que se llamó Visual Composer ahora se conoce como WPBakery Page Builder, mientras que el nuevo Compositor visual es un enfoque más moderno para el clásico Builder. Desglosaremos Beaver Builder y el nuevo compositor visual en esta publicación y veremos cómo se comparan entre sí en algunos campos diferentes. Presentaremos cada complemento, analizaremos lo que cada constructor de páginas tiene para ofrecer, describiremos algunas características adicionales disponibles de cada solución y le ofreceremos sus estructuras de precios.
¿Qué es Beaver Builder?

Beaver Builder es un complemento para el editor visual de Frontend que ha sido innovador en el WordPress Page Builder desde que se lanzó en 2014. Se utiliza más de un millón de sitios web y mantiene una calificación promedio de 4.8 estrellas WordPress.org. El editor Beaver Builder tiene plantillas de diseño preconstruidas, módulos de contenido y opciones de personalización para crear páginas y publicaciones sorprendentes. Un tema oficial de Beaver Builder también está disponible con dos de las versiones premium. Está completamente integrado con el complemento Beaver Builder y hay configuraciones de temas para la sede, sótanos y contenido de publicación, así como fuentes, colores y botones predeterminados, que también establecen el complemento Beaver Builder.
¿Qué es el compositor visual?

Hasta hace unos años, Visual Composer era el constructor de páginas utilizados para alimentar cientos de temas en el mercado de Envato. Esto ha cambiado cuando el popular fabricante de la página pasó a llamarse WPBakery Page Builder. Los desarrolladores de ese complemento crearon un nuevo producto que revisó la capacidad original de crear la página web y el sitio web. Los desarrolladores querían hacer que el nuevo producto fuera más competitivo con las páginas intuitivas constructores como Beaver Builder y alejarse de la licencia de vida de Avato para cubrir los costos de desarrollo de manera más efectiva. Llamaron a este nuevo producto Visual Composer, a pesar de la confusión con el antiguo nombre del producto. El beneficio principal del nuevo compositor visual hacia su sorprendente producto Wpbakery Puilder es su capacidad para personalizar cualquier tema, lo que le permite crear y editar los encabezados, sótanos. y barras laterales de temas de tercera parte. Beaver Builder vs Visual Composer: una mirada a las características de crear la página de cada editor para comenzar a comparar Beaver Builder con Visual Composer, examinar cada constructor de páginas y ver lo que tienen para ofrecer en los siguientes campos:
Estructura
módulos
Estilo
Opciones de personalización avanzadas
Modelo
La estructura en el editor de Beaver Builder, puede comenzar desde cero o atraer una plantilla de apariencia. Si usa una plantilla, puede cambiar lo que desee: mover filas y columnas, cambiar el ancho de la columna vertebral usando manijas deslizantes, cambiar los bordes y llenar y eliminar y agregar módulos de contenido donde desee. Si crea una página desde cero, hay dos enfoques. Con el primer enfoque, configure una apariencia vacía de fila y columnas para el lugar donde tiene la intención de insertar el contenido, para que pueda ver el marco de aspecto. Para hacer esto, puede extraer hasta seis columnas con diferentes anchos, como se muestra en esta captura de pantalla. No se limita a estas opciones. Puede cambiar el tamaño de las columnas después de haberlas apretado, puede agregar capas de columnas verticales en una sola fila y puede crear columnas en columnas. En el segundo enfoque, puede dibujar módulos de contenido en un aspecto vacío y crean sus propias líneas y columnas dependiendo de dónde los deje, para que pueda concentrarse en el contenido y crear el aspecto en la caminata. A medida que aumenta el tamaño de la pantalla, las columnas se apilan automáticamente y puede revertir el orden de apilamiento o puede evitar el apilamiento si lo desea. En Visual Composer, también puede comenzar con el proceso de construcción desde cero o una plantilla importada. Tendrá la oportunidad de elegir entre las plantillas de página que eliminen el encabezado, el sótano y la barra lateral.
Cuando se trata de cómo se estructura el editor, construirá sus páginas en filas, agregará columnas a estas líneas y agregará módulos o “elementos” a las columnas. Hay 10 modelos de columnas prefabricadas desde las cuales puede elegir, pero puede personalizar cada uno de ellos según el placer que agrega, eliminar y cambiar el tamaño de las columnas. Puede comenzar a deshacerse de los elementos en columnas después de haber seleccionado y configurado una apariencia. Module Beaver Builder tiene alrededor de 30 módulos de contenido organizados en seis categorías. La selección cubre la mayoría de lo que necesitará para diseñar páginas de destino y páginas de contenido complejas, con alta conversión.

Como muestra la captura de pantalla anterior, los módulos en la categoría básica de Beaver Builder le permiten agregar texto, botones y diversas formas de soporte en su página. También hay una categoría de medios dedicada, un mapa, deslizamiento y galerías.
La categoría de acciones (la categoría superior de la captura de pantalla anterior) está llena de módulos diseñados para alentar a los visitantes a actuar en su página haciendo clic en un botón de acción, completando un formulario o suscribiéndose a la lista de correo electrónico. En la categoría de aspecto, que se muestra en la captura de pantalla, puede presentar información de manera visualmente interesante con una tabla de precios, acordeón o archivos. También puede agregar una barra lateral con un grupo de widgets de WordPress estándar que haya definido. La categoría de información le permite presentar números y medidores de tiempo de manera visual. La categoría de publicaciones tiene módulos que muestran un conjunto de publicaciones de filtro de diferentes maneras. Para este ejemplo, puede mostrar las primeras cinco publicaciones para una categoría llamada News como un carrusel en su página inicial. Finalmente, hay un grupo de módulos que le permiten agregar cualquier widget único WordPress a la zona de contenido de su página.

Todo lo que Beaver Builder no ofrece probablemente se puede agregar utilizando complementos de terceros, o suplementos que agregan módulos adicionales o productos que tienen códigos cortos que puede insertar en los aspectos de Beaver Builder. Al instalar WooCommerce, Beaver Builder ofrece módulos de productos adicionales y tiene opciones especiales para mostrar productos en sus páginas de compositores visuales, ofrece cientos de artículos, aunque muchos de ellos son variaciones del mismo tipo de elemento en diferentes estilos, para ahorrarle y para brindarle ideas. Por ejemplo, la mayoría de los constructores de páginas tienen solo un elemento de botón en el que los usuarios pueden crear diferentes estilos configurando su configuración. Visual Composer, por otro lado, tiene más de dos docenas de elementos de botones, presentado en esta captura de pantalla. Forture, la mayoría de los elementos del compositor visual no aparecen automáticamente en la sección de adición del editor, por lo que no debe ordenar muchos elementos que rara vez usted es que rara vez usar. En cambio, usará Visual Composer Hub, una biblioteca con todos los elementos, bloques (filas y columnas preconstruidas), plantillas y muchas más, que puede importar en la adición del editor. Los elementos se organizan en varias categorías diferentes en el elemento de adición de la sección, como básico, medios, contenedores y contenido. En general, puede agregar casi cualquier contenido y estilo a las páginas que crea.

Las opciones elegantes de Styling Beaver Builder cambian de acuerdo con el modo.Si su módulo tiene texto, generalmente podrá cambiar su fuente, tamaño de fuente, peso de fuente y color, además de agregar espacio e incluso una sombra de texto.Las opciones de estilo dependen del modo, pero, por ejemplo, puedo permitirle especificar colores de fondo, opciones superpuestas, forrar, redondear las esquinas, los bordes y los paraguas de la caja.Ciertos módulos tienen opciones de estilo únicas, como el módulo de medidor numérico, para el cual puede especificar los colores para las porciones llenas y no llenas del medidor, como puede ver en esta captura de pantalla. Visual Composer no tiene una pestaña de estilo dedicada para sus elementos, como Beaver Builder y la mayoría de las otras páginas.En cambio, agregará y configurará los contenidos y los estilos de cada elemento en una sección general, presentada en la siguiente captura de pantalla.

Las opciones de estilo cambian de acuerdo con el elemento que edita. En general, puede cambiar la fuente, los colores, las formas y la alineación de un elemento y puede agregar cosas como ID y clases únicas. También puede agregar sombras de caja con una configuración que tenga su propia sección. Opciones de personalización avanzada Cada módulo Beaver Builder tiene casi el mismo conjunto de opciones avanzadas. Estos incluyen configuraciones de margen, estilos y duraciones de animación, visibilidad (por ejemplo, solo desea que los usuarios conecten para ver el elemento) y una sección para identificaciones y clases personalizadas. Aquí hay una captura de pantalla de la mayoría de la pestaña avanzada. La captura de pantalla no muestra la identificación personalizada y los campos de la sección HTML. Además, las filas y columnas tienen campos de llenado además de la configuración del margen. Las opciones de compositor visual avanzado están en la sección Opciones de diseño. Aquí hay una captura de pantalla parcial.
Puede personalizar el margen de cada elemento, las dimensiones de llenado y borde y puede mostrar u ocultar elementos individuales para ciertos dispositivos. Puede elegir un solo tipo y tamaño del dispositivo, como “escritorio”, “paisaje de tableta”, “tableta de retratos”, “paisaje móvil”.

También puede agregar un color de fondo al elemento, elegir una imagen de fondo y configurar la configuración de animación. Las opciones de fondo avanzadas no cancelan las opciones de fondo disponibles en la sección general. Las plantillas de Beaver Builder ofrecen varias docenas de plantillas de apariencia que puede usar para cargar sus páginas de destino y contenido en el editor o puede seleccionar entre 100 filas de contenido predefinido. Esta captura de pantalla muestra algunas de las plantillas de la página de destino. Los ejes vienen en varios estilos y modelos y se ajustan a las necesidades generales o una variedad de nichos. Las plantillas de página de contenido incluyen aproximadamente páginas, páginas de equipo y páginas de cartera. Visual Composer tiene un número similar de plantillas. No están organizados por categorías, pero ofrece una selección diversa y le ayuda a construir una variedad de páginas diferentes. Algunas de las plantillas se presentan a continuación.
Hay páginas de destino para diferentes nichos, productos y estilos, así como modelos complementados para páginas de contenido. Incluso hay plantillas de estudio de caso y apariencia de blog. Características adicionales La mayor diferencia entre el nuevo compositor visual y el WPbakery Pume Builder es la capacidad del compositor visual para editar el encabezado, el sótano y las barras laterales o crearlos desde cero. Es una característica clave que los desarrolladores aprecian y, debido a que Beaver Builder tiene características similares, revisaremos algunas características adicionales que ofrece cada producto. Los temas oficiales, mientras que ambos productos funcionan con la mayoría de cualquier tema, Beaver Builder y Visual Composer ofrecen ambos temas oficiales que están integrados con páginas. Beaver Builder tiene el tema Beaver Builder. Utiliza muy bien el personalizador del tema animado en WordPress, lo que le permite hacer cambios globales en el encabezado, el sótano y los estilos y ver los resultados en tiempo real.

El tema está construido con el marco CSS de Bootstrap popular y confiable, y el resto del código también está limpio. Estos atributos mejoran el rendimiento general del tema, lo que, a su vez, garantiza la optimización de la velocidad para la velocidad, un factor clave de SEO y una base de usuarios involucrados. También acepta WooCommerce. Visual Composer tiene el tema de inicio del compositor visual del tema. Al igual que Beaver Builder, tiene muchas opciones de tema y estilo que puede personalizar. También es compatible con SEO y acepta WooCommerce. Los editores de temas pueden especificar casi cualquier ubicación en la que aparecerá la apariencia, utilizando reglas de inclusión y exclusión. También puede usar la lógica condicional para crear otros tipos de reglas para el momento en que se muestra la apariencia. Por ejemplo, para un encabezado que tiene la intención de usar para publicaciones individuales, puede mostrar un encabezado cuando se establece la imagen de imagen presentada y un encabezado diferente cuando no se establece la imagen presentada. La siguiente captura de pantalla presenta la página de edición que especifica la ubicación y cualquier regla condicional para un encabezado.

Beaver Themer también agrega dos características al complemento estándar de Beaver Builder. En primer lugar, la sección de visibilidad de la pestaña avanzada agrega lógica condicional para brindarle más control sobre el momento en que se muestra la apariencia o el contenido. Por ejemplo, puede mostrar contenido solo para clientes de WooCommerce que han gastado más de una cierta cantidad total o para miembros de ciertos roles o capacidades de usuario. La segunda característica es el acceso a las conexiones de campo en algunas de las configuraciones ordinarias y el modo, que extrae información de la base de datos especial para la página vista. Esta característica acepta campos personalizados de WordPress, complemento avanzado de campos personalizados y un complemento de vainas para que pueda agregar campos personalizados a una página y luego usar un módulo para mostrarlos en la página. El creador de temas de compositor visual está disponible de forma nativa con todos los planes premium. Es una versión deshabilitada de Beaver Themer, solo que le permite crear sedes, sótanos y aspectos de página personalizados que incluyen o excluyen las barras laterales. Dependiendo de sus necesidades, puede preferir la opción Beaver Themer más fuerte y más costosa o la solución simple de compositor visual. Guardar elementos para la reutilización A medida que se acostumbra a crear contenido con páginas, puede encontrar su propio uso de sus propios modelos y modelos. Beaver Builder tiene una función construida que le permite guardar cualquier fila, columna o reutilización. También puede guardar plantillas de apariencia personalizadas. Esta captura de pantalla muestra la interfaz simple para guardar una fila.

Puede exportar plantillas, filas, columnas y módulos guardados e importarlas en otros sitios web utilizando Beaver Builder. Esto funciona excelente junto con la oferta de licencias de sitio ilimitadas por Beaver Builder con cada plan premium. Si bien los elementos de rescate para la reutilización están disponibles en WPBakery Page Builder, los desarrolladores aún no han agregado esta función al nuevo compositor visual cuando se escribió este artículo. Precios y asistencia: Beaver Builder vs Visual Composer Cuando se trata de comparar precios para Beaver Builder Vesual Composer, ambos complementos ofrecen modelos de precios “freemium”. La versión gratuita de Beaver Builder ofrece solo unos pocos módulos: audio, foto, video, HTML, editor de texto y barra lateral. No hay plantillas y no puede guardar artículos personalizados. La versión gratuita de Visual Composer incluye dos elementos de botones diferentes, un elemento de encabezado de Google Fonts y dos elementos de video diferentes para videos de YouTube y Vimeo. Si crea una cuenta gratuita y conecta su sitio, tendrá acceso a un pequeño puñado de plantillas gratuitas bien diseñadas. Beaver Builder ofrece tres planes premium: estándar a $ 99: desbloquee el acceso a licencias de sitio ilimitadas, todos los módulos y plantillas premium y un año de asistencia y actualizaciones.

Pro en USD 199: desbloquea aún más el tema Beaver Builder y Multi -Capacity.

Agencia a $ 399: desbloquea aún más el acceso a la configuración de la red multisit y el etiquetado blanco.

Todos los planes se renovan con un descuento del 40%.La asistencia está disponible a través de un sistema de boletos.El complemento Beaver Themer está disponible como suplemento para usuarios premium a USD 147 y se renueva con un descuento del 40%.Todos los productos están respaldados por una política de reembolso de 30 días.Visual Composer también ofrece tres planes premium: sitio único a $ 59: desbloquee una licencia de sitio, módulos y plantillas premium, editor de encabezado, sótano y barra lateral y un año de asistencia y actualizaciones.

3 sitios web a $ 149: desbloquee tres licencias de sitio.

Desarrolladores a $ 349: desbloquee las licencias de sitio ilimitadas.

Todos los planes se renovan con un descuento del 40% y están respaldados por una política de reembolso de 15 días. La asistencia está disponible a través de un sistema de boletos. El tema de inicio está disponible de forma gratuita, incluso para usuarios no premium. Últimos pensamientos: Beaver Builder vs Visual Composer, mientras que existen algunas características que existen en el WPbakery Puge Builder aquí, el nuevo Composer visual ofrece muchas, incluso en la versión gratuita. Desafortunadamente, el resultado final es una experiencia de usuario general. Agregar nuevos elementos y editar los existentes a menudo determina la congelación de todo el editor por unos segundos. La apertura del centro ha activado la alerta de Firefox cada vez que “una página web ralentiza su navegador”. El más inquietante es la apariencia de filas y columnas, especialmente si usa una plantilla importada. Es muy fácil reorganizar y cambiar el tamaño de las líneas y columnas incorrectamente, y su corrección es engorrosa. Beaver Builder y muchas otras páginas de WordPress son mucho más intuitivas y más rápidas para trabajar. Puede hacer más con Beaver Builder al considerar Beaver Themer y guardar / exportar las funciones. Cuando se trata de comparar Beaver Builder con Visual Composer, puede darles un intento de prueba en cualquier momento para verlos. Beaver Builder tiene una demostración que puede usar para verificarla. También puede descargar la versión gratuita de Visual Composer de su sitio web para probar. ¿Te gustaría leer más? Vea nuestra comparación entre las páginas de Beaver Builder y las páginas de WordPress.

Obtenga más información sobre la terminología web en el nuevo libro electrónico: 65 condiciones de diseño web que debe conocer ahora
AJ Morris
AJ aporta más de dos décadas de experiencia trabajando y desarrollando sitios de membresía con una amplia gama de clientes.