Los botones son la forma más sencilla de lograr que los que visitan el sitio tomen acción. Los botones pueden conducir a los que visitan el sitio a otra página en su sitio o a una página en otro sitio web. Los botones también pueden abrir un elemento emergente, formulario de contacto, reserva en línea, dirección de correo electrónico y más.
-
Escriba el texto que desea que aparezca en el botón en el campo proporcionado.
-
Seleccione entre las siguientes opciones para vincular el botón:
-
Página existente.
-
store enlace. Esto solo se mostrará si el sitio tiene un store.
-
Dirección del sitio web.
-
Ventana emergente.
-
Ancla.
-
Volver al principio.
-
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.
-
Recomendación
Para obtener más información sobre estas opciones, consulte Selector de vínculos.
Utilice el editor de diseño para seleccionar si el botón hereda el estilo de botón principal o secundario definido en el panel de temas. Además, puede elegir entre los diferentes diseños de botones, editar el estilo del botón (ancho, alto) y el texto del botón (fuente, tamaño del texto, color, formato, alineación y dirección) y ajustar el espaciado interior y exterior.
Cualquier cambio que realice en el editor de diseño anulará los estilos establecidos en el nivel del botón del tema. Si necesita volver al estilo del botón del tema, haga clic en Restablecer al estilo del tema.
-
Si se hacen cambios en el botón (que anularán los estilos establecidos en el nivel del botón del tema), aparecerá un cuadro de indicador 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.
Nota
Para obtener más información sobre los botones de tema, consulte Botones del sitio.
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. Use los botones flotantes para mantener fijos, visibles y activos los llamados a la acción importantes en todas las páginas del sitio.
Algunos casos de uso ideales son:
-
Contáctenos
-
SUSCRIBIRSE
-
SOLICITAR PRESUPUESTO
Para crear un botón flotante:
-
En el panel lateral, haga clic en widget. Busca el widget Botón, haz clic y arrástralo al lienzo.
-
Haga clic en el botón para abrir el menú flotante y seleccione Editar diseño. Se abrirá el panel de diseño. Desplázate hacia abajo hasta la sección Posición .
-
Haga clic para expandir el menú Tipo de posición y seleccione Fijo. Esto garantiza que el botón permanezca en una posición fija a medida que 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 seleccionada la posición, no se puede cambiar de Fija a Anclada. Esto se debe a que al seleccionar Fijo, el botón se quita de su contenedor original para que pueda permanecer visible en la pantalla a medida que el usuario se desplaza. Si tuviera que cambiar de Fijo a Anclado, 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 ventanilla.
-
Seleccione una posición para el botón. Cambie la vista del dispositivo para cambiar la posición en diferentes dispositivos. En el menú Espaciado, utilice la configuración de Margen para definir dónde se encuentra el botón en la ventanilla. Esto es especialmente importante de configurar si tiene dos botones fijos en la misma posición de ventanilla.
-
Para mostrar el botón flotante solo en la página actual, habilite la opción Mostrar solo en esta página .
Nota
Un botón flotante se puede configurar para que se muestre en páginas específicas, pero aparecerá en todas las páginas de forma predeterminada (actualmente no hay una forma de desactivarlo solo para páginas particulares).
-
En dispositivos móviles, sugerimos colocar el botón flotante en la esquina inferior de la pantalla para que los visitantes puedan hacer clic fácilmente en él con una mano.
-
Para mostrar un icono en lugar de texto en el dispositivo móvil, elija el diseño que presenta un icono.
-
Si un botón flotante no se muestra en el móvil, es posible que esté utilizando un diseño móvil antiguo. Para actualizar el diseño, vaya al Editor de diseño y haga clic en Diseño del sitio.
Los botones anclados se adhieren a su elemento primario (columna o columna interior) mientras el elemento primario esté en la ventanilla. Si hay más de un botón anclado en la misma posición, el botón de la parte superior será el primer botón.
Nota
Anclado no es una opción en las cuadrículas avanzadas.
Para habilitar un botón anclado:
-
En el panel lateral, haga clic en widget. Busca el widget Botón, haz clic y arrástralo al lienzo.
-
Haga clic en el botón para abrir el menú flotante y seleccione Editar diseño. Esto abre el panel de diseño en el lado derecho de la pantalla.
-
En el panel de diseño, desplácese hacia abajo hasta la sección Posición.
-
Haga clic para expandir el menú Tipo de posición y seleccione Anclado. Esto garantiza que el botón se adhiera a su elemento principal (columna o columna interior) siempre que el elemento principal esté en la ventanilla. Este cambio se aplica a todos los tamaños de pantalla, sin embargo, puede anularlo si es necesario.
-
En la sección Posición, configure el desplazamiento del botón. El desplazamiento es donde se fijará el botón en el desplazamiento antes de salir de la ventanilla. Si se establece desde desktop, otros tamaños de pantalla tendrán los mismos valores, sin embargo, se puede anular por tamaño de pantalla según sea necesario. Si el encabezado fijo está habilitado, el desplazamiento se basará en la altura predeterminada del encabezado. Si habilita un encabezado fijo después de configurar el desplazamiento, no se actualizará automáticamente y deberá volver atrás y ajustar manualmente el desplazamiento.
Si en algún momento mueve el botón a un elemento principal diferente (columna o columna interior), se conservará la configuración del panel de diseño, como el desplazamiento.
Habrá un icono de indicador anclado tanto en el menú flotante del botón como en el panel de diseño.
Comentarios
0 comentarios
El artículo está cerrado para comentarios.