Los botones son la forma más fácil de hacer que los visitantes del sitio actúen. Los botones pueden llevar a los visitantes a otra página de tu sitio web o a una página de un sitio web diferente. Los botones también pueden abrir una ventana emergente, un formulario de contacto, una reserva en línea, una dirección de correo electrónico, etc.
-
Escriba el texto que desea mostrar en el botón del campo proporcionado.
-
Seleccione una de las siguientes opciones a las que se vincula el botón:
-
Página existente.
-
Enlace a la tienda. Esto solo se mostrará si el sitio tiene una tienda.
-
Dirección del sitio web.
-
Ventana emergente.
-
Ancla.
-
Volver al principio.
-
Pago del plan de membresía. Esto solo se mostrará si el sitio ha agregado 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.
-
Sugerencia
Para obtener más información 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 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 establecidos en el nivel de los botones del tema. Si necesitas volver al estilo de los botones del tema Restablecer el estilo del tema.
-
Si se realizan cambios en el botón (que anularán los estilos establecidos en el nivel del botón del tema), seguirá apareciendo un cuadro indicador en el estilo del botón principal o secundario.
-
Si se hace clic en el estilo de 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 del tema, consulte Botones del sitio.
Los botones flotantes te permiten mantener un botón visible en todo momento, incluso cuando un visitante se desplaza hacia abajo por la página. Usa los botones flotantes para mantener las llamadas a la acción importantes fijas, visibles y en las que se pueda hacer clic en ellas en todas las páginas del sitio
Los casos de uso ideales incluyen:
-
Póngase en contacto con nosotros
-
Suscríbase
-
Obtenga una cotización
Para hacer que un botón flote en el editor clásico o corregido en el editor 2.0:
-
Busca el Botón widget, luego haz clic y arrástralo al lienzo.
-
Haga clic con el botón secundario del mouse en el botón y, a continuación Editar diseño. Si estás 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. Desplázate hacia abajo hasta el Posición sección.
-
En el Estilo pestaña, desplázate hacia abajo y haz clic en Flotante alternar. Si el atributo flotante está desactivado, el botón aparece automáticamente en la primera fila de la parte superior de la página
Si está en el Editor 2.0: Haga clic para expandir elTipo de puestomenú y selecciónFijo. 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, pero puedes anularlo si es necesario. Una vez que selecciones la posición, no podrás cambiar de Fija a Fijada. Esto se debe a que cuando seleccionas Fijo, el botón se retira de su contenedor original para que pueda permanecer visible en la pantalla mientras el usuario se desplaza. Si cambiaras de Fijo a Fijo, 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. Cambia la vista del dispositivo para cambiar la posición en diferentes dispositivos. ISi estás en Editor 2.0,En elEspaciadomenú, usa elMargenajustes para definir dónde se encuentra el botón en la ventana gráfica. Es especialmente importante configurarlo 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 Mostrar solo en esta página alternar.
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 forma de desactivarlo solo para páginas concretas).
-
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.
-
Puedes mostrar un icono en lugar de texto en dispositivos móviles si eliges el diseño que incluye un icono en dispositivos móviles.
-
Si un botón flotante no se muestra en dispositivos móviles, 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 Diseño del sitio.
Los botones anclados se mantienen en su elemento principal (columna o columna interior) mientras el elemento principal esté en la ventana gráfica. Si hay más de un botón anclado en la misma posición, el botón de la parte superior será el primero
Nota
La opción Fijado no es una opción en las cuadrículas avanzadas.
Para habilitar un botón anclado en Editor 2.0:
-
Busca el Botón widget, luego haz clic y arrástralo al lienzo.
-
Haga clic en el botón para abrir el menú flotante y seleccioneEditar diseño. Esto abre el panel de diseño en el lado derecho de la pantalla.
-
En el panel de diseño, desplázate hacia abajo hasta elPosiciónsección.
-
Haga clic para ampliar elPosición escriba el menú y seleccioneFijado. Esto garantiza que el botón se mantenga en su elemento principal (columna o columna interior) mientras 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, configura el desfase del botón. El desplazamiento es el punto en el que se fijará el botón en el pergamino antes de salir de la ventana gráfica. Si se configura desde el escritorio, los demás tamaños de pantalla tendrán los mismos valores; sin embargo, se pueden anular por tamaño de pantalla según sea necesario. Si el encabezado fijo está activado, el desfase se basará en la altura predeterminada del encabezado. Si habilitas un encabezado fijo después de configurar el desfase, no se actualizará automáticamente y tendrás que volver atrás y ajustar el desfase manualmente.
Si en algún momento mueves el botón a un elemento principal diferente (columna o columna interior), se conservarán los ajustes del panel de diseño, como el desfase.
Habrá un icono indicador fijo tanto en el menú flotante como en el panel de diseño del botón.