¿Qué es Beaver Builder Page Builder? Un creador de páginas de WordPress con muchas funciones

Al configurar un nuevo sitio web, es imposible no pensar en WordPress . Es infinitamente personalizable, fácil de usar y lo mejor de todo: gratis. Pero una vez que la nueva instalación esté lista, ¿cuál es la mejor manera de comenzar a diseñar su contenido? Si bien WordPress viene con un editor estándar, a menudo los diseñadores necesitan más flexibilidad y control sobre el contenido de la página, ¡y ahí es donde entra Beaver Builder !

Beaver Builder es un complemento de creación de páginas de WordPress que está repleto de funciones útiles y opciones de personalización casi infinitas. Sin más preámbulos, profundicemos en algunas de las características más útiles que ofrece Beaver Builder.

Características clave de Beaver Builder

Edición con arrastrar y soltar

En primer lugar, Beaver Builder es un editor visual de arrastrar y soltar. Utiliza un sistema de filas y columnas para organizar lo que llama módulos (piense en bloques de texto, imágenes, encabezados, etc.). Al arrastrar y soltar sus módulos en su área de contenido, tendrá una idea mucho mejor de cómo se verá realmente su página. una vez publicado. Esto lo convierte en uno de los creadores de páginas más accesibles y fáciles de usar. También hay un modo de vista previa que le permite ver su página con precisión como si estuviera en vivo. 

Plantillas

Otra característica útil de Beaver Builder son las plantillas de página. Las plantillas le permiten guardar diseños de página completos para uso futuro. Por ejemplo, ¿desea rediseñar su página de inicio pero desea mantener la existente por si acaso? No hay problema, puede guardarlo como una plantilla que se puede extraer en cualquier momento. Además de permitirle crear sus propias plantillas, Beaver Builder viene con sus propias plantillas de muestra para cosas como páginas de destino, páginas sobre nosotros y más. Estos se pueden usar tal cual o le brindan una excelente base para comenzar a construir sus propias páginas.

CSS y Javascript a nivel de página

Continuando con el tema de la máxima personalización, Beaver Builder también le permite agregar CSS y Javascript a nivel de página. Esto realmente es útil cuando tiene ediciones de código específicas de la página que necesita realizar sin afectar el resto de su sitio. 

Edición receptiva

Con la gran cantidad de tráfico web que proviene de dispositivos móviles, la versión móvil de un sitio web es tan importante como la versión de escritorio, si no más. Afortunadamente, Beaver Builder tiene esto en cuenta con características diseñadas en torno al diseño receptivo. Se incluye un modo de edición receptivo que le permite obtener una vista previa y editar el diseño de su página en tamaños de pantalla de tableta y teléfono. También tiene la opción de ocultar filas y columnas en el dispositivo móvil, o incluso mostrar una fila completamente diferente según el tamaño de la pantalla del usuario.

Filas globales y módulos guardados

Una de las características más útiles que ofrece Beaver Builder son las opciones para guardar filas, columnas o módulos como «globales». Esto significa que se guardan en una biblioteca donde puede arrastrarlos en cualquier momento. Además, esto significa que solo tiene que actualizarlos en un lugar y se actualizarán automáticamente en todo el sitio. Esto es más útil para filas como un pie de página o información de precios, que siempre querrá mantener la coherencia en todo su sitio.

Funcionalidad de importación / exportación

¿Necesita mover plantillas, filas guardadas o módulos guardados entre sitios? ¡No hay problema! Beaver Builder tiene una función de importación y exportación que facilita el movimiento de diseños guardados entre sitios. Esto es perfecto para mover diseños entre la puesta en escena y la producción, o de un sitio web a otro.

Tipos de publicaciones personalizadas

Además de ser compatible con sus páginas de contenido, Beaver Builder también se puede utilizar en cualquier tipo de publicación personalizada, lo que le brinda la máxima flexibilidad en su sitio web. Esto también incluye publicaciones de blog, lo que le permite personalizar cada rincón de su sitio.

Funcionalidad ampliable

