Revisión de Beaver Builder: ¿Es el mejor complemento de creación de páginas de WordPress? (2022)

¿Está buscando el mejor complemento de creación de páginas para su sitio de WordPress?

Beaver Builder definitivamente merece un lugar en esa lista. Desde su lanzamiento en 2014, se ha convertido en uno de los principales creadores de páginas y se ha ganado una merecida reputación de confiabilidad sólida y una gran comunidad.

En nuestra revisión práctica de Beaver Builder, le daré una visión detallada del complemento, incluido lo que hace bien y lo que hace mal.

En general, creo que Beaver Builder es un creador de páginas muy bueno, pero no es necesariamente la mejor herramienta para todos, por lo que querrá tener la información correcta para decidir si debe usar Beaver Builder o una de sus alternativas populares, como Constructor Elementor o Divi.

¡Sigue leyendo nuestra reseña y te ayudaré a tomar esa decisión!

Revisión de Beaver Builder: un resumen rápido

Si no está familiarizado con Beaver Builder, voy a comenzar con un breve resumen de sus funciones para que se ponga al día.

Beaver Builder es un complemento de creación de páginas de arrastrar y soltar fácil de usar. Eso significa que lo ayuda a crear diseños complejos y páginas de destino sin necesidad de ningún conocimiento técnico.

Puede configurar su diseño usando módulos de contenido y crear diseños usando filas y columnas . Para cada módulo, fila y columna, obtendrá opciones detalladas para controlar su diseño, distribución, espaciado y más.

Si desea ir más allá, puede usar el complemento Themer de Beaver Builder para diseñar su tema completo mediante la edición visual de arrastrar y soltar, incluidos encabezados personalizados, plantillas de publicaciones, pies de página, etc.

Básicamente, Beaver Builder lo ayuda a crear un sitio web de WordPress 100% personalizado.

Cómo funciona la interfaz de Beaver Builder

Comencemos profundizando en la interfaz de Beaver Builder y cómo funciona.

Recorrido básico de la interfaz

Cuando inicia la interfaz, obtiene una buena vista previa de ancho completo de su diseño en vivo. No hay una barra lateral fija por defecto, aunque puedes crear una si quieres:

Adición de módulos

Para agregar nuevos módulos o plantillas, puede hacer clic en el ícono "más" en la esquina superior derecha para abrir la interfaz del insertador. Los módulos están divididos en diferentes categorías, y también puedes buscar por nombre.

Para agregar un módulo, simplemente arrástrelo a la página:

Una vez que agrega el módulo, el menú desaparece y vuelve a una vista previa completa.

Si prefiere que el menú permanezca fijo, puede arrastrarlo hacia el lado derecho o izquierdo para convertirlo en una barra lateral fija en ese lado. Aquí, lo he arreglado a la izquierda:

En términos de los módulos en sí, Beaver Builder hace un buen trabajo al brindarle acceso a todos los módulos más importantes. Es posible que la lista no sea tan grande como la de otros creadores de páginas, pero no creo que la mayoría de la gente tenga problemas. Si necesita agregar más módulos, siempre puede hacerlo utilizando complementos de terceros (más sobre eso más adelante).

Configuración de módulos, columnas y filas

Para abrir la configuración de cualquier elemento, puede pasar el cursor sobre él y hacer clic en el icono de llave inglesa.

Si tiene el menú que desaparece, la configuración aparecerá en una ventana emergente que puede arrastrar a cualquier ubicación y cambiar su tamaño:

Si prefiere el enfoque de la barra lateral fija, la configuración se abrirá automáticamente en la barra lateral:

Si bien puede ver un editor de texto en las capturas de pantalla anteriores, Beaver Builder también admite la edición en línea, lo que significa que puede agregar texto directamente en la página haciendo clic y escribiendo.

En términos de la cantidad de opciones de diseño, diría que obtienes todas las opciones básicas importantes, pero no obtienes las opciones de diseño avanzadas que ofrecen algunos creadores de páginas como Elementor y Divi Builder.

Por ejemplo, no hay posicionamiento absoluto/relativo personalizado, ni hay nada como los efectos de movimiento de Elementor o los efectos de desplazamiento de Divi ( aunque Beaver Builder incluye animaciones básicas ).

Para los usuarios regulares, no creo que sientan que se están perdiendo algo. Pero si eres un diseñador al que le gusta poder configurar todos esos geniales efectos de diseño, entonces Elementor y Divi son definitivamente un poco más flexibles en ese sentido.

Beaver Builder también es compatible con el diseño receptivo. Puede ocultar ciertos elementos en los dispositivos móviles y también tener la opción de cambiar la configuración según el dispositivo de un usuario (por ejemplo, puede usar diferentes espacios o tamaños de fuente para los visitantes móviles):

También hay un modo de edición receptivo que facilita el diseño para dispositivos móviles y tabletas.

