Cómo crear sus páginas con Beaver Builder (en 5 pasos)

La creación de un sitio web superior comienza con el diseño básico de la página. Sin embargo, el comienzo puede ser un poco difícil. Afortunadamente, está Beaver Builder. Con nuestra interfaz visual fácil de usar, puede comenzar a crear páginas profesionales en el menor tiempo. En este artículo, le presentamos nuestro complemento Beaver Builder. Luego le mostramos cómo crear sus páginas con solo cinco simples pasos. ¡Vamos a bucear directamente!
Acabamos de lanzar 6 cursos gratuitos de Beaver Builder. Descubra cómo usar todos nuestros productos con la ayuda de nuestro video paso a paso, fácil de ver. ¡Crea una cuenta gratis hoy!
Una introducción a los creadores de la página de Beaver Builder son una herramienta esencial para cualquier propietario o diseñador del sitio web. Esto se debe al hecho de que facilita la creación y gestión del contenido en sus páginas.
Como puede imaginar, hay una gran cantidad de tierra para cubrir cuando se trata de diseñar un sitio. Por lo tanto, es importante elegir un complemento de alta calidad que pueda crear modelos de página sin demasiados dolores de cabeza. Aquí viene Beaver Builder:

Beaver Builder es un importante constructor de páginas. Debido a su funcionalidad de arrastrar y drenar, este poderoso producto es muy fácil de usar y puede ayudarlo a crear un sitio profesional sin tener que escribir una sola línea de código. Además, sus páginas finales se verán casi idénticas a sus bocetos de fondo. Como tal, puede ahorrar mucho tiempo, porque no cambiará entre vistas previas mientras diseña sus páginas.
Y hay otra ventaja: diseño intuitivo. Al ver el resultado final a medida que construye su página, tiene una mejor idea sobre lo que verá el público. Hemos incluido más de 30 módulos de contenido diferentes en Beaver Builder, además de módulos de contenido adicionales o configuraciones específicas para complementos populares, como WooCommerce, además de tipos de publicaciones personalizadas. Incluso puede colocar widgets de WordPress en cualquier lugar de su contenido. Por lo tanto, tiene una variedad de opciones creativas que puede usar para construir sus páginas. El resultado es un proceso creativo casi sin limitaciones. Además, Beaver Builder funciona bien con nuestras otras herramientas, incluido Beaver Builder. Hemos optimizado este tema para funcionar perfectamente con nuestro generador de páginas. Sin embargo, no debe usarlo, es libre de elegir cualquier otro tema compatible. También ofrecemos otro producto llamado Beaver Themer:
Beaver Themer cubre partes de la página fuera del área de contenido, como sede, sótanos, páginas de archivo de publicaciones de blog y publicaciones únicas, páginas con resultados de búsqueda y 404 páginas. Beaver Builder en sí es excelente para diseñar áreas de contenido. Agregar Beaver Themer lo ayuda a cubrir cada centímetro de su sitio web de WordPress con hermosos modelos personalizados.

Cómo crear sus páginas con Beaver Builder (en 5 pasos) Si desea crear páginas simples o complejas, Beaver Builder puede ayudarlo. Aquí le mostramos cómo comenzar en solo cinco simples pasos. Paso 1: Agregue la nueva página para comenzar con lo básico. Primero, ponga en funcionamiento Beaver Builder en su sitio. Aunque ofrecemos una versión simple, la opción Premium ofrece funciones más avanzadas. También viene con una garantía de reembolso de dinero de 30 días. Una vez que haya tomado la decisión, instale y active el complemento. Asegúrese de hacer lo mismo para el tema elegido. Luego cree una página básica de WordPress. Puede comenzar por acceder a páginas> Agregar nuevo al menú de barra lateral de WordPress de administración. Si ha instalado Beaver Builder, debería ver una página que se vea así: antes de iniciar Beaver Builder, elimine algunos elementos básicos. Estos pasos pueden parecer excesivamente simples, pero pequeñas acciones como estas pueden ser cruciales para la optimización de los motores de búsqueda (SEO). Comience agregando un título. Si crea varias páginas, etiquetarlas es importante para el proceso. Siempre puedes cambiar los títulos de la página más tarde. Luego, consulte la página Permalink en la barra del lado derecho y ajuste si es necesario para reflejar con precisión el contenido. Trate de mantener el caracol lo más simple posible. Finalmente, agregue una imagen presentada si tiene una preparada. Luego haga clic en Guardar.
Ahora, es hora de trabajar en su contenido en el medio de la pantalla, haga clic en el constructor de Button Beaver de lanzamiento lanzado. Esto lo lleva a la interfaz predeterminada que debería verse así:

