AX - Botón

Resumen

AX - Botón es un componente de Experience Cloud que crea botones clicables en las páginas de Experience Sites para activar acciones como navegación, envíos de formularios, creación de registros o apertura de modales.

Úsalo para añadir llamadas a la acción personalizadas, enviar formularios, navegar a páginas específicas, crear registros o activar flujos. Configura la etiqueta, el estilo, el icono y la acción del botón en Experience Builder sin código.

Perfecto para CTAs del portal, navegación personalizada, acciones de "Contáctanos", flujos de trabajo de creación de registros o cualquier interacción de usuario que necesite un botón claro y con tu marca.

---

Configurando tu botón

Después de arrastrar AX - Button a tu página en Experience Builder, configurarás dos cosas principales: cómo se ve el botón y qué sucede cuando los usuarios hacen clic en él.

Apariencia del botón

Estos ajustes controlan cómo se ve tu botón en la página.

Etiqueta – El texto que se muestra en el botón. Mantenlo breve y orientado a la acción (p. ej., "Enviar solicitud", "Ver detalles", "Contáctanos").

Nombre del icono – Agrega un icono junto a la etiqueta para ayudar a los usuarios a comprender rápidamente la acción. Elige de la biblioteca de iconos de Salesforce; entre las opciones comunes se incluyen "utility:download" para descargas o "utility:email" para acciones de contacto.

Posición del icono – Coloca el icono a la izquierda o a la derecha de la etiqueta. La colocación a la izquierda funciona bien en la mayoría de los casos, mientras que la colocación a la derecha puede indicar navegación hacia adelante.

Variante – El estilo visual del botón. Las opciones suelen incluir principal (en negrita, llamativo), secundario (discreto) o destructivo (rojo, para acciones de eliminación). Elige según la importancia de la acción.

Alineación horizontal – Posiciona el botón dentro de su contenedor: izquierda, centro o derecha. La alineación centrada funciona bien para CTAs independientes, mientras que la alineación a la izquierda es adecuada para botones de formularios.

Expandir – Cuando está habilitado, el botón se expande para ocupar todo el ancho de su contenedor. Úsalo para CTAs destacados o cuando quieras que el botón coincida con el ancho de los campos de formulario que tiene encima.

Deshabilitado – Evita que los usuarios hagan clic en el botón. Úsalo cuando una acción aún no esté disponible, como deshabilitar un botón "Enviar" hasta que se completen los campos obligatorios

Acciones del botón (Vincular a)

La Vincular a la configuración determina qué sucede cuando los usuarios hacen clic en el botón. Elige el tipo de acción que coincida con lo que quieres lograr.

Mostrar notificación emergente

Muestra un breve mensaje de notificación que aparece en la parte superior de la página y desaparece después de unos segundos.

Cuándo usarlo: mensajes de confirmación como "Cambios guardados" o "Solicitud enviada" que no requieren acción del usuario. Los toasts proporcionan retroalimentación sin interrumpir el flujo de trabajo del usuario.

Navegar

Redirige a los usuarios a otra página, ya sea dentro de tu Experience Site o a una URL externa.

Cuándo usarlo: botones "Más información" que llevan a páginas de detalle, navegación "Volver al inicio" o enlaces a recursos externos. Puedes navegar a páginas estándar, páginas de registros o URL personalizadas.

Abrir modal de alerta

Abre una ventana emergente con un mensaje que los usuarios deben reconocer antes de continuar.

Cuándo usarlo: avisos importantes que los usuarios deben leer, como términos y condiciones, avisos de privacidad o advertencias antes de que continúen con una acción.

Abrir confirmación

Muestra un cuadro de diálogo de confirmación que pide a los usuarios confirmar o cancelar su acción.

Cuándo usarlo: acciones con consecuencias que no se pueden deshacer, como eliminar un registro, cancelar un envío o quitar acceso. El cuadro de diálogo les da a los usuarios la oportunidad de reconsiderar antes de continuar.

Abrir diálogo de flujo

Inicia un flujo de Salesforce en una ventana modal emergente.

Cuándo usarlo: procesos de varios pasos como enviar un caso de soporte, completar una encuesta, actualizar información de la cuenta o cualquier flujo de trabajo guiado. Crea el flujo en Flow Builder y luego conéctalo al botón: el flujo se ejecuta dentro del modal sin salir de la página actual

---

Especificaciones

Propiedades

Nombre	Descripción	Uso
Etiqueta	Define el texto mostrado en el botón.	Introduce una etiqueta concisa y clara que indique al usuario la acción del botón.
Nombre del icono	Elige un icono para mostrar en el botón.	Selecciona un icono apropiado que represente visualmente la acción del botón, mejorando la comprensión del usuario.
Posición del icono	Determina la posición del icono dentro del botón.	Elige una posición que equilibre visualmente el botón y se alinee con la dirección de diseño de tu página web.
Variante	Selecciona una variante de estilo predefinida para el botón.	Elige una variante que se adapte al contexto de la acción del botón y al lenguaje de diseño general de la página web.
Alineación horizontal	Define la alineación horizontal del botón dentro de su contenedor.	Alinea el botón para lograr armonía visual y cumplir con los requisitos de diseño de la página web.
Estirar	Determina si el botón debe estirarse para llenar su contenedor.	Habilita esta opción para que el botón se expanda horizontalmente, llenando el espacio disponible dentro de su contenedor.
Deshabilitado	Controla el estado activo o deshabilitado del botón.	Deshabilita el botón para evitar la interacción del usuario, útil en condiciones en las que cierta acción no es aplicable o debe impedirse temporalmente.

Apariencia