Si los módulos incluidos con Beaver Builder no satisfacen todas sus necesidades, existen muchas extensiones útiles para ayudar a ampliar la funcionalidad de Beaver Builder. Por ejemplo, Ultimate Addons para Beaver Builder agrega módulos como cuadros de información, ventanas emergentes modales, cuadros de precios e incluso más plantillas de página para que usted elija. ¿Tiene promociones por tiempo limitado? T imed contenido de castor constructor le permite configurar una fecha de caducidad para su contenido. Si lo necesita, lo más probable es que la extensión esté disponible.

Introducción a Beaver Builder

¿Listo para intentarlo? Para comenzar, simplemente descargue el complemento gratuito . Una vez activado, debería ver la opción de usar Beaver Builder en sus páginas en lugar del editor estándar. Cuando abra una página dentro del editor, querrá comenzar por diseñar algunas filas y columnas. En la barra de herramientas, debería ver algunas opciones como esta:

Comience colocando una fila de columnas en su área de contenido. Si terminas cambiando de opinión sobre la cantidad de columnas, ¡no hay problema! Siempre puede arrastrar nuevos a su lugar. Ahora que su estructura básica está en su lugar, puede comenzar a agregar algunos módulos.

Hay muchas opciones para elegir:

Una vez que coloques un módulo, aparecerá una ventana con opciones de personalización. Por ejemplo, el editor de texto tiene un área para ingresar texto y luego pestañas separadas para las opciones de diseño. Por lo general, se trata de configuraciones como el color y el formato del texto, así como las configuraciones de margen y relleno. Incluso hay opciones para el comportamiento móvil, lo que le permite ocultar ciertas filas según el tamaño de la pantalla o cambiar el orden de apilamiento en pantallas más pequeñas.

Desde aquí, puede continuar arrastrando y soltando módulos en filas y columnas para crear su diseño perfecto. Si alguna vez cambia de opinión sobre la ubicación, siempre puede arrastrar módulos, columnas y filas a diferentes lugares de la página.

Una cosa importante para recordar es que las filas y columnas también tienen su propia configuración. Coloca el cursor sobre una fila y haz clic en el ícono de llave inglesa en la esquina superior izquierda. Aquí puede establecer una serie de opciones de diseño, como el ancho de su contenido (ancho fijo o completo), la altura de la fila, el color del texto, las opciones de fondo y más. Intente crear un fondo de video o un degradado y vea lo fácil que es crear un diseño de página llamativo.

Beaver Builder Standard vs.Versión gratuita de Beaver Builder

Entonces, ¿cuál es la diferencia entre la versión gratuita de Beaver Builder y la versión paga? ¿Vale la pena actualizarla? Para empezar, muchas de las funciones de ahorro de tiempo mencionadas anteriormente solo están disponibles en la versión paga. Por ejemplo, las plantillas de página incluidas solo están disponibles con la versión premium. Si tiene un sitio web más pequeño que se compone principalmente de texto e imágenes, es posible que esto no le importe tanto. Pero los sitios web más grandes y complejos se beneficiarán de la utilización de plantillas.

Si eres bastante experto en diseño y las plantillas de página no te atraen, es posible que desees considerar las otras características premium como los módulos adicionales y la capacidad de crear filas y columnas guardadas. Si tiene un sitio grande o varios sitios que administra, podría valer la pena actualizar al plan Estándar para obtener estas funciones. Además, tiene la posibilidad de utilizar Beaver Builder en todos sus sitios, así como el apoyo de los autores de los complementos durante un año completo.

Pensamientos finales

En general, Beaver Builder es un complemento de creación de páginas sólido para WordPress que le brinda el máximo control y flexibilidad con los diseños de su página. Ya sea que sea un diseñador principiante que intenta configurar un sitio web de cartera o una agencia que administra varios sitios web para sus clientes, Beaver Builder es una opción accesible que es fácil de aprender y usar. Los planes premium le brindan acceso a aún más funciones que le permiten ahorrar tiempo y que facilitan la edición. Además, si descubre que necesita aún más funciones, hay muchas extensiones disponibles para cualquier cosa que pueda necesitar. Pruébelo para su próximo proyecto y compruebe por sí mismo lo fácil que es.