Revisión de Beaver Builder: una mirada en profundidad al popular complemento de creación de páginas de WordPress

Beaver Builder está destinado a aparecer en cualquier lista de complementos de creación de páginas de WordPress. Pero, ¿vale la pena el popular plugin? ¿Tiene las funciones adecuadas para usted y es fácil crear excelentes sitios web de WordPress con él? ¿Cómo se instala el complemento en WordPress? Obtendrá todas sus respuestas en esta revisión de Beaver Builder en profundidad y probada.

Para poner las cosas en perspectiva, el complemento de WordPress Beaver Builder es un creador de páginas que utiliza el método de arrastrar y soltar que hace que el diseño de sitios web sea un paseo por el parque. Le permite trabajar directamente en la interfaz del sitio web y crear sitios web impresionantes sobre la marcha sin ninguna habilidad de codificación.

En esencia, usar creadores de páginas como Beaver Builder es como jugar con Legos. Escoges piezas (elementos y módulos) y las juntas para crear lo que tu imaginación te permite. Es así de fácil crear sitios web con buenos creadores de páginas.

Entonces, si eso es lo que está buscando, ¡entremos directamente en esta revisión definitiva de Beaver Builder!

Beaver Builder: una descripción general

Beaver Builder le ofrece una alternativa al Editor de bloques de WordPress predeterminado para crear contenido, utilizando un sistema de módulos similar pero mucho más completo.
Hay muchos complementos de creación de páginas disponibles en el mercado, pero Beaver Builder es una de las opciones más populares debido a su facilidad de uso. Hay una versión gratuita de Beaver Builder disponible, así como una versión premium. En esta revisión, me centraré en la versión premium y compartiré mi experiencia de todas las funciones y el rendimiento.

Potentes funciones y control

La diferencia fundamental entre los complementos de creación de páginas radica en las opciones de personalización que brindan y cuánto control le brindan sobre todos esos elementos. Sin embargo, muchos creadores de páginas pueden ser difíciles de usar independientemente de la cantidad de funciones que ofrezcan.

Facilidad de uso e integración

Pero Beaver Builder se encuentra en la última categoría, que ofrece toneladas de excelentes características y funcionalidades y se incluye en un paquete fácil de usar. La experiencia de edición visual de front-end del complemento también te permite ver la página tal como aparecerá a tus visitantes mientras estás editando, lo cual es genial.

El creador de páginas también te permite editar publicaciones y tipos de publicaciones personalizadas. Además, funciona con la mayoría de los temas de WordPress y se integra bien con la mayoría de los complementos que generan códigos cortos o widgets.

Plantillas personalizables

Sin embargo, si no desea crear páginas desde cero, Beaver Builder también viene con una biblioteca de plantillas personalizables prefabricadas. Puede guardar cualquier página que haya creado para reutilizar su diseño para otro contenido, y puede hacer lo mismo con cualquier fila, columna o módulo que agregue.

Sitios web receptivos

Finalmente, vale la pena señalar que Beaver Builder le permite crear sitios web receptivos listos para usar. En cualquier momento, puede obtener una vista previa de cómo se verá una página en computadoras de escritorio, teléfonos inteligentes y tabletas.

Sobre el papel, Beaver Builder suena impresionante. En las siguientes secciones, le mostraré cómo funciona en acción.

Características y beneficios de Beaver Builder

A estas alturas, tiene una idea clara de lo que ofrece Beaver Builder y cómo funciona. Antes de mostrarle la interfaz del complemento, hagamos un breve resumen de sus características:

• Creador de páginas visuales front-end de arrastrar y soltar
• 33 módulos para agregar contenido
• Plantillas de página predefinidas que puede utilizar para iniciar la creación de contenido
• Se integra con la mayoría de los temas de WordPress , así como con complementos que generan códigos cortos y widgets.
• Páginas totalmente personalizables y tipos de publicaciones personalizadas.

Estas son excelentes funciones, pero ¿cuánto paga por adquirirlas para construir su sitio web? ¡Echemos un vistazo a los precios del complemento!

Precios de Beaver Builder

Como mencioné antes, Beaver Builder viene en versiones gratuitas y de pago. Sin embargo, si planeas usar Beaver Builder para algo más que proyectos personales como un blog de pasatiempos, probablemente necesitarás la versión premium.

