Sélectionner un élément

« Change le bouton » : lequel ? Quand ta page en compte dix, le plus simple est de le montrer. Sélectionner un élément te permet de cliquer sur un titre, un bouton, une image ou une carte dans l’aperçu : il est joint à ton prochain message, et l’agent sait exactement de quoi tu parles.

Sélectionner un élément

1. Dans le chat, clique sur le + à gauche de la zone de saisie, puis sur Sélectionner un élément (« Clique sur un élément de l’aperçu pour le joindre à ton message »).

2. L’éditeur passe sur l’onglet Aperçu et affiche « Clique sur un élément de l’aperçu · Échap pour annuler ». En survolant l’app, l’élément sous ta souris est mis en évidence.

3. Clique sur l’élément voulu. Il est joint à ton message et la zone de saisie reprend la main, avec l’invite Que veux-tu changer sur cet élément ?

4. Écris ta demande et envoie-la :

   Rends ce bouton plus visible : fond plein, texte plus gros, et une petite flèche à droite.

Si le panneau de gauche était replié, il se rouvre tout seul sur le chat.

Comment l’élément apparaît

L’élément choisi s’affiche sous forme de pastille au-dessus de ton texte, avec :

• le nom du composant qui le contient (par exemple PricingCard), ou à défaut sa balise ;
• sa balise HTML entre chevrons (par exemple button) ;
• le début de son texte entre guillemets, s’il en a un.

Survole la pastille pour voir le détail : la page où il se trouve, la chaîne des composants qui l’entourent et son sélecteur.

Une fois le message envoyé, la pastille reste visible au-dessus de ton message dans l’historique : tu retrouves facilement à quoi ta demande s’appliquait.

Retirer ou changer l’élément

• Retirer : clique sur la petite croix de la pastille (Retirer l’élément sélectionné). Ton texte reste dans la zone de saisie.
• Changer : relance Sélectionner un élément et clique sur un autre élément. Il remplace le précédent : un message vise un seul élément à la fois.
• Annuler la sélection en cours : appuie sur Échap, ou choisis de nouveau Sélectionner un élément dans le menu +.

L’élément est retiré automatiquement après l’envoi : ton message suivant ne vise plus rien, sauf si tu en sélectionnes un autre.

Ce que l’agent reçoit

Avec ton message, l’agent reçoit une description de l’élément : la page, les composants qui l’entourent, sa balise, son texte et ses classes. Il le retrouve dans le code et applique ta demande à cet élément seulement, sans toucher au reste.

Astuce

Pour un changement purement visuel et simple (un texte, une couleur, une marge), tu n’as pas besoin de l’agent : Modifier directement dans le même menu + ouvre le mode Design, où tu retouches l’élément toi-même, gratuitement. Garde Sélectionner un élément pour ce qui demande du code : un comportement, une animation, une nouvelle section à côté, une refonte.

Exemples de demandes

Ajoute une section « Questions fréquentes » juste après cette section.

Quand on clique sur cette carte, ouvre une page détail avec la description complète du cours.

Ce titre passe sur deux lignes sur mobile : raccourcis-le et garde-le sur une ligne.

Quand la sélection n’est pas disponible

Sélectionner un élément est grisé, avec la raison au survol, quand :

• l’aperçu n’est pas encore prêt (« L’aperçu n’est pas encore prêt ») ;
• l’agent construit la toute première version de l’app (« Attends que l’agent ait terminé ») ;
• tu consultes une ancienne version (« Indisponible sur une ancienne version ») : reviens d’abord à la version actuelle.

Tu peux aussi joindre un élément à une question en mode Discussion : « Pourquoi cet élément n’est-il pas aligné avec le reste ? »

Note

Depuis le mode Design, le bouton Demander à l’agent fait la même chose : il revient au chat avec l’élément que tu étais en train de retoucher déjà sélectionné.

Voir aussi

Le chat avec l'agentLe menu +, les images, les connecteurs.

Le mode DesignRetoucher un élément sans l'agent.

L'aperçuTailles d'écran, navigation, erreurs.

Bien écrire ses demandesDes demandes claires et ciblées.