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.
-
Enlace de la tienda. 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 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 realices en el 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 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
-
OBTENGA UN PRESUPUESTO
Para hacer que un botón flote en el Editor tradicional o se corrija 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 con el botón secundario en el botón y, a continuación, haga clic en Editar diseño. Si está en 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. Desplázate 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 de alternancia Flotante . Si el atributo Floating está deshabilitado, el botón aparece automáticamente en la primera fila de la parte superior de la página. Si está en 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 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 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 Editor 2.0, en el menú Espaciado, emplee la configuración de Márgenes 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 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
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 celular, es posible que esté empleando 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 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 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 el botón se fijará en el desplazamiento 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 predeterminada del encabezado. Si habilita un encabezado fijo luego 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), la configuración del panel de diseño, como el desplazamiento, se mantendrá.
Habrá un icono de indicador anclado tanto en el menú flotante del botón como en el panel de diseño.