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.
-
Plan de membresía checkout. Esto solo se mostrará si el sitio agregó la función de Membresía.
-
Entrada de blog. Esta opción solo se mostrará si el sitio tiene un blog.
-
Dirección de email.
-
Haga clic para llamar.
-
Archivo para descargar.
-
Recomendación
Para obtener más detalles sobre estas opciones, consulte Selector de enlaces.
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 distintos diseños de botón, realizar modificaciones en el estilo del botón (anchura, altura) y en 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 dentro del editor de diseño anulará los estilos establecido en el nivel del botón del tema. Si necesita volver al estilo del botón del tema, haga clic en Restablecer 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 Tema 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
-
OBTENGA UN PRESUPUESTO
Para hacer que un botón flote en el Editor tradicional o fijo en el Editor 2.0:
-
En el panel lateral, haga clic en widget. Busca el widget Botón, haz clic y arrástralo al lienzo.
-
Haga clic derecho en el botón y luego haga clic en Editar diseño. Si está en el Editor 2.0, 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. Desplazar hacia abajo hasta la sección Posición del panel de diseño.
-
En la pestaña Estilo , desplazar hacia abajo y haga clic en el botón Flotante . Si el atributo Flotante está deshabilitado, el botón aparece automáticamente en la primera fila en la parte superior de la página. Si está en el Editor 2.0, 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 mientras el usuario se desplaza por su 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 puede cambiar de Fijo a Fijado. Esto se debe a que cuando selecciona 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 cambiar la posición en diferentes dispositivos. Si está en el Editor 2.0, en el menú Espaciado , emplee la configuración de Margen para definir dónde se ubicará el botón en la ventana gráfica. Esto es especialmente importante de configurar 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 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 dispositivo móvil, es posible que estés usando 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 permanecen en su elemento principal (columna o columna interna) mientras el elemento principal se encuentre en la ventana gráfica. Si hay más de un botón fijado en la misma posición, el botón de arriba será el primer botón.
Nota
Fijado no es una opción en las cuadrículas avanzadas.
Para habilitar un botón anclado en el Editor 2.0:
-
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, desplazar hacia abajo hasta la sección Posición .
-
Haga clic para expandir el menú Tipo de posición y seleccione Fijado. Esto garantiza que el botón se mantenga adherido a su elemento principal (columna o columna interna) siempre que el elemento principal esté en la ventana gráfica. Este cambio se aplica a todos los tamaños de pantalla, sin embargo puedes 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 al desplazar antes de salir de la ventana gráfica. 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 del encabezado predeterminada. Si habilita un encabezado fijo luego de configurar el desplazamiento, no se actualizará automáticamente y deberá regresar y ajustar manualmente el desplazamiento.
Si en algún momento mueve el botón a un elemento principal diferente (columna o columna interna), se conservarán las configuraciones del panel de diseño, como el desplazamiento.
Habrá un icono indicador fijado tanto en el menú flotante del botón como en el panel de diseño.