Estará bastante vacío al principio. Siéntase libre de dar tiempo aquí para hacer clic para explorar la interfaz de usuario del editor Beaver Builder. Paso 2: Elija una plantilla porque trabajamos con una hoja vacía, es posible que no se asegure de comenzar. Ahí puedo ayudar a nuestras plantillas de apariencia. Las plantillas de apariencia son prácticamente páginas iniciales. Puede usarlos para guiar su propio proceso creativo. Puede cambiar tanto o tan poco sobre ellos que desee: depende de usted encontrando el icono más en la esquina superior derecha. Haga clic para abrir el panel contenido, luego haga clic en la pestaña Plantilla. Entonces deberías ver este menú:
Puede elegir el tipo de contenido que desea trabajar en el menú desplegable. Una opción son las páginas de destino. Estas son áreas autoempleadas donde puede enviar a los usuarios para recopilar más clientes potenciales. Las plantillas de página de destino funcionan bien y como elementos iniciales para su página de inicio. Para cualquier otro tipo de plantilla, seleccione el grupo contenido. También verá una opción etiquetada como plantillas guardadas. Esto estará vacío si esta es la primera vez que usa Beaver Builder. Cubriremos esta función más tarde.

Ahora puede navegar a través de opciones de plantilla. Hay muchas posibilidades, por lo que le recomendamos que haga tiempo para encontrar la plantilla adecuada para usted después de haber encontrado una plantilla que desea usar, haga clic en ella. Luego vea este mensaje:
Si hace clic en Agregar un nuevo aspecto, agregará esta plantilla a cualquier área en la que esté trabajando. Sin embargo, queremos comenzar de nuevo, por lo que seleccionaremos la apariencia existente. Después de confirmar la elección, debería ver la nueva plantilla de apariencia: cada plantilla de apariencia viene con líneas, columnas y módulos prefabricados. Simplemente haga clic en cualquier área para ajustar estos elementos. Puede duplicar, eliminar o modificar la configuración como desee.

Puede continuar personalizando agregando sus propias funciones. Para obtener más información sobre esto, pase al paso tres. Paso 3: reorganice la apariencia con columnas y líneas prefabricadas ahora que hemos pasado a la personalización, para comenzar con el espacio. Las columnas son una forma simple de hacer esto. También son útiles para estandarizar el aspecto de sus páginas. Haga clic en el icono más nuevamente. En el panel contenido, haga clic en la pestaña Filas y seleccione el grupo de columnas:
Simplemente tire y coloque las columnas donde quiera. Considere usar columnas para guiar la mirada del visitante.

No tengas miedo de experimentar con el espacio aquí. Puede cambiar el ancho de la columna hacer clic y tirar de las manijas deslizantes mientras pasa el mouse sobre una columna. También puede usar filas para crear nuevas estructuras. Ha visto cómo agregar filas con columnas vacías, pero puede elegir entre 100 plantillas de fila predefinidas. Volver a la pestaña de fila en el panel contenido, elija el grupo de filas precisas. Luego verá una serie de tipos de contenido de línea predefinido para elegir:


