# 🏆 Upsell Pop-up

{% hint style="info" %}
Version 1.0.0
{% endhint %}

Un upsell pop-up sur Shopiweb est une fenêtre contextuelle qui apparaît lorsqu'un client ajoute un produit à son panier ou lorsqu'il passe à la caisse. Cette fenêtre contextuelle propose des produits complémentaires, améliorés ou de meilleure qualité que celui initialement sélectionné par le client. L'objectif principal d'un upsell pop-up est d'inciter le client à dépenser davantage en lui proposant des options supplémentaires.

{% hint style="success" %}
**AVANT DE COMMENCER :** Assurez-vous d'avoir une licence active installée sur votre boutique Shopify®. Si ce n'est pas le cas, commandez une licence SHOPIWEB PREMIUM en passant par [ce lien](https://www.shopiweb.fr/).
{% endhint %}

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FjQCZhP85lREFni4xF7hT%2FCapture%20d%E2%80%99e%CC%81cran%202023-08-28%20a%CC%80%2011.28.13.png?alt=media&#x26;token=24bb718b-7c17-458f-9268-3c468d593275" alt=""><figcaption><p>Upsell Pop-up Shopiweb Premium</p></figcaption></figure>

### ETAPE 1

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FhBs1QExZYkzmArhsyggM%2FCapture%20d%E2%80%99e%CC%81cran%202023-08-28%20a%CC%80%2010.55.12.png?alt=media&#x26;token=60cd26ab-0593-48b7-9660-91ad8b729ab6" alt=""><figcaption><p>Définition du champ méta Produit</p></figcaption></figure>

### ETAPE 2

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FNGbCGiHJF4Dq4uIMEqdD%2FCapture%20d%E2%80%99e%CC%81cran%202023-06-27%20a%CC%80%2016.07.59.png?alt=media&#x26;token=1ab90245-16f8-4b7a-8055-6bd8b12bd65a" alt=""><figcaption><p>Champ méta pour Upsell Pop-up</p></figcaption></figure>

<table><thead><tr><th>Définition</th><th>Résultat</th><th data-hidden></th></tr></thead><tbody><tr><td>Nom</td><td>shopiweb.upsell</td><td></td></tr><tr><td>Espace de nom et clé</td><td>shopiweb.upsell</td><td></td></tr><tr><td>Description</td><td>Upsell produit Shopiweb</td><td></td></tr><tr><td>Sélectionner le type</td><td>Produit</td><td></td></tr><tr><td>Choix</td><td>Liste de produits</td><td></td></tr></tbody></table>

### ETAPE 3

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FkNzY4GrugWyXhfUTg5zO%2FCapture%20d%E2%80%99e%CC%81cran%202023-08-28%20a%CC%80%2011.36.24.png?alt=media&#x26;token=fbad66ae-3889-4c0d-bf2f-a8eca0943a37" alt=""><figcaption><p>Sélection du ou des produits pour l'upsell pop-up</p></figcaption></figure>

### ETAPE 4

S'affiche immédiatement dans une fenêtre pop-up après que l'utilisateur a cliqué sur le bouton ATC (Ajouter au panier).

Vérifier que le champ méta nom de la clé corresponde bien à 👉 shopiweb.upsell

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FtIRmcgRrUuVO9ujl0Cji%2FCapture%20d%E2%80%99e%CC%81cran%202023-06-27%20a%CC%80%2016.11.25.png?alt=media&#x26;token=a7c2e176-40fa-40c2-8b82-8fc51ebc7e2a" alt=""><figcaption><p>Réglage Upsell Pop-up</p></figcaption></figure>