Visual Composer vs Beaver Builder

Nuestra comparación entre todas las páginas principales de WordPress Drag y Drop ha demostrado ser muy popular. El artículo ha destacado las mejores características de soluciones gratuitas y premium para crear páginas de arrastrar y soltar. No dudo que encuentre útil el artículo de comparación, sin embargo, pensamos en poner dos de las páginas favoritas de WordPress y examinar sus fortalezas y debilidades más detalladas. Visual Composer fue el complemento de WordPress que realmente definió cuáles son los generadores de las páginas de arrastrar y soltar y sigue siendo las mejores páginas del generador de ventas arrastrar y soltar para WordPress. Beaver Builder es una solución más nueva, que ha crecido cada vez más desde su lanzamiento en 2014 y realmente se hace un nombre este año.
¿Cómo se comparan estas grandes soluciones? Echemos un vistazo más de cerca y veamos. Visual Composer no solo que Visual Composer es el mejor complemento de WordPress de venta en Codecanyon, sino que también se incluye con una gran cantidad de temas de WordPress en Themeforest. Esto ayuda a explicar por qué el complemento se usa en más de 500,000 sitios web. Visual Composer lo ayuda a construir modelos receptivos en unos minutos utilizando una interfaz fácil de usar. Le permite crear modelos en su fondo o interfaz de su sitio web. Funciona con cualquier tema de WordPress y tiene soporte de soporte de WordPress multisitio.
Se incluyen más de diez paquetes de idiomas con el complemento y tiene soporte para el complemento multilingüe de WordPress. Una amplia gama de contenido y modelos predefinidos también se envuelven con el complemento. Visual Composer es compatible con cada tipo de publicación personalizada. Esto significa que puede usarlo para cambiar cualquier publicación de blog, página y tipos de publicaciones personalizadas agregadas a través de temas y complementos de WordPress. Una de las características más interesantes del compositor visual es lo flexible que es. Hay muchas opciones de desarrollador disponibles en el complemento y hay más de cien suplementos disponibles para él en Codecanyon. Fui una de las primeras personas en probarse y revisó el compositor visual y, desde su lanzamiento, he agregado varias características y funcionalidades cada uno. año. Usando el compositor visual una vez que se haya instalado el compositor visual, verá una nueva barra de compositor visual en sus pantallas de edición. Uno carga el editor de backend, el otro cobra al editor frontend (esta barra se muestra incluso si ha deshabilitado el editor visual de WordPress).
Al cargar el editor de back -end, su área de contenido se transforma en un lienzo para construir su página. Un botón titulado “Modo clásico” reemplaza el botón del editor de backend que ha hecho clic previamente y lo ayuda a volver al modo de edición de WordPress predeterminado.

En la parte superior de la interfaz hay cinco botones: tres a la izquierda y dos a la derecha. A la izquierda, el icono Visual Composer lo lleva al sitio web oficial del complemento, el símbolo Plus le permite agregar elementos en su página y el icono T abre el cuadro de plantilla. A la derecha hay un icono de configuración que abre un cuadro para agregar un código CSS personalizado y un botón para cambiar al editor frontal. Si aún no ha agregado contenido, verá una explicación sobre cómo agregar contenido rápido. Puede elegir agregar un elemento, agregar un bloque de texto o elegir uno de los aspectos predefinidos. Por ejemplo, puede agregar una página de destino o una página de producto con un clic en un botón. En mi artículo para comparar las páginas de WordPress, noté que los módulos de contenido tienen muchos nombres. Algunos desarrolladores los llaman módulos, algunos los llaman bloques, otros los llaman widgets. El compositor visual los llama elementos. Todos se refieren a pequeños bloques de contenido que lo ayudan a desarrollar su aspecto. El número de artículos disponibles es impresionante. En total, la versión actual de Visual Composer ofrece contenido de cuarenta y ocho (este número incluye widgets de WordPress predeterminados). Están disponibles siete elementos de contenido depreciados más antiguos y se pueden agregar elementos de contenido adicionales utilizando extensiones de complementos.
Puede crear páginas complejas usando estos elementos. Puede agregar diagramas, galerías de imágenes, videos, mapas, publicaciones, iconos, botones para compartir y más.

Agregar elementos de contenido y luego colocarlos en filas y columnas es simple. Se pueden dibujar hileras y elementos donde desee colocarlas. El número de columnas que se muestran en una fila se puede determinar seleccionando una de las once estructuras de columnas, por ejemplo 2/3 + 1/3. Alternativamente, puede crear su propia estructura personalizada. Hay opciones para eliminar elementos, columnas y filas. Se pueden agregar nuevos elementos a columnas y filas seleccionando el símbolo Plus. También puede clonar líneas de contenido enteras. Hay una serie de configuraciones disponibles tanto para columnas como para filas. En la pestaña General hay opciones para usar un fondo de video, estire el giro/columna y agregue CSS personalizado. La pestaña de diseño le permite atacar la columna o entregar cualquier forma que desee. Puede definir el borde, el borde, el relleno y los colores.
La configuración disponible para elementos individuales depende del elemento modificado. Un elemento básico, como un botón similar a Facebook, le permite seleccionar el tipo de botón, mientras que los elementos más complejos pueden tener docenas de diferentes opciones.

Cualquier aspecto que cree se puede guardar como plantilla y aplicado a otras páginas en su sitio recibe cuarenta y cuatro modelos predeterminados para ayudarlo a comenzar. Incluye una plantilla de pregunta frecuente, una plantilla de ayuda, una plantilla de servicio y más plantillas para su página.

Puede activar el editor de interfaz haciendo clic en el botón de interfaz en el editor de publicaciones/páginas. Si está conectado a su sitio web, también verá un enlace “Editar con Visual Composer” en la barra de administración de WordPress en la parte superior de cada página. Al hacer clic en este enlace, el editor front-end se cargará para editar la página respectiva. El editor de backend y frontand funciona de manera similar. Verá los mismos botones en la parte superior de la página para agregar elementos y abrir el cuadro de plantilla. En el lado derecho, verá un botón que volverá al editor de backend y un botón de actualización para guardar cualquier cambio que haya realizado.

El botón de guía le permite cambiar su página. Puede hacer todo lo posible en el editor de backend, como editar elementos y mover columnas y filas. Al hacer clic en el icono de la pantalla, le permite cambiar su vista desde el modo de escritorio hasta el paisaje y el retrato de tabletas y teléfonos inteligentes. Esto es útil para ver cómo se verá su página en dispositivos móviles.

Siempre hemos encontrado que el editor de backend del compositor visual es mucho más fácil de usar que el editor de frontend. Puedo construir modelos profesionales en unos minutos usando el editor de backend, pero con el editor de Fronnd siento que mover cosas es más engorroso y menos fluido. Todavía funciona como debería, pero simplemente no me parece tan fácil de usar.

Sin embargo, sé, leyendo los comentarios de otros usuarios de compositor visual, que muchos prefieren usar el editor de Fronond más tarde, por lo que tengo más experiencia con el editor de backend). Configuración del compositor Visual Configuración del área Visual Composer le permite cambiar muchas características y opciones diferentes. En la página de configuración general, puede definir qué tipos de publicaciones serán Active Visual Composer. Cualquier tipo de publicaciones personalizadas adicionales agregadas a través de su tema o por complementos se enumerará aquí. También puede deshabilitar elementos de contenido receptivo y activar subconjuntos de fuentes de Google. La parte central de esta página le permite controlar el acceso al compositor visual para cada grupo de usuarios de WordPress. Puede definir si un grupo de usuarios ve el compositor visual, si ve el compositor visual y el editor predeterminado y si solo ve el compositor visual (es decir, deshabilite el editor predeterminado). En la página de diseño puede cambiar los colores predeterminados de los elementos de contenido . También puede cambiar el borde desde la parte inferior de los elementos, la distancia entre las columnas y el ancho de la pantalla móvil.

El código CSS personalizado se puede agregar sin tener que cambiar los archivos de complemento básicos.
Se proporciona una licencia de producto cuando compra el compositor visual. Es válido para un sitio web y proporciona asistencia continua y actualizaciones automáticas a través de su área de administración.

Los códigos cortos proporcionados por los complementos de terceros pueden ser MAPATE para elementos de contenido del compositor visual.
En la página sobre la página de bienvenida que le informa sobre las últimas finalizaciones de complementos.También hay una página de preguntas frecuentes que tiene enlaces a muchos tutoriales excelentes y una página de recursos que envía a una base de conocimiento, una academia de video y las cuentas de redes sociales de los desarrolladores. Le permite agregar nuevos elementos de la red para lo siguiente. Elementos de contenido: Post Grid, Post Masonry Grid, Media Grid y Masonry Media Grid.Estos son los elementos de contenido que se pueden usar para mostrar publicaciones de blog, galerías y otro contenido en su sitio.

El siguiente video le presenta exactamente cómo funciona el generador de cuadrícula.Le recomiendo que lo vea para comprender mejor cómo se hace todo, porque cuando visita la primera página del Creador, no está claro cómo puede ayudarlo.

Los precios del compositor visual visual se venden por solo $ 34. No hay tarifas de renovación anuales. Una vez que haya comprado el complemento, puede recibir asistencia y actualizaciones ilimitadas. Tenga en cuenta que para calificar para asistencia y actualizaciones automáticas, debe ingresar la clave de licencia en el área de configuración. Desde un punto de vista técnico, Visual Composer no es amigable con el GLP. A pesar de que WordPress no permite el uso del uso, los desarrolladores solicitan a todos los clientes que compren una licencia regular para cada sitio web que use el compositor visual. Afortunadamente, el complemento todavía funciona correctamente sin ingresar la clave de licencia. Por lo tanto, nada le impide usar el complemento en cada sitio web que posee. Beaver Builder Drag y Drop Page Builder Al igual que Visual Composer, Beaver Builder lo ayuda a crear páginas profesionales fácilmente usando una interfaz de arrastrar y soltar. Una de las mayores diferencias entre las dos soluciones es que todas las ediciones con Beaver Builder tienen lugar en el front-end de su sitio. Todos los aspectos son receptivos y el editor visual es compatible con publicaciones de blog, páginas y todos los demás tipos. publicaciones. Debido al soporte de códigos y widgets cortos, Beaver Builder funciona bien con la mayoría de los otros complementos de WordPress. Por ejemplo, puede integrar fácilmente elementos de otros complementos en sus modelos, como formularios, tablas y galerías. Beaver tiene un buen soporte para WooCommerce y el complemento multilingüe de WordPress y debería funcionar con casi cualquier tema de WordPress.

También tiene soporte de WordPress multisitio, pero desafortunadamente, esta característica no está incluida en la licencia estándar de Beaver Builder (más sobre opciones de precios más adelante). La función Beaver Builder que realmente se destaca es su sistema de plantilla de página. Le permite crear grandes páginas detalladas en unos segundos. Todo lo que tiene que hacer es seleccionar la plantilla de página deseada. Por ejemplo, puede crear una página de contacto comercial con un clic en un botón. Las licencias con precios más altos de Beaver Builder también vienen junto con el tema de WordPress Beaver Builder. El uso de Beaver Builder Beaver Builder se integra con WordPress de la misma manera que Visual Composer. Una vez que el complemento se ha activado, puede cargar el editor haciendo clic en la pestaña “Page Builder” en el editor de postetativo posterior, si está autenticado, puede hacer clic en el enlace “Page Builder” en la barra de administración de WordPress en la parte superior de cada página.

