# Intégrer le chat dans une iframe ou par lien direct

> Affichez l'agent intoCHAT dans une page avec une iframe au lieu d'une bulle flottante, ou partagez son lien direct par e-mail, sur les réseaux ou en QR code.

En plus de la bulle flottante, chaque agent peut s'afficher dans une page grâce à une iframe, ou s'ouvrir sur sa propre page via un lien direct. Les deux se trouvent dans l'onglet **Share** (Partager), avec l'identifiant de votre agent déjà renseigné.

## Iframe dans la page

Dans le bloc **Iframe Embed**, cliquez sur **Copy Code**. Le bloc affiche aussi un aperçu.

```html
<iframe
  src="https://www.intochat.ai/agent/YOUR_AGENT_ID"
  width="100%"
  height="600px"
  frameborder="0"
></iframe>
```

Collez-la là où le chat doit apparaître, par exemple sur une page d'aide ou de contact. Le chat s'affiche exactement là où vous placez l'iframe.

Comportement du chat intégré :

- Le chat est toujours ouvert. Il n'y a ni bulle ni infobulle.
- Il remplit l'iframe. Ajustez `width` et `height` à votre mise en page : l'en-tête occupe 60 pixels et le champ de saisie se trouve en bas.
- Vos réglages [Appearance](/fr/docs/appearance) s'appliquent : thème, police, coins, couleurs de l'en-tête et des messages, avatar, messages d'accueil, questions suggérées, pied de page et mention « Powered by intoCHAT ». La couleur de la bulle colore toujours le bouton d'envoi. Les messages d'accueil au-dessus de la bulle et l'ouverture automatique ne s'appliquent pas.
- L'en-tête n'a pas de bouton de fermeture. Seule la fenêtre de chat qui s'ouvre depuis la bulle de la balise script en possède un.

> Les actions côté client nécessitent la balise script, car leurs gestionnaires s'exécutent sur votre page via `embed.js`. Dans une iframe, l'agent attend une réponse de votre page et l'action échoue au bout de 20 secondes. Si votre agent utilise des [actions côté client](/fr/docs/client-actions), installez-le avec la [balise script](/fr/docs/script-tag).

## Lien direct

Dans le bloc **Direct Chat URL**, cliquez sur **Copy URL**, ou sur **Open Chat** pour l'ouvrir dans un nouvel onglet.

```text
https://www.intochat.ai/agent/YOUR_AGENT_ID
```

Le lien ouvre une page entière avec le chat et vos réglages Appearance. Comme l'iframe, elle n'a pas de bouton de fermeture. Usages courants :

- Le partager par e-mail, dans des publications sur les réseaux sociaux ou dans une newsletter.
- En faire un code QR pour vos imprimés ou votre comptoir.
- Le placer derrière un bouton « Discutez avec nous » sur un site où vous ne pouvez pas ajouter de script.
- Tester l'agent dans une fenêtre à part avant de l'installer.
- L'ouvrir dans la web view d'une application mobile.

## Lequel choisir

| | Balise script | Iframe | Lien direct |
|---|---|---|---|
| Affichage | Bulle sur chaque page | Cadre dans une page | Page dédiée |
| Accès à votre site nécessaire | Oui | Oui | Non |
| Bulle, infobulle, position | Oui | Non | Non |
| Messages d'accueil au-dessus de la bulle et ouverture automatique | Oui | Non | Non |
| Bouton de fermeture | Oui | Non | Non |
| Actions côté client | Oui | Non | Non |
| Enregistre la page où le chat a commencé | Oui | Non | Non |

Les trois utilisent le même agent et les mêmes connaissances. Les conversations apparaissent sous **Conversations**, les leads sous **Leads**, et les messages comptent dans votre offre de la même manière.

## À savoir

- Le lien utilise toujours l'adresse intochat.ai.
- Toute personne qui a le lien peut discuter avec l'agent. Par défaut, n'importe quel site peut intégrer l'iframe ; pour la limiter à vos propres sites, définissez des [domaines autorisés](/fr/docs/allowed-domains). Le lien continue alors de fonctionner. Si vous rendez l'agent privé, ni le lien ni les intégrations ne fonctionnent.
- N'entraînez un agent public que sur des contenus qui peuvent être publics.
- Les modifications faites dans l'onglet **Appearance** s'appliquent au prochain chargement de la page ou de l'iframe. Aucun nouveau code d'intégration n'est nécessaire.

Pour installer plutôt la bulle flottante, voir [Installer avec une balise script](/fr/docs/script-tag).