• Application Shopify Checkout

    Table des matières

    En bref

    L'application Checkout est une application autonome que vous installez directement dans Shopify. Elle vous permet de tester et d'optimiser le processus de paiement de votre boutique sans avoir à coder. Vous créez des composants, par exemple une liste d'arguments clés de vente ou une barre de progression de l'expédition, puis vous les diffusez via une expérience, sous forme de test A/B ou directement auprès de tous les visiteurs.

    Termes

    Méthode Quand cela est-il utile ?
    Composant (Component) Un élément que vous placez dans une expérience au moment du paiement, par exemple une liste des arguments clés de vente ou une barre de progression de l'expédition.
    Expérience La diffusion d'un composant. Il peut s'agir d'un test A/B ou d'une diffusion auprès de 100 % de vos visiteurs.
    Résultats C'est ici que tu analyses les résultats de tes tests A/B.
    Déploiement Une expérience comportant un composant qui est proposé à tous les visiteurs, par exemple le composant « gagnant » issu d'un test.

    Créer un composant

    Vous pouvez ajouter des composants à deux endroits : dans la section “ Components ” ou directement dans l'Experience-Flow, où vous avez le choix entre un composant existant et un nouveau. La procédure est la même dans les deux cas.

    Étape 1 : Créer un composant
    Ouvre “ Components ” et clique sur “ Create component ”. Sélectionne ensuite le modèle de composant que tu souhaites utiliser.

    Étape 2 : Remplir le composant
    Selon le modèle choisi, tu disposes de différents champs de texte et d'icônes. Remplis-les avec ton contenu. À droite, tu peux voir un aperçu de l'affichage du composant lors du paiement.

    Étape 3 : Enregistrer le composant
    Enregistrez le composant en cliquant sur “ Save ” dans la barre supérieure de Shopify. Chaque composant enregistré est désormais à votre disposition pour les Experiences.

    Modifier les composants enregistrés
    Un composant enregistré ne peut plus être modifié. Si tu souhaites apporter des modifications, clique sur “ View ”, puis sur “ Duplicate to edit ”. Tu peux ensuite modifier et enregistrer la copie comme s'il s'agissait d'un nouveau composant.

    Créer un composant avec l'IA
    Si le composant souhaité n'est pas disponible sous forme de modèle, tu peux le décrire à la place. L'IA le créera en incluant les champs de texte et d'icône. Tu pourras ensuite modifier ces champs comme pour n'importe quel autre composant.

    Créer une expérience

    Étape 1 : Créer une expérience
    Ouvre “ Experiences ” et clique sur “ Create Experience ”. Choisis si tu souhaites créer un test A/B ou un déploiement auprès de 100 % de tes visiteurs.

    Étape 2 : Sélectionner un composant
    Sélectionnez un composant enregistré ou créez-en directement un nouveau. Le composant sélectionné correspond toujours à la variante B.

    Si tu le souhaites, tu peux sélectionner un deuxième composant comme variante A et comparer les deux. Si tu laisses la variante A vide, ton composant sera comparé à la page de paiement sans composant.

    Étape 3 : Nommer et lancer l'expérience
    Donne un nom à l'expérience et clique sur “ Démarrer l'expérience ”. Une fenêtre contextuelle s'ouvre pour te guider à travers les étapes suivantes, qui sont également illustrées dans la vidéo.

    Étape 4 : Intégrer Experience dans le processus de paiement

    1. Gehe in Shopify zu „Settings“ -> „Checkout“ und klicke auf „Customize“. Alternativ öffnest du den Editor direkt über „Open checkout editor“ im Popup.
    2. Klicke auf „+ Add app block“ und wähle „Varify“ -> „Experience block“.
    3. Colle l'Experience ID dans le champ “ Experience ID ” du bloc.
    4. Klicke im Checkout-Editor auf „Save“.
    5. Mettre « Experience » en ligne
      Dans la fenêtre contextuelle, confirmez que l'expérience est bien intégrée à la page de paiement, puis sélectionnez “ Set to live ”.

    Important: Tant que l'expérience n'est pas intégrée au processus de paiement, elle n'apparaîtra pas aux visiteurs.

    Analyser l'expérience

    Dans la rubrique „ Results ”, tu peux analyser les résultats de tes tests A/B.
  • Premiers pas