Cuando el generador de página se activa por primera vez, se mostrará una superposición que muestra las plantillas de apariencia. Como su nombre indica, las plantillas de inicio están diseñadas para usarse en la página inicial de su sitio. Hay catorce plantillas de apariencia únicas disponibles. Alternativamente, puede elegir usar una página vacía.

Las plantillas de apariencia de contenido lo ayudan a crear páginas comunes rápidamente. Por ejemplo, hay aspectos para su página sobre la página de contacto y la página de blogs. En total, hay trece plantillas de contenido para elegir. Puede, por supuesto, guardar cualquier página que cree manualmente como plantilla y usarla en otro lugar de su sitio.

Beaver Builder tiene una interfaz fácil de usar que no tarda mucho en entender. En la barra de administración hay enlaces a la parte superior derecha: plantillas, herramientas, completos y un icono de ayuda. En el lado derecho hay menús desplegables para modelos de línea, módulos básicos, módulos avanzados y widgets. Al hacer clic en la caja de herramientas, aparecen algunas opciones. Doblar la página generará una copia de la publicación/página/tipo de publicación con el mismo aspecto. Hay una opción para guardar la apariencia como plantilla.

Seleccionar “Configuración global Editar” cargará el cuadro “Configuración para el generador de página”. Desde aquí puede cambiar la configuración del título de página predeterminado, las filas, los módulos y la apariencia receptiva.
Al hacer clic en el botón terminado, le permite publicar los cambios realizados o guardarlos como un boceto. Si elige renunciar a los cambios, todos los cambios que ha realizado se perderán y la página volverá a la última versión guardada.
El icono de ayuda muestra opciones para hacer una gira interactiva, ver un video tutorial de siete minutos y acceder a la base de conocimiento o foros de Beaver Builder.

Te recomiendo que gira cuando carga Beaver Builder por primera vez. Te dará una buena imagen general sobre cómo funciona todo.

La primera opción del menú en el lado derecho es la apariencia de las filas. Puede elegir tener una a seis columnas de contenido. También se pueden agregar las barras laterales izquierda y derecha. Todo lo que tiene que hacer es seleccionar las columnas o la barra lateral deseadas y luego tirar de la zona de contenido. Funciona muy bien. Puedes eliminar, duplicar o mover filas. También puede cambiar la configuración de la fila. Eliminar una columna reducirá automáticamente el número de filas en esa fila. Por ejemplo, reduzca de tres columnas a dos, etc. La misma configuración está disponible para filas y columnas. Puede ajustar el ancho, el texto, puede cambiar de fondo a una foto de fondo, puede cambiar la configuración de fondo y puede definir el borde. En la pestaña avanzada puede cambiar los bordes y el relleno, la apariencia receptiva y los selectores CSS. Guardará los cambios tan pronto como haga clic en el botón de rescate. Encontré que todo funcionaba perfectamente. Por ejemplo, por defecto, el ancho de dos columnas será del 50% cada uno, pero si ajusta uno al 70% en ancho, la otra columna cambiará automáticamente al 30% en ancho.

Hay cinco módulos de contenido básicos: título, fotografía, separador, texto y editor de video.

Como era de esperar, simplemente deslice y coloque los módulos de contenido en su página en la columna deseada y gire. Una vez que haga esto, puede cambiar la configuración de ese módulo de contenido. Al igual que Visual Composer, la configuración que se muestra depende del módulo de contenido que cambie.


Puede estar un poco confundido después de agregar el primer módulo de contenido, ya que el menú en el lado derecho de la página desaparece. Para devolver el menú, debe hacer clic en el botón “Agregar contenido” en la parte superior de la página. Veintisiestos módulos avanzados disponibles. Estos incluyen post acordiones, diapositivas, tablas de precios y formularios de suscripción.

Doce widgets de WordPress están disponibles. Esto lleva el número total de módulos de contenido a treinta y nine.

Una vez que haya creado la página, debe guardar el boceto o publicar la página. También recomiendo guardar el aspecto como una plantilla.

