# Installer Qixoo sur un site existant

Ajouter Qixoo prend environ une minute et ne change rien à la façon dont votre site est
construit ni à l'endroit où il est hébergé.

## Le snippet

```html
<script src="https://qixoo.app/qixoo.js" data-key="VOTRE_SITE_ID" defer></script>
```

Collez-le **une fois, avant `</head>`, sur chaque page**. Publiez ou redéployez ensuite
le site comme d'habitude.

`VOTRE_SITE_ID` est le Site ID affiché sur la carte de votre site dans le tableau de
bord — cliquez sur l'icône de copie à côté.

## Étape par étape

1. Connectez-vous sur `https://qixoo.app/dashboard/`. Lien magique par e-mail ou
   Google — aucun mot de passe. Les nouvelles adresses obtiennent automatiquement un
   compte au forfait Free.
2. **Sites → + Add site** → indiquez un nom et l'URL du site.
3. Sur la nouvelle carte, ouvrez **Connect → Install**.
4. Copiez le snippet et collez-le dans votre HTML, ou copiez le **AI install prompt** et
   donnez-le à votre assistant de code (Cursor, Claude, v0, Lovable) : il insérera la
   balise pour vous.
5. Publiez le site, puis cliquez sur **Open editor** sur la carte. Votre site en ligne
   s'ouvre avec une couche d'édition par-dessus.

Rien ne change pour les visiteurs tant que vous n'avez pas fait et enregistré une
modification.

## Où le coller, selon la plateforme

- **HTML écrit à la main** — dans le `<head>` de chaque page.
- **Un framework ou générateur de site statique** — dans le layout ou le gabarit
  commun, pour qu'il atterrisse sur toutes les pages.
- **Constructeurs de sites** — presque tous ont un réglage « Custom code → head » ;
  utilisez-le.
- **Webflow** — Site Settings → Custom Code → Head Code. Cela nécessite un forfait de
  site payant chez Webflow.
- **WordPress** — le `header.php` du thème, ou n'importe quelle extension de scripts
  d'en-tête.

## Le Site ID est-il un secret ?

Non, et ce n'est pas un mot de passe. Le Site ID identifie seulement **de quel** site
parlent l'éditeur et l'API publique de contenu. Il ne peut connecter personne, ne peut
pas modifier votre contenu et ne peut rien révéler qui ne soit pas déjà public sur votre
page. Modifier exige d'être connecté à votre compte Qixoo, et l'éditeur utilise un jeton
séparé et à durée courte qui n'apparaît jamais dans votre HTML. Le Site ID présent dans
le code source de votre page est aussi inoffensif que l'adresse de la page elle-même.

Dans l'API de contenu pour développeurs, l'en-tête HTTP s'appelle toujours littéralement
`X-API-Key` — c'est le format de transport et il porte la même valeur de Site ID.

## Remarques

- Les sites connectés autrefois avec l'ancien nom de script `vibe-cms.js` continuent de
  fonctionner ; rien à faire.
- Le loader pèse environ 3 Ko, ne pose aucun cookie, ne fait aucun suivi et n'envoie les
  données des visiteurs à personne.
- Les applications monopages qui refont le rendu du DOM après le chargement sont prises
  en charge au mieux. Testez une page avant de la promettre à un client. Le HTML rendu
  côté serveur et les exports statiques sont le cas fiable.

Suite : [Édition](https://qixoo.app/fr/docs/editing.md) ·
[Accès client](https://qixoo.app/fr/docs/client-access.md)