Las licencias de Beaver Builder Pro comienzan en $ 99 con actualizaciones por un año para sitios ilimitados y un 40% de descuento en renovaciones anuales. Ese es el plan Estándar, que es la opción que recomendaría a la mayoría de los usuarios individuales que están creando sitios de blogs profesionales, comerciales o de comercio electrónico.

Hay planes más costosos que ofrecen más funciones como:

• Soporte multisitio de WordPress
• El tema oficial de Beaver Builder, diseñado para funcionar a la perfección con el complemento
• Funcionalidad de marca blanca.

Si está buscando un creador de páginas para proyectos de agencias, debería considerar uno de los planes de Beaver Builder más costosos. Aparte de esos escenarios, la licencia estándar le brinda todo lo que necesita.

Requisitos del sistema para Beaver Builder

Ahora echemos un vistazo a los requisitos del sistema para Beaver Builder.

Compatibilidad del navegador

Puede utilizar las tres últimas versiones de los navegadores Chrome, Firefox, Safari y Edge. Para los usuarios de Internet Explorer, se recomienda IE 11.

Versiones de WordPress

Recomendaría usar la última versión de WordPress y PHP para una mejor seguridad y rendimiento. Para obtener instrucciones y actualizaciones de WordPress, puede consultar los artículos de WordPress.

• Complemento Beaver Builder: WordPress 4.6 y superior | PHP 5.6.20 y superior (se recomienda PHP 7.x)

Nota : las versiones de WordPress desde 4.9.6 requieren Beaver Builder versión 2.1.1.3 o superior.

• Tema Beaver Builder : WordPress 4.1 y superior | PHP 5.6.20 y superior
• Beaver Themer : WordPress 4.6 y superior

Versiones de jQuery

Beaver Builder es compatible con las versiones de jQuery que se incluyen con WordPress. No se recomienda utilizar otras versiones de jQuery, porque si bien puede funcionar, puede terminar dañando su sitio.

Por lo tanto, antes de la instalación, asegúrese de seguir los requisitos para evitar obstáculos en la carretera y lograr el sitio requerido sin problemas.

¿Cómo instalar Beaver Builder en su sitio web de WordPress?

Ahora es el momento de instalar Beaver Builder en WordPress. Beaver Builder viene con una versión gratuita (lite) y una versión premium, y es fácil de instalar. Voy a compartir el proceso de instalación de ambas versiones una por una.

Versión gratuita (Lite)

Vaya a Panel de WordPress> Complemento> Agregar nuevo.

Busque Beaver Builder en la barra de búsqueda de la derecha. Haga clic en el botón de instalación, luego actívelo.

Una vez que instale y active Beaver Builder, aparecerá una nueva opción de Beaver Builder cuando pase el mouse sobre cualquier página o publicación en su tablero.

Versión Premium

Si actualiza su Beaver Builder a premium o instala directamente la versión premium, debe seguir los pasos a continuación.

• Descargue el archivo zip de su complemento Beaver Builder desde la página Mi cuenta . Su clave de licencia aparece encima de los enlaces del archivo zip en la página.

• Vaya a Panel de control de WordPress> Complemento> Agregar nuevo y haga clic en cargar complemento .

• Haga clic en el botón elegir archivo y aparecerá la ventana del navegador.

• Seleccione su archivo zip Beaver Builder de su sistema local, o simplemente arrastre el archivo en la parte superior del botón Examinar. El nombre del archivo zip aparecerá a la derecha del botón Elegir archivo .
• Haga clic en Instalar ahora .

• Antes de activar el complemento, debe comprender el escenario. Si tiene instalada la versión Lite del complemento, se desactiva automáticamente al instalar una versión premium. Si ya tiene instalada una versión premium, puede reemplazarla haciendo clic en Reemplazar actual con cargada .
• Haga clic en Activar para activar el complemento.

Activación de licencia

Después de instalar y activar el complemento Beaver Builder, le explicaré el proceso de activación de la licencia:

• Desde el panel de WordPress, vaya a Configuración> Beaver Builder , luego haga clic en la pestaña Licencia .
• Agregue su clave de licencia, que puede encontrar en la página Mi cuenta .
• Puede obtener actualizaciones y degradaciones cuando su licencia está activa. El número de licencia debe seguir siendo el mismo.

Cómo usar Beaver Builder (práctica)

Una vez instalada y activada, aparecerá una nueva opción de Beaver Builder cuando pase el mouse sobre cualquier página o publicación en su tablero:

Al hacer clic en él, se abrirá esa página y tendrá acceso al editor de Beaver Builder. Lo primero que notará es que puede hacer clic directamente en cualquier elemento de la página para acceder a todas sus configuraciones.

Entre esas configuraciones, tiene la funcionalidad de arrastrar y soltar para mover el elemento en la página, personalización para ese elemento específico, duplicación de módulo, edición de columna o la capacidad de eliminar el elemento:

En el ejemplo anterior, seleccioné un módulo de Encabezado. Si voy a editar ese encabezado haciendo clic en el icono de llave inglesa, puedo acceder a un menú que se ve así:

Aunque la configuración varía según el módulo que esté utilizando, el complemento Beaver Builder siempre los divide en tres categorías amplias:

• General : estas son las opciones de personalización básicas para cada módulo.
• Estilo : piense en la pestaña de estilo como una forma rápida de aplicar CSS a cada módulo a través de una interfaz fácil de usar.
• Avanzado : la pestaña Avanzado le permite modificar márgenes, especificar puntos de interrupción, agregar animaciones, insertar HTML personalizado y más.

Los módulos más completos tienen pestañas adicionales. Por ejemplo, el módulo Publicaciones, que muestra publicaciones o páginas, incluye una pestaña Contenido para filtrar qué publicaciones se muestran y una pestaña Paginación para controlar cómo se ve un gran conjunto de publicaciones.

En teoría, puede crear sitios web completos sin tocar la configuración de personalización avanzada de Beaver Builder. En esta captura de pantalla, la configuración de Márgenes tiene un ícono de escritorio que puede alternar para establecer diferentes valores de margen para pantallas grandes, medianas y pequeñas si lo desea:

Aunque he usado varias herramientas de creación de páginas de WordPress, Beaver Builder tiene la curva de aprendizaje más fácil. Donde otros creadores de páginas le lanzan docenas de configuraciones desde el principio, con Beaver Builder, puede comprender cómo funciona cada módulo y qué puede hacer con él.

En cuanto a la selección de módulos, Beaver Builder incluye 33 elementos. Entre ellos, tiene características básicas como menús, formularios de contacto, imágenes, párrafos, encabezados y más.

Sin embargo, Beaver Builder también incluye opciones más 'avanzadas' como módulos de testimonios, grupos de iconos, tablas de precios y contadores de números. Las tablas de precios son una adición fantástica a cualquier sitio de comercio electrónico, así que me alegró saber que Beaver Builder hace que sea relativamente fácil crearlas y personalizarlas:

Personalizar páginas existentes con Beaver Builder es sencillo, pero crear páginas desde cero es relativamente sencillo. Puede dividir el proceso en unos simples pasos:

1. Calcula el diseño aproximado que deseas para una página.
2. Empiece a agregar columnas y filas.
3. Complete las columnas y filas con los módulos que desee y personalícelos.
4. Arrastre los módulos si es necesario para que los elementos se vean exactamente como los desea.
5. Obtenga una vista previa de cómo se ve la página en varios tamaños de pantalla.

Eso es una simplificación excesiva, sí. Sin embargo, todo el proceso se siente intuitivo incluso para alguien que usa Beaver Builder por primera vez.

Dicho esto, es importante tener en cuenta que tengo algo de experiencia en la creación de sitios web. Si es nuevo en el uso de WordPress o en la creación de su primer sitio, es posible que le interese usar las plantillas de Beaver Builder.

Plantillas prediseñadas

Como mencioné antes, Beaver Builder le permite comenzar con un lienzo en blanco o plantillas para crear sus páginas. De fábrica, incluye más de 30 plantillas de página de destino y muchas más plantillas para varios tipos de páginas de contenido, y más de 100 filas prediseñadas:

