Widgets: Button

Los botones son la forma más sencilla de conseguir que los visitantes de tu sitio pasen a la acción. Con un clic los llevan a otra página de tu sitio o a una página de otra web. Un botón también puede abrir un pop-up, un formulario de contacto, una reserva en línea, una dirección de correo y mucho más.

Si quieres saber cómo añadir widgets, consulta «Add Widgets».

Editor de contenido

Haz clic en el elemento para abrir el menú flotante y luego en la opción del editor de contenido.

1. Escribe en el campo correspondiente el texto que quieres que aparezca en el botón.
2. Elige a qué enlaza el botón entre estas opciones:
   • Existing Page.
   • Website address.
   • Popup.
   • Anchor.
   • Back to top.
   • Email Address.
   • Click To Call.
   • File for download.

Consejo: encontrarás más detalles sobre estas opciones en «Link Picker».

Editor de diseño

Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.

En el editor de diseño eliges si el botón hereda el estilo de botón primario o secundario definido en el panel Tema. Además, puedes elegir entre los distintos layouts de botón, cambiar el estilo del botón (ancho, alto) y su texto (fuente, tamaño de texto, color, formato, alineación y dirección) y ajustar el espaciado interior y exterior.

Cualquier cambio que hagas en el editor de diseño anula los estilos definidos a nivel del botón del tema. Si necesitas volver al estilo del botón del tema, haz clic en Restablecer el estilo al tema del sitio.

Si quieres información sobre opciones de diseño que no son específicas de este widget (por ejemplo, layout, estilo o espaciado), consulta «Widget Design».

Botones de tema primario y secundario

• Si haces cambios en el botón (que anulan los estilos definidos a nivel del botón del tema), en el estilo de botón Primary o Secondary sigue apareciendo un recuadro indicador.
• Si haces clic en el estilo de botón que no tiene el recuadro indicador, el botón vuelve al estilo definido a nivel del botón del tema.

Nota: encontrarás más información sobre los botones de tema en «Site Theme».

Botones flotantes (botones fijos en el Editor 2.0)

Los botones flotantes mantienen un botón siempre a la vista, aunque el visitante baje por la página. Úsalos para que tus llamadas a la acción más importantes queden fijas, visibles y disponibles con un clic en todas las páginas del sitio.

Algunos casos ideales:

• Contáctanos
• Suscribirse
• Pedir presupuesto

Para que un botón sea flotante:

1. En el panel lateral, haz clic en Añadir y luego en Elements.
2. Busca el widget Botón y arrástralo hasta el canvas.
3. Haz clic derecho en el botón y luego en Editar diseño. Si estás en el Editor 2.0: haz clic en el botón para abrir el menú flotante y selecciona Editar diseño. Se abre el panel de diseño. Baja hasta el apartado Posición.
4. En la pestaña Estilo, baja y haz clic en la opción Flotante. Si el atributo Flotante está desactivado, el botón aparece automáticamente en la primera fila, arriba del todo de la página.
5. Elige una posición para el botón. Cambia la vista de dispositivo para ajustar la posición en cada uno.
6. Para que el botón flotante aparezca solo en la página actual, activa la opción Mostrar solo en esta página.

Nota: un botón flotante se puede configurar para que aparezca en páginas concretas, pero por defecto aparece en todas (por ahora no hay forma de desactivarlo solo en algunas páginas).

Recomendaciones para móvil

• En móvil te recomendamos colocar el botón flotante en una esquina inferior de la pantalla, para que los visitantes puedan pulsarlo con una sola mano.
• En móvil puedes mostrar un icono en lugar de texto: elige el layout que muestra un icono en esa versión.
• Si un botón flotante no aparece en móvil, puede que estés usando un layout de móvil antiguo. Para actualizarlo, ve al editor de diseño y haz clic en Diseño del sitio.