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 StoreFront. Indica al dispositivo del visitante que abra el inicio de sesión de la store, el carrito 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

Para acceder al editor de diseño, haga clic con el botón derecho en el widget y haga clic en Editar 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 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 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

Para hacer que un botón sea visible en todo momento, incluso cuando un visitante se desplaza hacia abajo en la página, haga clic en el botón Flotante. Para obtener más información, consulte Botones flotantes.

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.

Nota

Solo un diseño de botón admite iconos.

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.