Creación de diseños de varias columnas

Esta es una de mis funciones favoritas de Beaver Builder, y no sé por qué todos los creadores de páginas no lo hacen de esta manera.

Supongamos que desea crear un diseño de varias columnas. Con la mayoría de los demás creadores de páginas, primero debe configurar su estructura de columnas. Luego, puede arrastrar los widgets a esas columnas.

Con Beaver Builder, puede omitir ese paso y simplemente arrastrar un módulo al lado de otro módulo para crear automáticamente una nueva columna. Es algo pequeño, pero es muy útil y te ahorrará algo de tiempo:

Por supuesto, Beaver Builder aún le permite configurar primero la estructura de su columna; debe agregar manualmente una fila si prefiere hacerlo de esa manera.

Insertar plantillas

Para ahorrar tiempo, Beaver Builder incluye algunas plantillas de página completa que puede insertar. Estas plantillas vienen en dos formas:

• Páginas de destino completas
• Páginas de contenido (por ejemplo, una página "Acerca de")

Sin embargo, diría que las plantillas no son el punto fuerte de Beaver Builder. Las plantillas en sí se ven bien, pero no tiene acceso a casi la cantidad de plantillas que ofrecen otras herramientas. Por ejemplo, Divi te ofrece más de 1700 plantillas y Elementor también cuenta con cientos.

Además de las plantillas de página, también obtiene plantillas de fila preconstruidas, que son plantillas para parte de una página, por ejemplo, una sección principal.

También puede guardar sus propios diseños como plantillas para reutilizarlos más tarde.

Uso de la configuración global

La configuración global le permite controlar la configuración de alto nivel para todos sus diseños de Beaver Builder, como el ancho predeterminado para las filas, los márgenes/relleno predeterminados para las filas y columnas, los diseños receptivos y más.

También puede personalizar los puntos de interrupción de su dispositivo pequeño y mediano en el complemento principal, que es algo que no todos los creadores de páginas permiten (por ejemplo, Elementor todavía está en el proceso de permitir puntos de interrupción ajustables).

Trabajar con código

Si desea trabajar con código, Beaver Builder facilita agregar CSS o JavaScript directamente a la página: presione Ctrl + Y para abrir el editor de código.

Sin embargo, no puede agregar CSS personalizado directamente a un módulo/sección individual como lo permite Elementor Pro. Aunque puede agregar una clase o ID de CSS personalizado a un módulo, no puede agregar el CSS en sí.

Reflexiones generales sobre la interfaz y la experiencia de edición

En general, creo que la experiencia de edición en Beaver Builder es bastante buena.

No tiene "tanto" como Elementor o Divi cuando se trata de opciones de diseño, pero tiene todas las opciones básicas que la mayoría de los usuarios necesitarán.

Además, me gusta mucho la interfaz en sí. Si bien es difícil mostrar esto en capturas de pantalla, la interfaz siempre es rápida y no presenta fallas. Nunca encuentro ningún retraso o problema al abrir la configuración o arrastrar cosas, simplemente funciona.

También es bueno que puedas personalizar la interfaz según tus preferencias. Si le gusta tener la vista previa de pantalla completa, puede seguir usando el estilo emergente predeterminado y ocultar todas las configuraciones cuando esté mirando su diseño.

O, si le gusta el enfoque de la barra lateral, puede colocar la barra lateral en cualquier lado y hacer todo desde una interfaz fija.

No hay nada especialmente llamativo, es solo una interfaz realmente sólida y agradable de usar.

Tema de castor

Beaver Themer es una extensión oficial del equipo de Beaver Builder que agrega soporte completo de creación de temas a Beaver Builder.

Beaver Builder fue uno de los primeros creadores de páginas en ofrecer la creación de temas completos, superando a otros grandes nombres como Elementor y Divi.

Con Beaver Themer activo, puede ir a Beaver Builder → Diseños de Themer para crear plantillas para su tema:

• Encabezamiento
• Pie de página
• Singular (por ejemplo, publicaciones de blog individuales, páginas, etc.)
• Archivo (por ejemplo, la página que enumera todas las publicaciones de su blog)
• 404 página

También puede crear partes de temas, lo cual es una característica realmente interesante que le permite inyectar un diseño en diferentes partes de su sitio, como un gancho de tema.

Plantillas de temas

Cuando crea una nueva plantilla de tema, primero debe elegir cuándo usar esa plantilla. Puede apuntar a tipos específicos de contenido, por ejemplo, todas las publicaciones de blog o solo publicaciones con una determinada categoría/etiqueta.

Si desea más control, también puede configurar Reglas , que le permiten usar una determinada plantilla solo cuando se cumplen las condiciones especificadas, como el estado de inicio de sesión, la función del usuario, el autor, el campo personalizado, la plantilla de publicación y más.

Como la mayoría de los otros creadores de temas no tienen una característica similar, esta es una ventaja definitiva de Beaver Themer.

A partir de ahí, puede usar la misma interfaz de Beaver Builder para diseñar su plantilla. La única diferencia es que podrá insertar contenido "dinámico", como el título y el contenido de una publicación.

Beaver Themer también funciona con campos personalizados para que pueda insertar datos de complementos como Campos personalizados avanzados o Pods. A continuación, puede ver cómo es conectar el contenido de un campo a la información dinámica.

Partes del tema

Las partes de temas funcionan básicamente igual que las plantillas de temas, pero obtienes una opción adicional que te permite insertar la parte en un lugar determinado de tu tema, por ejemplo, debajo del título de la publicación o debajo del contenido.

Puede usar partes de temas para anuncios, formularios de suscripción, llamadas a la acción y más.

Tema del constructor del castor

El tema Beaver Builder es un tema básico de WordPress diseñado para emparejarse con Beaver Builder.

Básicamente, la idea es que use Beaver Builder Theme para manejar áreas que no son de contenido, como el encabezado, el pie de página y las plantillas de blog, y luego use Beaver Builder para diseñar el contenido real (la parte que va entre el encabezado y el pie de página).

Sin embargo, sinceramente, no creo que el tema Beaver Builder sea tan valioso como una adición en 2022 y más allá. No es que el tema sea “malo”, es un buen tema. Simplemente creo que el espacio de WordPress ha cambiado y ya no es tan especial.

Hace años, era bueno tener el tema porque todavía era difícil encontrar temas base livianos y multipropósito.

Pero ahora, tenemos muchas opciones cuando se trata de temas ligeros y flexibles diseñados para emparejarse con creadores de páginas. Todos estos temas siguen el mismo principio básico que el tema Beaver Builder, pero lo hacen mejor ( al menos en mi opinión ). En 2022 y más allá, preferiría emparejar Beaver Builder con GeneratePress.

Rendimiento

El rendimiento siempre es una consideración importante cuando se usa un complemento de creación de páginas. Un creador de páginas siempre agregará más peso a la página que simplemente usar el editor de WordPress predeterminado, pero algunos creadores de páginas son mejores que otros para mantener ese peso al mínimo.

Personalmente, realicé algunas pruebas en las que creé páginas idénticas con diferentes creadores de páginas y Beaver Builder suele ser una de las mejores opciones en lo que respecta al rendimiento. Con eso quiero decir que los tamaños de página y las solicitudes HTTP son más bajos que otros constructores.

Para darle una buena idea de cuánto peso adicional agrega Beaver Builder frente al editor de bloques nativo de WordPress (Gutenberg), decidí realizar una pequeña prueba.

Creé un diseño simple en dos versiones: una con el editor Gutenberg y otra con la versión premium de Beaver Builder.

Luego, comparé los tamaños de página y las solicitudes HTTP (estos números incluyen el tema de mi sitio, que es GeneratePress):

Puede ver que Beaver Builder realmente no carga tanto por defecto. El diseño es muy simple y principalmente solo incluye texto, botones y columnas. Este resultado es más pequeño de lo que vería con muchos otros creadores de páginas.

Por ejemplo, cuando hice lo mismo con Divi Builder, agregó 316,7 KB (frente a los +44,1 KB de Beaver Builder) y siete solicitudes HTTP nuevas (frente a las cuatro solicitudes HTTP nuevas de Beaver Builder).

Otra cosa buena es que Beaver Builder no carga sus scripts en todo el sitio. Entonces, si tiene una página que creó con el editor nativo de WordPress, Beaver Builder no cargará un solo script en esa página.

Esto es notable porque algunos otros creadores de páginas cargan sus scripts en todo el sitio, lo que agrega peso a la página, ya sea que esté usando o no el creador de páginas en esa página.

Conclusión del rendimiento de Beaver Builder

¿Se cargará una página que diseñe con Beaver Builder tan rápido como la misma página que diseñe con el editor de bloques de Gutenberg? No, en igualdad de condiciones, no lo hará.

Sin embargo, el editor de bloques de Gutenberg no le brinda tanta flexibilidad de diseño como Beaver Builder. Y, en comparación con otros complementos de creación de páginas con una flexibilidad similar, Beaver Builder se compara bastante favorablemente.

Entonces, siempre que esté de acuerdo con la compensación de rendimiento básica que es cierta con cualquier complemento de creación de páginas, Beaver Builder hace un buen trabajo al mantener su peso adicional al mínimo.

Siempre que siga las mejores prácticas de rendimiento de WordPress, use algunos complementos de optimización de velocidad y aloje su sitio en un alojamiento rápido, puede crear un sitio de carga rápida con Beaver Builder.

Complementos de Beaver Builder de terceros

