Widget de botón

Los botones son la forma más simple de conseguir que los visitantes de un sitio actúen. Los botones pueden conducir a los visitantes 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.

Para agregar botones:

1. En el panel izquierdo, haga clic en Widgets.
2. Haga clic y arrastre el widget de botón a su sitio.

Para obtener más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.

Editor de contenido

Para acceder al editor de contenido, haga clic con el botón derecho en el widget y haga clic en Editar contenido.

1. Escriba el texto que desea que aparezca en el botón en el campo proporcionado.
2. Seleccione entre las siguientes opciones para vincular el botón:
   • Página existente. Envíe al visitante a una página existente en su sitio.
   • URL del sitio web. Envíe al visitante a un URL específico.
     • Están disponibles los siguientes atributos:
       • Abrir en una nueva ventana.
       • Establecer como "no seguir". Pide a los motores de búsqueda que no asocien su sitio bu rastreen la página vinculada desde su sitio.
       • Establecer como patrocinado. Esto les indica a los motores de búsqueda que el enlace es el resultado de un anuncio o de una colocación pagada.
       • Establecer como contenido generado por el usuario (UGC). Esto informa a los motores de búsqueda sobre los enlaces creados por los usuarios (por ejemplo, un enlace que alguien publicó en un comentario), que no son necesariamente confiables.
   • Elemento emergente. Abra un elemento emergente. Elija entre elementos emergentes ubicados en Páginas y elementos emergentes o cree un nuevo elemento emergente.
   • Ancla. Envíe al visitante a un ancla en cualquier página del sitio.
   • Checkout del plan de membresía. Envíe al visitante a la página de checkout de un plan de membresía. Esto solo se mostrará si el sitio agregó la función de Membresía.
   • Enlace de la store. Indica al dispositivo del visitante que abra la página de inicio de sesión de la store, el carro de compras o la página de productos. Esto solo se mostrará si el sitio tiene una store.
   • Dirección de correo electrónico. Solicite al dispositivo del visitante abrir un cliente de correo electrónico con una dirección de correo electrónico específica.
   • Clic para llamar. Solicite al dispositivo del cliente llamar a un número telefónico específico.
   • Archivo para descarga. Solicite al dispositivo del visitante descargar un archivo específico.

Editor de diseño

Si emplea el Editor tradicional, haga clic con el botón derecho en el widget y pulse Editar diseño para acceder al editor de diseño. Si emplea el Editor 2.0, haga clic en el widget y seleccione Editar diseño en el menú flotante para acceder al Panel de diseño.

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 haga dentro del 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.

Botones de tema principal y secundario

• 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.

Botones flotantes

En el Editor tradicional, puede hacer que un botón sea visible en todo momento, incluso cuando un visitante se desplaza hacia abajo en la página, haciendo clic en el botón de alternancia Flotante. Si está empleando el Editor 2.0, seleccione Fijo en el menú Tipo de posición para que un botón esté visible en todo momento.

Para obtener más información, consulte Botones flotantes.

Botón anclado en Editor 2.0

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.

Para habilitar un botón anclado en Editor 2.0:

1. En el panel lateral, haga clic en widget. Busque el widget Botón, haga clic en él y arrástrelo al lienzo.

2. 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.

3. En el panel de diseño, desplazar hacia abajo hasta la sección Posición .

4. 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.

5. 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 ventana gráfica. Si se configura 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), 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.

Agregar un fondo de botón

Puede agregar un color o una imagen de fondo a un botón. Agregar un fondo usando el menú de diseño de botón de tema cambiará el fondo en todos los botones. Agregar el fondo a un botón individual cambiará el fondo de ese botón solamente.

Para agregar un fondo a un botón específico, en el editor de diseño, haga clic en la pestaña Estilo y luego desplácese a la sección de fondos.

Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.

Agregar iconos de botones

Elija entre nuestra colección de fuentes e iconos para decorar sus botones. Los iconos facilitan a los visitantes identificar los botones sin tener necesidad de leer sus etiquetas. Los iconos se pueden colorear y combinar con texto para crear botones únicos que captarán la atención de los visitantes.

Para seleccionar iconos para sus botones:

1. Haga clic con el botón derecho en el widget del botón y haga clic en Editar diseño.
2. En la sección Diseño, haga clic en el botón para abrir el menú Seleccionar diseño y seleccione el estilo de diseño que admita un icono.
3. Desplácese hacia abajo a la sección Estilo. Asegúrese de que la opción Mostrar icono esté habilitada.
4. Haga clic en Elegir para abrir el Selector de iconos.
5. Haga clic en un icono para agregarlo a su botón. Para encontrar más fácilmente un icono, escriba un asunto o nombre en el campo de búsqueda, o use el menú desplegable.

Para obtener más información sobre cómo agregar widgets y diseño de widget, consulte Agregar widgets y Diseño de widgets.