Agrega botones fijos y un botón de "Volver arriba" a tu sitio de Website Builder
¿Quieres mejorar la navegación de tu sitio web? Prueba añadiendo botones fijos.
Los botones fijos son aquellos que permanecen en una posición visible en la pantalla mientras navegas por tu sitio. A diferencia de los botones estándar que se salen de la vista al desplazarte por una página, los botones fijos se mantienen en un lugar específico, garantizando que acciones importantes, como "Envíenos un correo electrónico", "Reservar" o "Contáctanos", estén siempre accesibles.
En Website Builder, puedes activar fácilmente los botones fijos. Solo ve a la configuración de tu plantilla, activa los botones y publica tu sitio. Los botones y sus acciones vinculadas se mostrarán en el lado derecho de la pantalla en tu sitio publicado.
También puedes agregar un botón muy útil de "Volver arriba" que lleva al instante a los visitantes hasta la parte superior de la página, sin importar qué tanto hayan hecho scroll hacia abajo.
En este artículo, vas a encontrar instrucciones paso a paso para agregar estos botones a tu sitio.
- Paso 1 - Añade tus datos de contacto en la configuración de tu sitio web
- Paso 2 - Ve a la configuración de la plantilla en tu Website Builder
- Paso 3 - Activa los botones fijos
- Paso 4 - Ajusta la apariencia de tus botones fijos (opcional)
- Paso 5 - Activa el botón Volver arriba
- Paso 6 - Guarda y publica
Paso 1 - Agrega tus datos de contacto en la configuración de tu sitio web
Antes de añadir los botones a tu sitio, asegúrate de haber añadido todos tus datos de contacto principales a la configuración de tu sitio web. Los botones recuperarán la información necesaria de allí, por lo que si deseas utilizar tus datos de contacto principales y falta una pieza de información, el botón correspondiente no funcionará correctamente.
- Ve al menú con las dos líneas horizontales en la esquina superior derecha del editor.
- Haz clic en Configuración en el menú desplegable.
- Introduce tu número de teléfono, dirección de correo electrónico y ubicación (dirección) si quieres usar todos los botones. Si quieres enlazar a una página de Reservas pero aún no has añadido una, tendrás que activarla usando el apartado de Reservas en el menú de la izquierda.
- Haz clic en Listo.
Paso 2 - Ve a la configuración de la plantilla en tu Website Builder
- Ve a la Configuración de la plantilla en la esquina inferior derecha del editor.
- Haz clic en Botones fijos en el menú flotante que aparece.
Paso 3 - Activa los botones fijos
- Desliza el selector Mostrar botones fijos para activar los botones.
- Todos los botones con información adjunta se mostrarán por defecto. Si quieres quitar un botón de tu sitio, haz clic en el icono de tres puntos y selecciona Ocultar. El botón tampoco se mostrará si no le has agregado información en la configuración de tu sitio web.
- Para cambiar el texto del botón, haz clic en el icono de tres puntos y selecciona Editar. Luego verás un campo de texto donde puedes editar el texto del botón.
- Si quieres usar información diferente para un botón, como un número de teléfono personalizado en vez del que tienes en la configuración de tu sitio web, también puedes agregarla. Haz clic en el icono de tres puntos junto a un botón y selecciona Editar. Luego elige la opción Personalizar en la siguiente ventana e ingresa la información que quieras.
- Los botones se mostrarán verticalmente en el lado derecho de tu sitio web. Si quieres cambiar el orden en que aparecen, puedes arrastrar y soltar los botones en el menú flotante.
Una vez añadidos, los botones no aparecerán en el editor. Sin embargo, puedes verlos en acción en la Vista previa.
Paso 4 - Ajusta la apariencia de tus Botones fijos (opcional)
También puedes cambiar la posición y el estilo de tus Botones fijos.
- Haz clic en la pestaña Aspecto del menú flotante.
- Selecciona la posición de los botones (arriba a la derecha, centro a la derecha, abajo a la derecha).
- Selecciona el estilo para tus botones. Las opciones aquí van a variar dependiendo de si estás usando o no un tema de color en tu sitio.
- Activa el selector Incluir texto en el botón si quieres que el texto del botón se muestre como parte del ícono cuando los visitantes pasen el cursor sobre un botón.
Paso 5 - Activa el botón de volver arriba
Puedes activar el botón Volver arriba en el mismo lugar que los botones fijos.
- Ve a Configuración de la plantilla en la esquina inferior derecha del editor.
- Selecciona Volver arriba en el menú flotante.
- Activa el selector Agregar botón de Volver arriba.
- Elige el estilo que quieres usar para el botón.
- Ve a la Vista previa para ver el botón en acción. Si bajas un poco, aparecerá en la esquina inferior derecha como un botón redondo con una flecha hacia arriba en su interior.
No es posible agregar texto al botón ni cambiar la posición del botón de Volver arriba.
Paso 6 - Guarda y publica
Guarda y publica tu sitio para que los botones aparezcan en tu sitio web en vivo.
Artículos relacionados: