Los botones son la forma más sencilla de que los visitantes del sitio realicen una acción. Pueden dirigir a los visitantes a otra página de su sitio o a una página de otro sitio web. También pueden abrir una ventana emergente, un formulario de contacto, una reserva en línea, una dirección de correo electrónico y más.
Para obtener información sobre cómo agregar widgets, consulte Agregar widgets.
Consejo:
Para obtener más información sobre los widgets y la biblioteca de widgets, consulte Widgets: Biblioteca y Resumen.Editor de contenido
Para acceder a los Sitios web de Guesty:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione Modode crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- Escriba el texto que desea que aparezca en el botón en el campo provisto.
- Seleccione entre las siguientes opciones a las que se vincula el botón:
Página existente.
Enlace de la tienda. Solo se mostrará si el sitio tiene tienda.
Dirección del sitio web.
Ventana emergente.
Ancla.
Pago del plan de membresía. Esto solo se mostrará si el sitio ha añadido la función de Membresía.
Entrada de blog. Esta opción solo se mostrará si el sitio tiene un blog.
Dirección de correo electrónico.
Haga clic para llamar.
Archivo para descargar.
Consejo:
Para obtener detalles sobre estas opciones, consulte Selector de enlaces.
Editor de diseño
Para acceder al editor de diseño, haga clic derecho en el elemento y seleccione "Editar diseño". O bien, si está en modo flexible, seleccione "Editar diseño" en el menú flotante para abrir el panel de diseño.
Utilice el editor de diseño para seleccionar si el botón hereda el estilo principal o secundario definido en el panel de temas. Además, puede elegir entre diferentes diseños de botones, editar el estilo (ancho, alto) y el texto (fuente, tamaño, color, formato, alineación y dirección) y ajustar el espaciado interno y externo.
Cualquier cambio que realice en el editor de diseño anulará los estilos establecidos en el botón del tema. Si necesita volver al estilo del botón del tema, haga clic en "Restablecer estilo del tema".
Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.
Botones de tema principal y secundario
Si se realizan cambios en el botón (que anularán los estilos establecidos en el nivel del botón del tema), seguirá habiendo un cuadro indicador presente en el estilo del botón principal o secundario.
Si se hace clic en el estilo del botón que no tiene el cuadro indicador, se restablecerá el botón al estilo establecido en el nivel del botón del tema.
Para obtener más información sobre los botones de tema, consulte Botones del sitio.
Botones flotantes
Los botones flotantes le permiten mantener un botón visible en todo momento, incluso cuando un visitante se desplaza hacia abajo en la página. Úsalos para mantener las llamadas a la acción importantes fijas, visibles y clicables en todas las páginas del sitio.
Los casos de uso ideales incluyen:
- Contáctenos
- Suscribirse
- Obtenga una cotización
En el panel lateral, haga clic en Widgets. Busque el widget Botón, haga clic en él y arrástrelo al lienzo.
Haga clic derecho en el botón y luego en Editar diseño. Esto abrirá el panel de diseño a la derecha de la pantalla. Desplácese hacia abajo hasta la sección Posición del panel de diseño.
En la pestaña Estilo, desplácese hacia abajo y haga clic en el botón Flotante. Si el atributo Flotante está deshabilitado, el botón aparecerá automáticamente en la primera fila de la parte superior de la página. Esto garantiza que el botón permanezca en una posición fija mientras el usuario se desplaza por el sitio. Este cambio se aplica a todos los tamaños de pantalla; sin embargo, puede anularlo si es necesario. Una vez que seleccione la posición, no podrá cambiar de Fijo a Fijado. Esto se debe a que, al seleccionar Fijo, el botón se elimina de su contenedor original para que pueda permanecer visible en la pantalla mientras el usuario se desplaza. Si cambiara de Fijo a Fijado, el editor no sabría en qué contenedor colocar el botón. Si necesita cambiar, primero debe volver a Predeterminado. El botón se moverá a la primera sección de la ventana gráfica.
Seleccione una posición para el botón. Cambie la vista del dispositivo para modificar la posición en diferentes dispositivos. Es especialmente importante configurar esto si tiene dos botones fijos en la misma posición de la ventana gráfica.
Para mostrar el botón flotante solo en la página actual, habilite la opción Mostrar solo en esta página.
Nota:
Se puede configurar un botón flotante para que se muestre en páginas específicas, pero aparecerá en todas las páginas de manera predeterminada (actualmente no hay una forma de desactivarlo solo para páginas particulares).
Consideraciones sobre dispositivos móviles
En dispositivos móviles, sugerimos colocar el botón flotante en la esquina inferior de la pantalla para que los visitantes puedan hacer clic en él fácilmente con una mano.
Puede mostrar un ícono en lugar de texto en el móvil eligiendo el diseño que incluye un ícono en el móvil.
Si un botón flotante no se muestra en el móvil, es posible que esté usando un diseño antiguo. Para actualizarlo, vaya al Editor de Diseño y haga clic en Diseño del Sitio.