# Installer la bulle sur ton site

La bulle s’installe avec une seule ligne de code. Elle apparaît ensuite sur chaque page qui la contient.

**Avant de commencer** : un assistant créé (voir [Ton premier assistant](/iassistant/docs/demarrer/premier-assistant/)).

## Copier le code

Ouvre **Installation**. La section **Code à coller** contient la ligne à copier :

```html
<script src="https://app.hgdc.ch/iassistant/bulle.js" data-assistant="abcdefghjkmnpqrs" async></script>
```

`data-assistant` contient l’identifiant public de ton assistant. Copie toujours la ligne affichée dans la console plutôt que d’en écrire une.

## Où la coller

- **Site écrit à la main ou modèle commun** : juste avant `</body>`, dans le modèle que toutes les pages utilisent.
- **Outil de création de site** : dans le champ « code personnalisé » de l’outil. La console cite WordPress, Webflow et Wix. Le nom et l’emplacement de ce champ dépendent de l’outil : cherche l’option qui ajoute du code à toutes les pages, avant la fin de `<body>`.

Mets ensuite le site en ligne et ouvre une page : la bulle apparaît en bas du navigateur.

## Autoriser d’autres adresses

La bulle ne s’affiche que sur les adresses de l’assistant, et l’assistant ne lit que leurs pages. Pour ajouter `exemple.ch` en plus de `www.exemple.ch`, ou un site de préproduction :

1. Ouvre **Réglages**, section **Adresses du site**.
2. Saisis une adresse par ligne, dix au plus, par exemple `https://www.exemple.ch` et `https://exemple.ch`.
3. Enregistre.

## Vérifier avec l’aperçu

La section **Aperçu** de **Installation** montre la bulle sans passer par ton site. Elle sert à contrôler les réglages. Elle ne prouve pas que le code est bien collé : ouvre ta vraie page pour le vérifier.

## Si ça ne marche pas

- **La bulle n’apparaît pas** : vérifie que l’adresse de la page est dans **Adresses du site**, avec ou sans `www` selon ton site. Vérifie aussi que **Bulle active** est coché dans **Réglages**.
- **La bulle apparaît dans l’aperçu mais pas sur le site** : la ligne n’est pas dans la page. Affiche le code source de la page et cherche `bulle.js`.
- **L’aperçu dit que la bulle est désactivée** : active la bulle dans **Réglages**.
- **L’assistant dit qu’il ne sait pas** : il manque des sources. Voir [Choisir les sources](/iassistant/docs/guides/choisir-les-sources/).