Elija un chico, luego seleccione una fila que le guste y agréguela a su página al igual que las plantillas de apariencia, las filas prefabricadas pueden ser particularmente útiles si no tiene tiempo.Tenga en cuenta el diseño final de la página mientras agrega estos elementos.Por ejemplo, suponga que está construyendo una excelente página de ventas.Si ya tiene una idea sobre el diseño, puede comenzar con patrones y líneas similares y cambiarlos, en lugar de construir desde cero.Cuando esté listo para agregar más funciones, pase al siguiente paso.Paso 4: Agregue módulos adicionales en este momento, debe tener algunas columnas configuradas.Ahora, puede comenzar a llenarlos con módulos de contenido.Beaver Builder ofrece una amplia selección de módulos entre los que puede elegir.En el panel contenido, haga clic en la pestaña Módulo para ver:
En la parte superior, verá algunas opciones grupales. Los módulos estándar contienen todos los módulos únicos para Beaver Builder. La sección del módulo guardado estará vacía si es la primera vez. También puede pasar a WordPress Widgets si desea agregar widgets de WordPress en su apariencia. Si tiene integraciones de terceros en Beaver Builder que vienen con sus propios módulos personalizados, los verá como grupos separados. Desplácese hacia abajo por módulos estándar para ver sus opciones, por ejemplo, puede visitar la sección de medios para ver módulos como presentación de diapositivas. Esto mostrará las fotos de su elección en un programa rotativo, con muchas opciones para navegar, velocidad y tipo de transición. Alternativamente, puede usar módulos para acciones un poco más prácticas. Por ejemplo, el módulo de formulario de suscripción proporciona un formulario en el front-end para el nombre y la dirección de correo electrónico, y en la parte posterior puede conectarlo a uno de una gran cantidad de servicios de suscripción de correo electrónico para registrar automáticamente la nueva suscripción. Si lo guarda como un modo global, como se describe en la siguiente sección, puede usarlo en varias ubicaciones en su sitio, y si realiza cambios en una sola ubicación, el módulo se actualiza en todas partes. Para comprender lo que puede hacer con diferentes módulos, le recomendamos que consulte nuestros módulos finales y lo use como referencia mientras construye su sitio. Para agregar un módulo a su página, simplemente tire y colóquelo en look. Luego haga clic en un módulo para abrir su configuración. Por ejemplo, así es como se ve la pantalla de edición para un módulo de fotos:

La pestaña General incluye opciones básicas, como elegir fotografía, agregar enlaces e incluir texto. El estilo incluye opciones de diseño, como corte, alineación y colores. Advanced le permite cambiar los bordes, agregar animación, elegir el tamaño del dispositivo para mostrar el módulo e incluir HTML personalizado. Haga sus cambios y luego repita el proceso para cada forma que desee editar. Paso 5: Guarde las filas, columnas y módulos para su uso posterior en este momento, probablemente tenga una página casi completa. Sin embargo, puede ahorrar algo de tiempo en el futuro utilizando nuestras opciones de rescate. Estos le permiten guardar ciertas plantillas, filas y columnas, por lo que puede volver a ellas más tarde. Todo lo que tiene que hacer es hacer clic en la herramienta clave para el elemento que desea guardar para abrirlo para la edición, luego haga clic en Guardar en Configuración. Esto te lleva a la siguiente pantalla:
Ingrese el nombre que desea usar y luego haga clic en Guardar. Si elige la opción global, cada instancia de este elemento guardado está vinculada. Esto significa que cada cambio que realiza en el futuro se aplica a todos los casos en que ese módulo se usa en su sitio y utilicé el ejemplo del formulario de suscripción en la última sección. La desventaja es que no puede cambiar la configuración en los elementos globales individuales, pero si desea separar las instancias de un módulo global en el futuro, solo puede duplicar el módulo en su apariencia y luego eliminar la versión global, y luego hacer Cambios personalizados en el nuevo módulo. Después de guardar su trabajo, estos elementos aparecen en sus respectivas áreas guardadas del panel contenido o puede acceder a las filas, columnas y módulos guardados haciendo clic en Beaver Builder en la barra lateral de WordPress de administración. Conclusión Todas las mejores carteras de diseño de sitios web comienzan con páginas hermosas. Sin embargo, construir el suyo puede ser difícil con la interfaz predeterminada de WordPress. Afortunadamente, Beaver Builder puede ayudarlo a crear un sitio web de clase mundial en tiempo de registro. En este artículo, le mostré cómo crear sus páginas con Beaver Builder en cinco pasos: instalar Beaver Builder en su sitio y agregar una nueva página.

Comience con una plantilla de apariencia para darle ideas de diseño o ahorrar tiempo.

Personalice su disposición con columnas y filas.

Agregar contenido de módulos.

Guarde los elementos con su contenido y configuración para su uso posterior.
¿Tiene alguna pregunta sobre cómo crear páginas con Beaver Builder? ¡Háganos saber en la sección de comentarios!