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

# Upsells de page produit

> Cet article explique comment configurer les upsells de page produit.

La fonctionnalité Product Page Upsells (upsells PDP) d'Aftersell vous permet de créer des offres d'upsell attrayantes directement sur vos pages produits. Ce guide vous explique comment configurer et optimiser cette fonctionnalité pour renforcer l'engagement client et augmenter vos ventes.

***

<div id="introduction-to-product-page-upsells">
  # Introduction aux upsells de page produit
</div>

La fonctionnalité Product Page Upsells vous permet d'afficher des offres de produits pertinents, complémentaires ou associés directement sur la page produit de votre boutique. Cette fonctionnalité aide à augmenter les conversions en incitant les clients à acheter des articles supplémentaires.

* Les clients n'ont pas besoin d'effectuer un achat avant de voir les upsells de page produit. Ceux-ci apparaissent en fonction des déclencheurs que vous définissez, comme des produits spécifiques ou des conditions de page.

Cette fonctionnalité reproduit l'expérience populaire **« Buy It Together »** présente sur de nombreuses grandes plateformes e-commerce, en offrant une opportunité d'upsell fluide et efficace sans interrompre le parcours du client.

***

<div id="setting-up-product-page-upsells">
  # Configurer les upsells de page produit
</div>

<div id="step-1-create-an-upsell-offer">
  ## Étape 1 : créez une offre d'upsell
</div>

1. Ouvrez le tableau de bord Product Page Upsells d'Aftersell et cliquez sur Create New Upsell.
2. Choisissez le ou les produits ou collections qui déclencheront l'upsell.
3. Sélectionnez jusqu'à cinq produits à afficher comme offres d'upsell.
4. *(Facultatif)* Ajoutez une remise pour rendre votre offre plus attractive. Lorsqu'une remise est appliquée, une étiquette de valeur est automatiquement affichée aux clients sur le widget d'upsell — par exemple, **\$100 off** ou **CA\$130 off** pour les remises à montant fixe, et **22% off** pour les remises en pourcentage. L'étiquette utilise la devise de présentation du client, elle correspond donc toujours à la remise réellement appliquée au paiement.
5. Enregistrez votre configuration une fois terminée.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/pdp-upsells-new-product-upsell-editor.gif?s=418e880c967d5f47ef1e02f53892f093" alt="Onglet Configure de l'éditeur New Product Page Upsell d'Aftersell avec les déclencheurs, produits et options de remise" width="1744" height="1080" data-path="images/aftersell/pdp-upsells-new-product-upsell-editor.gif" />

<div id="step-2-add-the-app-block-to-the-product-page">
  ## Étape 2 : ajoutez le bloc d'application à la page produit
</div>

Pour afficher les upsells sur vos pages produits :

1. Ouvrez l'éditeur de thème Shopify depuis votre tableau de bord Aftersell.
2. Le bloc d'application PDP Upsell sera automatiquement ajouté à votre éditeur de thème.
3. Faites-le glisser à l'emplacement de votre choix sur la page.
4. Enregistrez votre configuration une fois terminée.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/pdp-upsells-theme-editor-app-block.gif?s=2404421d8b2f8c6d574a6376343b666f" alt="Éditeur de thème Shopify avec le bloc d'application PDP Upsell d'Aftersell placé, montrant un aperçu de la page produit" width="2032" height="1080" data-path="images/aftersell/pdp-upsells-theme-editor-app-block.gif" />

**Remarque :** vous ne pouvez pas déplacer les blocs d'application entre les sections, mais vous pouvez les réorganiser au sein d'une même section.

<div id="translating-product-page-upsells">
  ## Traduire les upsells de page produit
</div>

Seules deux sections du widget Product Page Upsell nécessitent une traduction.

<div id="1-header-text">
  ### 1. Texte d'en-tête
</div>

Le texte « You may also like » affiché au-dessus des produits d'upsell peut être modifié.

Pour le modifier :

Allez dans **Design Settings → Header → Heading Text**

Remplacez le texte par la langue de votre choix.

<div id="2-add-to-cart-button">
  ### 2. Bouton Add to Cart
</div>

Le texte du bouton « Add to cart » peut également être traduit.

Pour le modifier :

Allez dans **Design Settings → Button → Text**

Mettez à jour le texte du bouton pour correspondre à la langue de votre boutique.

<div id="individual-products-vs-bundles">
  # **Produits individuels vs bundles**
</div>

* **Produits individuels :** les clients peuvent ajouter les articles d'upsell séparément
* **Bundles :** les clients peuvent ajouter plusieurs produits à la fois avec une remise unique ou une offre Buy X, Get Y Free.

***

<div id="compatibility-with-shopify-themes">
  # Compatibilité avec les thèmes Shopify
</div>

Les upsells de page produit nécessitent un thème Shopify qui prend en charge l'ajout de blocs d'application.\
La plupart des thèmes modernes (2021 et ultérieurs) sont compatibles. Si vous utilisez un ancien thème « vintage », veuillez passer à un thème Shopify plus récent pour activer les blocs d'application et débloquer cette fonctionnalité.
La plupart des thèmes modernes (2021 et ultérieurs) sont compatibles. Si vous utilisez un ancien thème « vintage », veuillez passer à un thème Shopify plus récent pour activer les blocs d'application et débloquer cette fonctionnalité.

***

<div id="discounts-and-strategy-pricing">
  # Remises et tarification par stratégie
</div>

Lorsque vous configurez une remise sur un widget d'upsell de page produit, la remise s'applique à tous les produits renvoyés par le widget. Si vous attribuez également une stratégie au widget, et que cette stratégie inclut des ajustements de prix par règle, les deux sources de remise fonctionnent ensemble produit par produit :

* **Produits ciblés par une remise de règle de stratégie** — la remise de la règle de la stratégie s'applique à ces produits.
* **Produits renvoyés par la stratégie mais non ciblés par une remise de règle** — la remise configurée sur le widget s'applique en tant que solution de repli.
* Les deux sources ne se cumulent jamais. Chaque produit reçoit exactement une remise — soit l'ajustement de la règle de stratégie, soit la remise du widget, jamais les deux.

Lorsque la stratégie sélectionnée comporte une remise de règle, l'éditeur de widget affiche une bannière d'information :

> *« This strategy applies its own discount to the products it targets. The discount below is the fallback for products it doesn't discount. »*

La section de remise reste entièrement modifiable. Vous pouvez configurer la remise du widget comme base pour tous les produits que la stratégie renvoie mais ne remise pas spécifiquement.

> **Remarque :** les ajustements de prix par stratégie pour les upsells de page produit sont en accès bêta. Contactez l'équipe d'assistance Aftersell pour les activer sur votre boutique.

***

<div id="limitations">
  # **Limitations**
</div>

* Les produits disponibles uniquement en abonnement ne peuvent pas être utilisés comme upsells.
* Les bundles n'apparaîtront pas si un produit inclus est en rupture de stock ; cela garantit des prix exacts et protège les marges.

***

<div id="translating-product-page-upsells-2">
  # Traduire les upsells de page produit
</div>

Seules deux sections du widget Product Page Upsell nécessitent une traduction.

<div id="1-header-text-2">
  ### 1. Texte d'en-tête
</div>

Le texte « You may also like » affiché au-dessus des produits d'upsell peut être modifié.

Pour le modifier :

Allez dans **Design Settings → Header → Heading Text**

Remplacez le texte par la langue de votre choix.

<div id="2-add-to-cart-button-2">
  ### 2. Bouton Add to Cart
</div>

Le texte du bouton « Add to cart » peut également être traduit.

Pour le modifier :

Allez dans **Design Settings → Button → Text**

Mettez à jour le texte du bouton pour correspondre à la langue de votre boutique.

***

<div id="final-steps">
  # **Dernières étapes**
</div>

Une fois le bloc d'application ajouté et votre offre créée, activez votre upsell pour commencer à augmenter les conversions.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/pdp-upsells-table-status-toggle.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=0469cca497b183253806472cf733029d" alt="Tableau Your Upsells d'Aftersell avec le bouton de statut mis en évidence pour activer l'upsell" width="2046" height="498" data-path="images/aftersell/pdp-upsells-table-status-toggle.png" />

***

En suivant ces instructions, vous pouvez mettre en place la fonctionnalité Product Page Upsells pour renforcer le potentiel de vente de votre boutique.

Pour obtenir de l'aide à la configuration ou au dépannage, veuillez contacter l'**équipe d'assistance Aftersell** directement depuis l'application.
