Lien du sélecteur visuel

Le Lien du sélecteur Avonni est un composant dynamique cliquable qui connecte les utilisateurs à du contenu externe — comme des sites web, des documents ou des ressources — de façon visuellement attrayante.

Configuration de votre lien Visual Picker

Étape 1 : Ajouter le lien Picker

À quoi ça sert: C’est ici que vous déposez le lien Picker dans votre Flow et que vous lui donnez un objectif. C’est la base — transformer un simple lien en quelque chose que les utilisateurs remarquent et veulent cliquer.

• Comment: Faites glisser le lien Visual Picker composant depuis le panneau Éléments dans la zone de création de votre Flow.

• Pourquoi: Configure un point cliquable qui se démarque — comme un panneau coloré indiquant du contenu externe.

• Exemple: Ajoutez-le à un tableau de bord pour faire le lien vers une vidéo de formation ou une page d’assistance.

Ce que vous obtenez: Un lien prêt à être personnalisé et actif dans votre Flow, en attente de contenu et de style.

Étape 2 : Ajouter du contenu

Le contenu est le cœur de votre lien Picker — c’est ce que les utilisateurs voient et sur quoi ils cliquent. Ajouter un titre et une description permet de clarifier la destination, transformant un bouton mystérieux en une porte d’entrée attirante.

• Comment: Remplissez les champs Titre et Contenu dans le panneau Propriétés.

• Options:

  • Titre: Donnez-lui un nom court et accrocheur.

    • Pourquoi: Le titre est le gros titre, il attire l’attention et résume l’objet du lien.

    • Exemple: « Visitez notre blog » pour un lien vers les articles de votre entreprise.

  • Contenu: Ajoutez une brève description sous le titre.

    • Pourquoi: Fournit un contexte supplémentaire — indique aux utilisateurs à quoi s’attendre lorsqu’ils cliquent, renforçant la confiance.

    • Exemple: « Découvrez nos derniers conseils et mises à jour » sous le titre « Visitez notre blog ».

• Exemple de configuration:

  • Titre : « Télécharger le guide »

  • Contenu : « Obtenez notre PDF gratuit sur les meilleures pratiques »

  • Résultat : Un lien clair et attrayant vers un fichier téléchargeable.

Ce que vous obtenez: Un lien Picker qui parle de lui-même — les utilisateurs savent précisément où il les mène.

Étape 3 : Ajouter une icône (optionnel)

Une icône ajoute une étincelle visuelle à votre lien Picker, le rendant plus accrocheur et mémorable. C’est comme un petit drapeau qui attire visuellement les utilisateurs et relie le lien à son contenu.

• Comment: Dans le panneau Propriétés, activez l’option d’icône et choisissez son emplacement.

• Options:

  • Placement: Placez l’icône à gauche ou à droite du contenu.

    • Pourquoi: Les icônes à gauche guident naturellement le regard (idéal pour l’emphase), tandis que les icônes à droite complètent le texte (touche subtile).

    • Exemple: Une icône « globe » à gauche pour « Visitez notre site » paraît audacieuse ; c’est une petite incitation à droite.

  • Choix de l’icône: Choisissez dans la bibliothèque d’icônes de Salesforce (par ex., « world », « document », « arrow »).

    • Pourquoi: Associez l’icône à l’objectif du lien — elle renforce le sens sans mots.

    • Exemple: Une flèche « téléchargement » pour « Obtenez l’application » oriente les utilisateurs vers un lien de boutique d’applications.

• Exemple: Ajoutez une icône « lien » à gauche de « Explorer les ressources » pour suggérer un contenu externe.

Ce que vous obtenez: Un lien Picker qui saute aux yeux — les icônes le rendent attrayant et facile à reconnaître.

Étape 4 : Ajouter des interactions

Les interactions décident de ce qui se passe lorsque les utilisateurs cliquent sur le lien Picker — transformant une étiquette statique en un pont actif vers du contenu externe. C’est ici que vous définissez l’action, la rendant partie intégrante et fluide de votre Flow.

• Comment: Ouvrez le Panneau Interactions et configurez ce qui se déclenche lorsque les utilisateurs interagissent.

• Interaction disponible:

  • interaction Au clic: Déclenche une action lorsque le lien Picker est cliqué.

    • Pourquoi: Lie le clic à quelque chose de significatif — comme ouvrir une URL ou exécuter une étape du Flow — lui donnant un but.

    • Exemple: Réglez « Au clic » pour ouvrir www.example.com/resources dans un nouvel onglet lorsque les utilisateurs cliquent sur « Explorer les ressources ».

    • Comment configurer:

      1. Sélectionnez « Au clic » dans le panneau Interactions.

      2. Choisissez une action (par ex., « Naviguer vers une URL »).

      3. Saisissez la destination (par ex., un site web ou un lien de fichier).

• Plus d’options: Consultez la liste complète des interactions pour d’autres possibilités (par ex., déclencher un Flow ou afficher une fenêtre modale).

Ce que vous obtenez: Un lien Picker qui fait quelque chose — le clic emmène les utilisateurs exactement où vous le souhaitez, de manière fluide et fiable.

---