Passer au contenu principal
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 : 
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. 
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.

​
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.
Cette configuration est conforme aux politiques de Shopify Plus et permet une expérimentation valide tout au long du parcours de checkout.