Aunque la selección de plantillas podría ser más amplia, Beaver Build incluye diseños modernos y no se vería fuera de lugar en ningún sitio web. Tiene opciones con secciones de grandes héroes, fondos animados, grupos de iconos, secciones de testimonios, tablas de precios y más.

Si no tiene mucha experiencia con el diseño web, las plantillas son una herramienta que salva vidas. Una vez que aprenda cómo funciona el complemento, también puede usar el sistema de plantillas de Beaver Builder para guardar sus propios diseños y agregarlos a otras páginas o proyectos:

Las plantillas son una gran parte de lo que hace que Beaver Builder sea un creador de páginas amigable para principiantes, así que te animo a que al menos pruebes algunas opciones si estás trabajando en un nuevo proyecto.

Compatibilidad y rendimiento de Beaver Builder con Cloudways

La velocidad del sitio juega un papel crucial en el éxito de su sitio web y es probablemente una de las mayores preocupaciones de la mayoría de los propietarios de sitios. La optimización del sitio es una necesidad, pero evaluar cómo hacerlo puede ser complicado. Para esta revisión de Beaver Builder, probé este creador de páginas en Cloudways para ver qué tan bien funciona, para que no tenga esos pensamientos persistentes.

Usaré algunas herramientas de prueba de velocidad vitales y le mostraré cuánto Beaver Builder es compatible con la plataforma Cloudways.

Recursos que usamos:

Configuración del servidor Cloudways

Configuración de la aplicación

Complemento instalado

Utilizando los recursos anteriores, creé un sitio web para ayudarlo a comprender el escenario en vivo. Puede consultar el sitio web desde este enlace. Ahora, voy a probar el sitio en diferentes herramientas para mostrarles la compatibilidad y el rendimiento de Beaver Builder con Cloudways.

Análisis de rendimiento de GTMetrix

URL: https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• Rendimiento : 100%
• Estructura : 93%
• LCP : 539 ms
• TBT : 0 ms
• CLS : 0.03

Análisis de rendimiento de Pingdom

URL: https://tools.pingdom.com/#5ea5673c8fc00000

• Grado de rendimiento : 88
• Tamaño de página : 2,0 MB
• Tiempo de carga : 365 ms
• Consultas: 49

Análisis de rendimiento de PageSpeed ​​Insight

Calificación general : 91
FCP : 0,8 s
Índice de velocidad: 1,5 s
LCP : 1,8 s
TTI : 0,8 s
TBT : 0 ms
CLS : 0.028

Como puede ver, he probado el sitio en tres herramientas de prueba diferentes y los resultados son bastante impresionantes. Cloudways le proporciona alojamiento de WordPress administrado con servidores dedicados con complementos de caché integrados y ofrece un rendimiento increíble. La implementación de sitios web creados con creadores de páginas como Beaver Builder significa que tiene experiencias increíbles para ofrecer a sus usuarios.

Beaver Builder: pros y contras

He repasado todo lo que ofrece Beaver Builder: sus características, cómo funciona y cuánto cuesta. Con eso en mente, hagamos un breve resumen de las ventajas y desventajas de este complemento de creación de páginas.

Pros:

• Es una herramienta increíblemente intuitiva, incluso si no tiene experiencia en el uso de constructores de páginas.
• La selección de plantillas presenta diseños modernos y versátiles.
• Agregar y personalizar elementos en sus páginas es simple y cada módulo incluye una amplia gama de configuraciones y opciones.
• El sistema de columnas y filas es simple y funciona para cualquier tipo de sitio web.
• Puede guardar plantillas y módulos personalizados para reutilizarlos en otro contenido.

Contras:

Pero aunque Beaver Builder es asombroso, no está exento de fallas. Por ejemplo, las plantillas incluidas están bien diseñadas, pero la selección podría ser mucho más amplia, considerando que muchos recién llegados a WordPress probablemente dependerán de ellas para construir sus sitios web.

El otro inconveniente potencial a considerar es que la versión gratuita del complemento no incluye muchos módulos. Para aprovechar al máximo Beaver Builder, deberá actualizar a un plan pago, lo que puede ser un fastidio para los usuarios del sitio personal.

Incompatibilidades de Beaver Builder

Beaver Builder es compatible con la mayoría de las cosas relacionadas con WordPress, pero persisten algunas deficiencias. WordPress es una plataforma de código abierto, por lo que los usuarios prueban diferentes temas y complementos para verificar la compatibilidad, y algunas veces tienen éxito y otras veces enfrentan una incompatibilidad.

Echemos un vistazo a algunas de las principales incompatibilidades de Beaver Builder.

1. Conflictos de complementos

Cuando se enfrenta a algún problema con el editor de Beaver Builder, a menudo ocurre debido a otro conflicto de complementos. Un complemento de caché puede ser un motivo de conflicto. Si es así, elimine el complemento de caché cada vez que tenga algún problema y desactive todos los complementos excepto Beaver Builder. Habilite cada complemento uno por uno y pruebe Beaver Builder después de cada uno. Repita este proceso hasta que encuentre el complemento que causa el problema.

2. Conflictos temáticos
Los temas también pueden causar problemas con el complemento de WordPress Beaver Builder. ¿Cuáles son los problemas que surgen debido al tema y cómo podemos identificarlos?

Veamos los puntos a continuación para una mejor comprensión:

• La página se cuelga durante la edición o cuando se guarda la página editada
• El usuario no puede editar la página en Beaver Builder
• La barra de edición de Beaver Builder no aparece en la parte superior de la página
• Los cuadros de configuración del módulo no aparecen en el editor

Vaya a Panel de control de WordPress> Apariencia> Tema y cambie su tema activo a cualquier tema estándar de WordPress, como veinte veinte.

3. Complemento de JavaScript asíncrono

El complemento Async Javascript puede entrar en conflicto y causar un problema a menos que configure los siguientes ajustes.

• Excluir jQuery
• wp-includes / js se agrega al campo Async Javascript> Configuración> Exclusión de scripts .

4. Complemento de duplicador

No se recomienda utilizar ningún complemento de duplicación para clonar las páginas y guardar los diseños. Puede encontrar que está funcionando, pero cuando edita el diseño de Beaver Builder en la nueva página, causa problemas. En lugar de esto, puede usar Duplicator Layout desde el menú de herramientas de Beaver Builder.

5. Cargador de cohetes de Cloudflare

El Rocket Loader de Cloudflare puede causar problemas con Beaver Builder al editar las páginas, por lo que se recomienda apagarlo durante la edición. Puede activarlo cuando termine su sitio.

Reseñas de usuarios de Cloudways sobre Beaver Builder

El boca a boca es más ruidoso que las técnicas de marketing, así que echemos un vistazo a la comunidad de Beaver Builder y analicemos lo que dice la gente sobre Cloudways. Es hora de explorar cómo la gente encuentra Cloudways como la mejor plataforma mientras usa Beaver Builder.

Es seguro decir que Cloudways es una de las mejores opciones para su próximo sitio web que pretende crear con Beaver Builder.

Reflexiones finales sobre Beaver Builder

Después de haber probado el complemento de WordPress Beaver Builder a fondo, puedo decir con confianza que es una de las mejores soluciones para comenzar a construir sitios web de WordPress fenomenales.

El complemento tiene toneladas de funciones y es lo suficientemente flexible como para permitirle ser lo más creativo posible con su diseño. Y, sobre todo, es increíblemente fácil de usar. Es casi como jugar con Lego: escoges los elementos que quieres en tu sitio y los colocas donde los quieres. Siga haciendo esto (pero puede volverse profesional en la configuración avanzada si lo desea) mientras el sitio web resultante está justo frente a usted. En resumen, ves todos los cambios en el sitio a medida que los haces, lo que hace que el proceso sea muy intuitivo y, me atrevo a decir, divertido.

Y después de probar el rendimiento del complemento en Cloudways Managed Hosting, puedo decir con certeza que si desea implementar un sitio web rápidamente pero no quiere comprometer su rendimiento o seguridad, etc., debe optar por un servidor de WordPress en Cloudways. + Complemento Beaver Builder, que es una fórmula segura para el éxito.

¿Qué opinas sobre Beaver Builder después de leer esta reseña? Si hay algún punto que podamos haber pasado por alto, házmelo saber y me aseguraré de actualizar esta revisión.