Además de Beaver Themer, Beaver Builder también tiene un mercado vibrante de complementos de Beaver Builder de terceros, que le permite ampliar aún más el generador principal.

Por lo general, usará estas extensiones para agregar nuevos módulos de contenido y plantillas, aunque algunas también agregan nuevas funciones, como la integración del marco de Pods con Beaver Builder/Themer.

Para darle una idea, aquí hay dos de las opciones más populares:

• Ultimate Addons para Beaver Builder (del mismo equipo detrás del tema Astra)
• Complemento PowerPack para Beaver Builder

Para ver aún más opciones, consulte nuestro resumen de los mejores complementos de Beaver Builder.

Precios

Ahora que hemos cubierto todo lo demás, hablemos de los precios.

En primer lugar, Beaver Builder tiene una versión lite gratuita en WordPress.org, pero es muy limitada.

Honestamente, ahora que existe el editor de bloques de Gutenberg, no veo ningún valor en la versión gratuita de Beaver Builder más allá de permitirte probar la interfaz de usuario para ver si te gusta.

Es posible que no esté de acuerdo, por lo que definitivamente debería probar la versión gratuita por sí mismo. Pero en mi opinión, si está buscando específicamente un complemento de creación de páginas gratuito, las versiones gratuitas de Elementor y Brizy son mucho más generosas en sus funciones.

Sin embargo, cuando se trata de la versión premium, Beaver Builder es bastante asequible.

Primero, lo importante a tener en cuenta es que todos los planes de precios de Beaver Builder permiten el uso en sitios web ilimitados.

A partir de ahí, los planes comienzan en solo $99 por un año de soporte y actualizaciones. En todos los planes, puede obtener un 40 % de descuento en la renovación si desea continuar recibiendo soporte y actualizaciones después del primer año.

Como mencioné anteriormente, el tema Beaver Builder ya no me parece tan valioso, así que creo que casi todos estarán bien con la licencia estándar de $ 99. Las únicas razones por las que podría querer pagar más son:

1. Necesita soporte multisitio de WordPress, en cuyo caso necesita la licencia Pro de $199.
2. Necesita marca blanca, en cuyo caso necesita la licencia de agencia de $399.

Si desea agregar soporte para la creación de temas, también deberá comprar Beaver Themer, que cuesta $ 147 para usar en sitios ilimitados.

Entonces, si desea el generador de páginas y el generador de temas, pagará $ 246 por su uso en sitios ilimitados y un año de soporte y actualizaciones. Luego, pagará un total de $ 147.60 para renovar si desea continuar recibiendo soporte y actualizaciones después del primer año.

Reflexiones finales sobre Beaver Builder

En general, creo que Beaver Builder es un muy buen complemento de un equipo de desarrollo confiable y establecido. Ha existido durante más de siete años y ha construido una gran comunidad en ese tiempo.

Sin embargo, si debe o no usar Beaver Builder realmente se reduce a lo que valora en un complemento de creación de páginas de WordPress.

Si desea un creador de páginas que siempre agregue nuevas funciones y le brinde nuevas habilidades de diseño, Beaver Builder podría no ser su mejor opción porque este no parece ser el enfoque del equipo de Beaver Builder. No es que Beaver Builder nunca agregue nuevas funciones, pero vienen a un ritmo más lento que los complementos como Elementor, Divi y Brizy.

Sin embargo, si valora la estabilidad por encima de la obtención frecuente de nuevas funciones, ahí es donde creo que Beaver Builder funciona realmente bien. Un ciclo de desarrollo más lento significa más tiempo para probar y resolver problemas. Nunca he visto a los usuarios de Beaver Builder quejarse de que una nueva versión causó algún error generalizado o rompió algo en sus sitios.

Ciertamente hay valor en obtener nuevas funciones, pero también hay valor en la estabilidad. Si un complemento ya hace todo lo que necesita, es posible que desee que siga haciéndolo bien sin agregar nuevas funciones que pueden o no causar problemas en su sitio.

Así es básicamente como lo veo. No creo que haya una sola respuesta "correcta", realmente depende del enfoque que prefiera.

Si le gusta el enfoque de Beaver Builder, puede hacer clic en el botón a continuación para ir al sitio web:

Consigue el constructor de castores

Si prefiere ver otras opciones, puede consultar nuestra colección de los mejores complementos de creación de páginas. Si desea la máxima flexibilidad de diseño, creo que algunas buenas opciones son Elementor (lea nuestra reseña) y Divi Builder (lea nuestra reseña).

Para ver cómo Beaver Builder se compara con esos complementos, puede consultar estas publicaciones:

• Elementor Pro contra Beaver Builder
• Divi vs Castor Constructor

¿Todavía tiene alguna pregunta sobre Beaver Builder o nuestra revisión de Beaver Builder? ¡Deja un comentario y cuéntanos!