Articles sur : Espaces

Widget Contact

Le widget Contact affiche une carte de personne avec photo, fonction et coordonnées. Utilisez-le pour des sections du type « Votre équipe » ou « Interlocuteurs clés ».



Comment l'ajouter


  1. Dans la barre de construction flottante en bas de l'éditeur, ouvrez le popover le sélecteur de widgets (tous les widgets) et repérez Contact.
  2. Glissez-le sur la section visée.
  3. Le menu déroulant la sélection d'un contact (choisir un contact) s'ouvre automatiquement. Choisissez une personne :
    • Un participant de l'Espace — la liste affiche toutes les personnes de l'Espace avec leur nom, leur rôle et leur société, et reprend les informations de leur profil (photo, fonction, téléphone, email, LinkedIn, lien de réservation). Interne ou externe.
    • Saisie manuelle (un contact externe, absent de cet Espace, est signalé comme tel) — crée une carte vierge et ouvre la popup l'édition du contact (modifier le contact) pour saisir les informations directement.



La pastille de sélection — les contrôles Contact


Cliquez sur le widget Contact pour le sélectionner. De gauche à droite :


  1. Demander à l'IA (le symbole IA en dégradé).
  2. Open (ouvrir) (icône d'agrandissement) — ouvre la popup l'édition du contact (voir plus bas).
  3. l'édition du contenu (modifier le contenu) (icône de remplacement) — rouvre le menu la sélection d'un contact pour basculer sur une autre personne tout en conservant le design de la carte.
  4. Design (icône pot de peinture) — ouvre le panneau Design contextuel.
  5. le menu ⋯ (plus) — Dupliquer (dupliquer) · Supprimer (supprimer).


(Pas de S / M / L ni de chip mode sombre — voir ci-dessous.)


Taille et mise en page de la carte


Il n'y a pas de menu Size. La carte s'adapte au bloc : réduisez sa hauteur et elle s'affiche en ligne compacte ; donnez-lui plus de hauteur et elle devient une carte bannière avec le bandeau de couleur, un grand avatar et — à mesure qu'elle grandit — le sous-titre et une pastille de coordonnées. Tout s'agrandit ensemble quand vous élargissez le bloc, et les cartes étroites masquent le bouton d'action secondaire.


Edit contact — la popup de détails


S'ouvre via l'icône d'agrandissement de la pastille (en mode lecture, un clic sur la carte l'ouvre aussi). La popup l'édition du contact permet de renseigner :


  • Name (nom)
  • Titre de poste
  • Profile picture (photo de profil) — importez une image, ou conservez l'avatar du participant
  • Avatar color (couleur de l'avatar) — détermine le bandeau d'accentuation en haut de la carte et le fond de l'avatar de repli (nuancier ou code hexadécimal)
  • Phone (téléphone)
  • Email
  • LinkedIn
  • le lien de prise de rendez-vous (lien de réservation) — en général une URL Calendly
  • le remplacement du contact (remplacer le contact) — bouton (en bas à gauche) pour basculer sur une autre personne sans perdre le design de votre carte
  • Annuler / Apply (appliquer)


Ce qui est affiché


  • Photo (issue du profil ou importée). La carte de contact possède aussi un réglage avatar color qui détermine :



    Choisissez une couleur qui harmonise une rangée de cartes ou qui correspond à votre branding.
    • le bandeau d'accentuation en haut de la carte (toujours — même quand il y a une photo)
    • le fond de l'avatar de repli quand aucune photo n'est définie (les initiales s'y affichent)
  • Name
  • Titre de poste
  • Boutons d'action — un par canal réellement renseigné pour le contact, dans cet ordre : Envoyer un message (participants de l'Espace uniquement), Réserver un rendez-vous, l'envoi d'un e-mail (envoyer un email), Call (appeler), LinkedIn. Le premier (Book a meeting quand il est disponible) prend le style du bouton principal ; les autres se placent à côté, avec un libellé quand la place le permet et en icône seule sinon.


Cas d'usage courants


Section « Votre équipe »

Montrez à votre acheteur avec qui il va travailler de votre côté. Incluez :

  • L'account executive
  • Le customer success manager (une fois assigné)
  • Le solutions engineer
  • Le sponsor exécutif


Section « Interlocuteurs » (côté acheteur)

Montrez les interlocuteurs clés côté acheteur — son champion, les achats, le juridique. Utile pour les plans d'action partagés.


« Nous contacter »

Une seule carte de contact avec votre point de contact principal.


Garder les profils à jour


Si vous reprenez le profil d'un participant, ses informations se mettent à jour automatiquement quand il modifie son profil. C'est pour cela qu'un profil complet compte — voir Votre profil personnel.


Plusieurs contacts dans une même section


Empilez plusieurs widgets Contact pour une vue d'équipe. Plus propre qu'un seul bloc géant.


Articles associés

Mis à jour le : 26/10/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !