> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://katalyz.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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 ».

![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-17-at-16064_519skm.png =635xauto)
## Comment l'ajouter

1. Dans la **barre d'édition** en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover **⌄ Tous les widgets** s'il ne s'y trouve pas.
2. Glissez le widget **Contact** sur la section cible.
3. Choisissez une personne :
* **Un participant de l'Espace** (ses informations sont reprises depuis son profil — nom, photo, fonction, LinkedIn, lien de réservation). Interne ou externe — toute personne déjà présente dans l'Espace.
* **Une saisie manuelle** (saisissez les détails directement, sans profil requis)

## Le menu flottant — contrôles du Contact

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

1. **Taille** — menu déroulant avec **Petite / Moyenne / Grande**.
2. **🌙 Mode sombre** — bascule la carte en traitement sombre.
3. **Modifier la ressource** (icône curseurs) — ouvre la popup **Modifier le contact** (voir ci-dessous).
4. **🔄 Remplacer le contact** (icône rafraîchir) — raccourci pour échanger avec une autre personne tout en conservant le design de la carte.
5. **Design** (icône pinceau) — ouvre le Panneau Design contextuel.
6. **⋮ Plus** — Modifier le contact (identique à l'icône curseurs) · **Dupliquer** · **Supprimer**.


![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-17-at-16100_vgu77c.png =381xauto)



## Modifier le contact — la popup de détails

Ouvrez-la via l'icône curseurs du menu flottant (ou l'élément correspondant dans le menu ⋮ Plus). La popup (« Modifier le contact ») vous permet de définir :

* **Nom**
* **Fonction**
* **Photo de profil** — téléversez-en une ou utilisez l'avatar du participant
* **Couleur d'avatar** — pilote la bande d'accent supérieure de la carte ainsi que le fond de l'avatar par défaut (sélectionnée via nuancier ou HSL)
* **Téléphone** — avec un menu déroulant d'indicatifs pays
* **Email**
* **URL LinkedIn**
* **Réserver un créneau** — typiquement un lien Calendly
* **Remplacer le contact** — bouton pour échanger avec une autre personne sans perdre le design de votre carte

## Ce qui est affiché

* **Photo** (depuis le profil ou téléversée). La carte de contact comporte aussi un réglage **couleur d'avatar** qui pilote :
* la **bande / liseré d'accent supérieur** de la carte (toujours — même lorsqu'une photo est présente)
* le **fond de l'avatar par défaut** lorsqu'aucune photo n'est définie (les initiales s'y affichent)

  Choisissez une couleur qui harmonise une rangée de cartes ou qui correspond à votre branding.
* **Nom**
* **Fonction**
* **LinkedIn** (icône cliquable — ouvre le profil LinkedIn de la personne dans un nouvel onglet)
* **Email** (cliquable — ouvre le client mail de l'acheteur)
* **Téléphone** (cliquable — appelle sur mobile, ouvre le composeur/gestionnaire sur desktop)
* **Lien de réservation** (cliquable — ouvre leur calendrier)

## Cas d'usage courants

### Section « Votre équipe »
Montrez à votre acheteur avec qui il travaillera de votre côté. Incluez :
* L'**account executive**
* Le **customer success manager** (une fois affecté)
* Le **solutions engineer**
* L'**executive sponsor**

### Section « Interlocuteurs » (côté acheteur)
Montrez les interlocuteurs clés du côté de l'acheteur — son champion, les achats, le juridique. Utile pour des plans d'action alignés.

### « Nous contacter »
Une seule carte de contact avec votre point de contact principal.

## Garder les profils à jour

Si vous reprenez les informations depuis le profil d'un participant, ses infos se mettent à jour automatiquement lorsqu'il met à jour son profil. C'est pour cela que des profils complets sont importants — voir [Votre profil personnel](https://katalyz.crisp.help/fr/article/votre-profil-personnel-x9ku9d/).

## Plusieurs contacts dans une même section

Empilez plusieurs widgets Contact pour une vue d'équipe. Plus net qu'un seul gros bloc.

## Articles liés
* [Introduction aux widgets](https://katalyz.crisp.help/fr/article/introduction-aux-widgets-1e90glq/)
* [Votre profil personnel](https://katalyz.crisp.help/fr/article/votre-profil-personnel-x9ku9d/)
* [Connecter HubSpot](https://katalyz.crisp.help/fr/article/connecter-hubspot-ihvxea/)