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

# Créer votre premier widget de checkout

> Guide pour configurer un widget de checkout dans Aftersell, de la sélection et création du widget à la personnalisation de son style et de son comportement.

Dans cet article, nous vous guiderons à travers le processus de configuration d'un widget de checkout dans Aftersell. Pour découvrir les différents types de widgets disponibles, [cliquez ici](/fr/aftersell/checkout_widget_types).

Commençons.

***

<div id="step-1-selecting-your-widget">
  ## Étape 1 : Sélectionner votre widget
</div>

Tout d'abord, sélectionnez le widget qui correspond à vos besoins. Qu'il s'agisse d'un widget d'upsell ou de témoignages, Aftersell propose un éventail de choix pour répondre à vos préférences.

Dans ce tutoriel, nous allons sélectionner le widget d'upsell.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-cards-upsells-cart-controls.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=3302868c50e12461761e6a1300820bd7" alt="Page Checkout d'Aftersell affichant des cartes de widgets pour Upsells, Cart Controls, Rewards et Testimonials" width="1988" height="1566" data-path="images/aftersell/checkout-widget-create-cards-upsells-cart-controls.png" />

***

<div id="step-2-creating-your-widget">
  ## Étape 2 : Créer votre widget
</div>

Cliquez sur « Create Upsell » pour commencer à construire votre widget d'upsell.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-editor-upsells-panel-arrow.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=e89c35b59c09c6fd858e910f46d9fcc0" alt="Panneau Upsells de l'éditeur de checkout avec une flèche pointant vers le bouton Create upsell" width="2884" height="1234" data-path="images/aftersell/checkout-widget-create-editor-upsells-panel-arrow.png" />

***

<div id="step-3-selecting-a-preset">
  ## Étape 3 : Sélectionner un préréglage
</div>

Choisissez parmi une liste de préréglages de widgets optimisés ou optez pour partir de zéro.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-new-campaign-preset-options.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=d64607da81a3a4b43e9d5c7c9a7420c2" alt="Écran de création d'une nouvelle campagne avec des options de préréglages comme les upsells à produit unique et multi-produits" width="1646" height="1674" data-path="images/aftersell/checkout-widget-create-new-campaign-preset-options.png" />

***

<div id="step-4-edit-styling-and-behaviour">
  ## Étape 4 : Modifier le style et le comportement
</div>

Il est temps de peaufiner les détails. Ajustez le style et le comportement de votre widget à la perfection. Modifiez la logique de déclenchement, affinez la sélection de produits ou apportez cette touche finale de raffinement au design.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-single-product-upsell-editor.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=e9560a037ceb877ea2d47d261278934b" alt="Éditeur d'upsell à produit unique affichant les paramètres de déclencheur, de produit et de style avec aperçu en direct" width="2968" height="1619" data-path="images/aftersell/checkout-widget-create-single-product-upsell-editor.png" />

***

<div id="step-5-enable-widget-status">
  ## Étape 5 : Activer le statut du widget
</div>

Assurez-vous que le statut de votre widget est défini sur actif.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-editor-upsell-status-toggle.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=7f9cedd5ace808ad47a077090be3e29d" alt="Éditeur de checkout avec l'interrupteur Status de l'upsell activé pour mettre le widget en service" width="2892" height="1386" data-path="images/aftersell/checkout-widget-create-editor-upsell-status-toggle.png" />

Maintenant que votre widget de checkout est en ligne dans Aftersell, il reste une dernière étape : placer le widget dans votre checkout Shopify. Vous souhaitez savoir comment ? Cliquez ci-dessous pour approfondir le processus.

[En savoir plus](/fr/aftersell/adding_a_checkout_widget_to_your_shopify_checkout)