> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Créer des variations avec du code personnalisé

> Utilisez un prompt d'assistant IA pour configurer des variations avec du JavaScript et du CSS personnalisés.

Un test de modification de page nécessite une variation par version, et chaque variation a besoin de code qui applique sa modification. Le faire à la main implique de créer l'expérience, d'ajouter chaque version, puis de saisir le code de chacune, l'une après l'autre. Votre assistant IA peut accomplir toutes ces étapes en une seule demande : l'assistant rédige le code à partir de votre description, puis le relit pour vous permettre de vérifier que Kameleoon l'a bien enregistré. Le résultat est un draft dans lequel le code de chaque variation est en place. Chaque sélecteur doit correspondre à un élément de la page live, donc vérifiez le draft avant de le démarrer.

## Comment les outils de variation s'intègrent à votre flux de travail

* **Créer l'expérience :** Votre assistant IA crée une expérience draft basée sur du code avec une première variation, ajoute une deuxième variation et enregistre le code de chacune.
* **Ajouter une variation :** Votre assistant IA ajoute une variation à une expérience existante.
* **Définir la répartition du trafic :** Votre assistant IA définit la part de trafic attribuée à chaque version d'une expérience draft, paused ou scheduled.

## Avant de commencer

* **Configuration :** Connectez Kameleoon à votre assistant IA. Pour un assistant conversationnel comme Claude ou ChatGPT, consultez [Connecter Kameleoon à Claude et ChatGPT](https://docs.kameleoon.com/fr/mcp/connect-ai-assistants.md). Pour un agent de codage comme Claude Code, Codex ou Cursor, consultez [Configurer les clients MCP](https://docs.kameleoon.com/fr/mcp/set-up-clients.md).
* **Site code :** Ayez à portée de main le code du site que vous testez. Saisissez-le dans le champ Site code de n'importe quel prompt de cette page. Le champ contient par défaut l'espace réservé `{{SITECODE}}`, et tous les autres prompts se mettent à jour en conséquence.

## Créer une expérience basée sur du code avec des variations

Utilisez ce prompt pour demander à votre assistant IA de créer une expérience basée sur du code, avec deux variations (voir [Utiliser l'éditeur de code](https://docs.kameleoon.com/fr/user-manual/experimentation/web-experimentation/code-based-experiments/using-the-code-editor.md)). Chaque variation exécute le JavaScript et le CSS que vous décrivez.

Saisissez votre code de site dans le champ Site code, puis remplacez l'URL de la page et les sélecteurs par vos propres valeurs. Votre assistant IA rédige le code à partir de votre description, donc chaque sélecteur doit correspondre à un élément de la page live.

Lorsque la demande aboutit, Kameleoon dispose d'une expérience draft avec Variation 1 et Variation 2, et votre assistant IA affiche le code enregistré pour chacune. Vérifiez que chaque sélecteur et chaque modification correspond à votre description avant de démarrer l'expérience.

Tant que l'expérience est en draft, Kameleoon répartit le trafic de manière égale, si bien que chacune des trois versions reçoit environ 33 % du trafic. Pour définir une autre répartition avant de la démarrer, consultez [Préparer une expérience draft](https://docs.kameleoon.com/fr/mcp/prepare-draft-experiment.md).

## Ajouter et mettre à jour des variations

Une variation ajoutée à une expérience running démarre avec 0 % du trafic. Elle ne reçoit donc aucun visiteur tant que vous ne modifiez pas sa part.

Les deux outils de variation vérifient d'abord l'expérience. Sur une expérience qui n'est pas en draft, comme une expérience running, l'outil renvoie un aperçu de ce qui va changer et ne l'applique qu'après votre confirmation.

> [!WARNING]
>
> La mise à jour du code d'une variation remplace le code enregistré dans Kameleoon. Avant de la mettre à jour, récupérez le code actuel avec `experiment_code_get` et gardez-en une copie.

### Ajouter une variation avec un prompt

Utilisez ce prompt pour ajouter une variation nommée Variation 3 à une expérience existante. Le prompt demande à votre assistant IA d'enregistrer d'abord le code actuel de chaque variation.

Lorsque la demande aboutit, l'expérience comporte une nouvelle variation nommée Variation 3, et votre assistant IA renvoie le code actuel des variations existantes afin que vous puissiez en garder une copie.

Si l'expérience n'est pas en draft, votre assistant IA renvoie un aperçu et n'ajoute la variation qu'après votre confirmation.

## Définir la répartition du trafic

La répartition du trafic détermine la part de trafic que reçoit chaque version d'une expérience. Votre assistant IA peut définir la répartition d'une expérience draft, paused ou scheduled. La répartition d'un draft change immédiatement. La nouvelle répartition d'une expérience paused ou scheduled prend effet lorsqu'elle démarre ou reprend. Pour une expérience running, modifiez la répartition dans l'application Kameleoon.

### Définir la répartition d'une expérience draft, paused ou scheduled

Utilisez ce prompt pour définir la répartition du trafic d'une expérience draft, paused ou scheduled, afin que la page originale et chacune de ses trois variations reçoivent 25 % du trafic.

Lorsque la demande aboutit sur une expérience paused ou scheduled, votre assistant IA renvoie un aperçu de la modification et n'applique la nouvelle répartition qu'après votre confirmation. Sur un draft, votre assistant IA applique la nouvelle répartition immédiatement.

Si l'expérience est running, deviated ou stopped, votre assistant IA ne peut pas modifier sa répartition. Utilisez plutôt l'application Kameleoon.

Les paramètres des outils sont décrits dans la référence [Outils pour les expériences](https://docs.kameleoon.com/fr/mcp/tools-experiments.md).
