AX - Bouton

Aperçu

AX - Bouton est un composant Experience Cloud qui crée des boutons cliquables sur les pages des sites Experience pour déclencher des actions comme la navigation, les soumissions de formulaires, la création d’enregistrements ou l’ouverture de modales.

Utilisez-le pour ajouter des appels à l’action personnalisés, envoyer des formulaires, naviguer vers des pages spécifiques, créer des enregistrements ou déclencher des flux. Configurez le libellé, le style, l’icône et l’action du bouton dans Experience Builder sans code.

Parfait pour les CTA de portail, la navigation personnalisée, les actions « Nous contacter », les workflows de création d’enregistrements ou toute interaction utilisateur nécessitant un bouton clair et brandé.

---

Configurer votre bouton

Après avoir fait glisser AX - Bouton sur votre page dans Experience Builder, vous configurerez deux éléments principaux : l’apparence du bouton et ce qui se passe lorsque les utilisateurs cliquent dessus.

Apparence du bouton

Ces paramètres contrôlent l’apparence de votre bouton sur la page.

Libellé – Le texte affiché sur le bouton. Gardez-le court et orienté action (par ex., « Envoyer la demande », « Voir les détails », « Nous contacter »).

Nom de l'icône – Ajoutez une icône à côté du libellé pour aider les utilisateurs à comprendre rapidement l’action. Choisissez dans la bibliothèque d’icônes Salesforce — les choix courants incluent « utility:download » pour les téléchargements ou « utility:email » pour les actions de contact.

Position de l'icône – Placez l’icône à gauche ou à droite du libellé. Le positionnement à gauche convient dans la plupart des cas, tandis que la position à droite peut indiquer une navigation vers l’avant.

Variante – Le style visuel du bouton. Les options incluent généralement primaire (souligné, attractif), secondaire (discret) ou destructeur (rouge, pour les actions de suppression). Choisissez en fonction de l’importance de l’action.

Alignement horizontal – Positionnez le bouton dans son conteneur — gauche, centre ou droite. L’alignement centré fonctionne bien pour des CTA autonomes, tandis que l’alignement à gauche convient aux boutons de formulaire.

Étirer – Lorsqu’il est activé, le bouton s’étend pour remplir toute la largeur de son conteneur. Utilisez ceci pour des CTA importants ou lorsque vous souhaitez que le bouton corresponde à la largeur des champs de formulaire au-dessus.

Désactivé – Empêche les utilisateurs de cliquer sur le bouton. Utilisez ceci lorsqu’une action n’est pas encore disponible — par exemple désactiver un bouton « Envoyer » jusqu’à ce que les champs requis soient remplis

Actions du bouton (Lier à)

Le Lier à paramètre détermine ce qui se passe lorsque les utilisateurs cliquent sur le bouton. Choisissez le type d’action qui correspond à ce que vous voulez réaliser.

Afficher un toast

Affiche un bref message de notification qui apparaît en haut de la page et disparaît après quelques secondes.

Quand l’utiliser : Messages de confirmation tels que « Modifications enregistrées » ou « Demande envoyée » qui ne nécessitent pas d’action de la part de l’utilisateur. Les toasts fournissent un retour sans interrompre le flux de travail de l’utilisateur.

Naviguer

Redirige les utilisateurs vers une autre page — soit au sein de votre site Experience, soit vers une URL externe.

Quand l’utiliser : Boutons « En savoir plus » menant à des pages de détail, navigation « Retour à l’accueil » ou liens vers des ressources externes. Vous pouvez naviguer vers des pages standard, des pages d’enregistrement ou des URL personnalisées.

Ouvrir une fenêtre d'alerte

Ouvre une fenêtre contextuelle avec un message que les utilisateurs doivent reconnaître avant de continuer.

Quand l’utiliser : Avis importants que les utilisateurs doivent lire, comme les conditions générales, les informations sur la confidentialité ou les avertissements avant d’effectuer une action.

Ouvrir une confirmation

Affiche une boîte de dialogue de confirmation demandant aux utilisateurs de confirmer ou d’annuler leur action.

Quand l’utiliser : Actions aux conséquences irréversibles, comme la suppression d’un enregistrement, l’annulation d’une soumission ou la révocation d’un accès. La boîte de dialogue donne aux utilisateurs la possibilité de reconsidérer avant de continuer.

Ouvrir la boîte de dialogue Flow

Lance un flux Salesforce dans une fenêtre modale contextuelle.

Quand l’utiliser : Processus en plusieurs étapes tels que l’envoi d’un dossier de support, la réalisation d’un sondage, la mise à jour des informations de compte ou tout workflow guidé. Construisez le flux dans Flow Builder, puis connectez-le au bouton — le flux s’exécute à l’intérieur de la modal sans quitter la page en cours

---

Spécifications

Propriétés

Nom	Description	Utilisation
Libellé	Définissez le texte affiché sur le bouton.	Saisissez un libellé concis et clair qui indique l’action du bouton à l’utilisateur.
Nom de l'icône	Choisissez une icône à afficher sur le bouton.	Sélectionnez une icône appropriée qui représente visuellement l’action du bouton, améliorant la compréhension de l’utilisateur.
Position de l'icône	Déterminez la position de l’icône à l’intérieur du bouton.	Choisissez une position qui équilibre visuellement le bouton et s’aligne avec la direction de conception de votre page web.
Variante	Sélectionnez une variante de style prédéfinie pour le bouton.	Choisissez une variante qui convient au contexte de l’action du bouton et au langage de design global de la page web.
Alignement horizontal	Définissez l’alignement horizontal du bouton dans son conteneur.	Alignez le bouton pour obtenir une harmonie visuelle et respecter les exigences de mise en page de la page web.
Étirement	Déterminez si le bouton doit s’étirer pour remplir son conteneur.	Activez cette option pour que le bouton s’étende horizontalement, remplissant l’espace disponible dans son conteneur.
Désactivé	Contrôlez l’état actif ou désactivé du bouton.	Désactivez le bouton pour empêcher l’interaction utilisateur, utile lorsque une certaine action n’est pas applicable ou doit être temporairement empêchée.

Apparence