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

# A/B testing Shopify Plus dans le checkout avec Kameleoon

> Exécutez des A/B tests conformes dans le checkout Shopify Plus en attribuant des variations Kameleoon via les attributs de panier et les Checkout UI Extensions.

Cet article explique comment exécuter des A/B tests conformes dans le checkout Shopify Plus en utilisant les expériences web Kameleoon, les attributs de panier Shopify et les Checkout UI Extensions.

## Étape 1 : Attribuer une variation via une expérience web Kameleoon

Sur votre page panier, utilisez Kameleoon pour attribuer une variation (par exemple, Variation A ou Variation B) et persistez l'attribution dans un attribut de panier tel que `kameleoon-checkout-variant`. Cette attribution garantit que le checkout peut réagir à la variation.

Utilisez le code JavaScript suivant pour attribuer la variation et mettre à jour les attributs de panier :

```javascript theme={null}
const experimentId = 12345;
Kameleoon.API.Experiments.trigger(experimentId);
const experiment = Kameleoon.API.Experiments.getById(experimentId);
const variationName = experiment?.associatedVariation?.name;

if (variationName) {
    fetch('/cart/update.js', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ attributes: { 'kameleoon-checkout-variant': variationName } }),
    });
}
```

## Étape 2 : Utiliser une Shopify Checkout UI Extension

Dans votre Shopify Plus Checkout UI Extension, utilisez l'API React pour lire l'attribut `kameleoon-checkout-variant`. Vous pouvez ensuite rendre un composant conditionnel, tel qu'une bannière, uniquement pour certaines variations.

```jsx theme={null}
const attributes = useAttributes();
const variant = attributes['kameleoon-checkout-variant'];

if (variant === 'Variation B') {
  return <Banner title="You unlocked free express shipping!" />;
}
```

## Suivre les conversions sur la page de remerciement

Pour suivre les conversions des utilisateurs participant à l'expérience sur la page de confirmation de commande, consultez le guide sur les [conversions du checkout Shopify](./shopify-checkout-conversions.md).

***

## Résumé

* Attribuez une variation sur la page panier en utilisant une expérience web Kameleoon.
* Mettez à jour les attributs de panier Shopify pour persister la variation attribuée.
* Utilisez une Shopify Checkout UI Extension pour lire la variation et afficher un contenu dynamique.
* Suivez les conversions sur la page de remerciement en suivant le [guide des conversions](./shopify-checkout-conversions.md).

Cette configuration est conforme aux politiques de Shopify Plus et permet une expérimentation valide tout au long du parcours de checkout.