El tema Beaver Builder Beaver Builder se incluye con las versiones Pro y la Agencia de Beaver Builder (más sobre los planes de precios más adelante). El tema es esencialmente un lienzo vacío que le permite crear el sitio web deseado. En los últimos años, WordPress ha alentado a los desarrolladores de temas a integrar el personalizador de WordPress en su diseño. La tasa de adopción fue lenta, la mayoría de los desarrolladores de temas todavía usan su propia página de temas. Sin embargo, los desarrolladores del tema Beaver Builder adoptaron la personalización del tema. Cada tema y opción de configuración se puede encontrar allí. Esto se une bien al complemento de Beaver Builder WordPress, porque significa que todos los cambios que realiza en su sitio se pueden obtener previamente en tiempo real. Hay una gran cantidad de configuraciones disponibles. Puede cambiar el encabezado, el sótano, los widgets, los colores y más. También se incluye una herramienta de importación y exportación.

Estaba satisfecho con la cantidad de opciones ofrecidas y me pareció muy fácil cambiar los colores, los fondos y las fuentes. Está claro que el tema de Beaver Builder fue creado para los usuarios del complemento, porque el tema en sí es muy simple . Le permite personalizar una gran cantidad de configuraciones de diseño, pero hay pocas opciones para cambiar la estructura de su sitio web. En este sentido, el tema me parece anticuado. Sin embargo, hay diez prestaciones diferentes de temas disponibles. Estos preajuste cambiarán el esquema de color de su sitio web.

Si bien el tema de Beaver Builder es una planta hermosa, carece de las funciones y extractos que ofrecen la mayoría de los temas modernos de WordPress. Por el dinero adicional que Beaver Builder quiere para este tema, sería mejor comprar una WordPress todo en uno, como Div, porque ofrece mucho más. El área de configuración de configuración del constructor de páginas para el complemento Beaver Builder se muestra en una sola página. Se muestran diez secciones en el menú. La primera sección es una opción para ingresar la clave de licencia para recibir actualizaciones y asistencia remotas. El complemento continuará funcionando correctamente si no ingresa la clave.

Todos los módulos básicos y avanzados se pueden deshabilitar de la sección Módulos.

También puede deshabilitar los widgets de WordPress para la selección, sin embargo, no hay opción para deshabilitar los widgets individualmente.

En la sección de plantillas, puede activar todas las plantillas, activar solo las plantillas básicas, activar las plantillas de usuario (es decir, las plantillas que guardó) y deshabilitar todas las plantillas. También hay opciones para editar las plantillas para el generador de páginas en el área de administración y reemplazar las plantillas básicas. Todos los tipos de publicaciones disponibles en su sitio de WordPress se muestran en el tipo de publicaciones. Puede deshabilitar cualquier tipo de publicación para la cual no desea ser Beaver Builder activo.

Se incluyen tres conjuntos de diferentes iconos con el complemento. Estos se pueden deshabilitar en la sección de icono. También hay una opción para cargar su propio conjunto de iconos.

En la sección de edición puede definir el nivel de capacidad de WordPress necesario para editar Beaver Builder.

La etiqueta blanca está disponible para aquellos que compran la licencia de la Agencia Bever Builder. Puede ingresar su propia marca y definir el icono de su propia empresa.

Hablé anteriormente sobre lo que sucede cuando haces clic en el icono de ayuda en el generador de página. Puede deshabilitar este icono si lo desea. Alternativamente, puede deshabilitar artículos individuales. La URL para el video de ayuda, la base de conocimiento y los foros también se pueden definir.

Si ha transferido su sitio web a un nuevo plan de alojamiento, es posible que deba eliminar el caché de arado.

Estaba encantado de ver una opción de desinstalación incluida en Beaver Builder. Al hacer clic en el botón Desinstalar, se eliminarán el complemento y todos los datos asociados.

Como puede ver, Beaver Builder tiene muchas opciones útiles para configurar en la página Configuración. Lo único que creo que realmente necesita es la capacidad de cambiar el rol del usuario (es algo que el compositor visual tiene). Precios Beaver Builder Developers Beaver Builder ha adoptado la estrategia de precios popular de tres opciones de licencia diferentes. Las opciones son estándar, pro y agencia. Todas las licencias le permiten usar Beaver Builder en un número ilimitado de sitios web siempre que desee. La asistencia y las actualizaciones se ofrecen por un año, y los años siguientes están disponibles a una tasa reducida del 40% del precio inicial (aunque puede continuar utilizando el complemento si no se renueva). El equipo de asistencia también lo ayudará a crear módulos personalizados para su sitio web. La licencia estándar para Beaver Builder se vende a $ 99. Esta licencia ofrece una copia completa del complemento Beaver Builder, pero no incluye el WordPress Beaver Builder o el soporte de soporte multisitio. Para recibir estas dos terminaciones, debe actualizar a la licencia Pro que cuesta $ 199. La licencia más cara es la agencia. Se vende a $ 399. Ofrece todo para la licencia Pro, pero también ofrece funciones de etiquetas blancas. Puede reemplazar todas las referencias a Beaver Builder con el nombre de su propia empresa y la capacidad de cambiar las plantillas de página básicas de Beaver Builder. A menos que necesite soporte de WordPress multisitio, creo que la licencia estándar de US $ 99 le brinda todo lo que necesita, porque no vale la pena pagar el tema de Beaver Builder por 100 USD adicionales. Visual Composer vs Beaver Builder:

Resumen Como vio, Visual Composer y Beaver Builder tienen fortalezas y debilidades. Personalmente, no creo que haya demasiadas entre las dos soluciones en términos de creación de modelos, porque ambos pueden usarse para crear sitios web de gran aspecto. Si prefiere crear modelos en la interfaz de su sitio, creo que Beaver Builder lo supera fácilmente, porque la interfaz es más fluida (aunque no hay una gran cantidad entre ellos). Si prefiere crear modelos en los antecedentes de su sitio, Visual Composer es el adecuado para usted, porque Beaver Builder no ofrece esta funcionalidad. Después de crear diseños con ambas soluciones, llegué a la conclusión de que prefiero crear diseños en backend usando Visual Composer. Esto puede deberse en parte a tener más experiencia con el complemento, pero sentí que puedo crear las páginas que quería más rápido usando Visual Composer. Sin embargo, creo que realmente se limita a sus propias preferencias sobre la interfaz que prefiere, porque, aunque Beaver Builder puede no parecer tan profesional, me pareció que es un placer usar su interfaz simple. Para ayudarlo a decidir, permítanos recapitular rápidamente las ventajas y desventajas de ambos complementos. Visual Composer fiscal más barato que Beaver Builder

Le permite crear modelos en su fondo e interfaz de su sitio web

Tiene una gama más amplia de módulos de contenido que se ofrecen

Proporciona muchas opciones para desarrolladores y hay una amplia gama de complementos de WordPress disponibles que agrega características adicionales

Contras de compositor visual

El complemento no es amigable con el GLP y se espera que los desarrolladores compren una licencia de compositor visual para cada sitio web que posea (aunque, desde un punto de vista técnico, puede usar el complemento en múltiples sitios web) el editor de interfaz. Podría ser un poco más pulido

Pros para constructor de castor

Tiene una interfaz fácil de usar que es muy fácil de entender

Se puede usar en un número ilimitado de sitios web

Tiene una buena variedad de módulos de contenido y widgets

Beaver Builder contras

Más caro que el compositor visual

Solo puede editar modelos en el front-end de su sitio web
Las licencias de agencias profesionales y de mayor precio no justifican su costo adicional (especialmente porque el soporte para múltiples sitios viene de serie con el compositor visual)
Espero que hayas encontrado útil este elemento de comparación. Para obtener más información sobre estos complementos de WordPress, visite las páginas de información para Visual Composer y Beaver Builder. Gracias por leer. Kevin