Laisser le client choisir son cadeau offert dans une fenêtre ou avec un bouton

Quand la modale cadeau apparaît

La modale cadeau est une fenêtre qui liste les cadeaux débloqués par le client. Elle sert quand un palier cadeau propose plus d’un produit ou d’une variante. Son mode d’apparition se règle palier par palier, dans la carte du palier, section Ajout automatique du cadeau au panier (voir cadeau offert) :

Option	Ce que voit le client
Afficher automatiquement la modale cadeau	La fenêtre s’ouvre d’elle-même quand le palier est atteint. Un cadeau à variante unique est simplement ajouté au panier.
Afficher le bouton « Choisir un cadeau »	Un bouton sous la barre ouvre la fenêtre. Réservé aux paliers à plusieurs cadeaux.
Afficher la liste des cadeaux dans la barre de progression	Pas de fenêtre : les cadeaux sont listés dans la barre et ajoutés en un clic.
Désactiver la modale et le bouton	Yaco Progress Bar n’ajoute rien. À utiliser quand une autre app ajoute le cadeau.

Quand deux paliers cadeaux ou plus sont atteints en même temps, une seule fenêtre s’ouvre, avec une section par palier et un seul bouton de validation.

Ce qui se passe quand le client la ferme

Le bouton de refus (« No thanks » par défaut), la touche Échap ou un clic en dehors de la fenêtre la ferment pour la session de navigation en cours. Elle ne se rouvre pas d’elle-même tant qu’un nouveau palier n’est pas atteint. Le bouton Choisir un cadeau, s’il est affiché, reste disponible pour la rouvrir.

Fermer n’est pas refuser ; le seul refus durable est de retirer le cadeau du panier. Pour rendre le choix obligatoire, cochez Masquer le bouton ‘Non merci’.

Où régler son apparence et ses textes

Les réglages sont répartis en trois endroits.

1. Design › Interface cadeau (dans l’app) :

• Bouton « Choisir un cadeau » : Afficher le bouton cadeau, Permettre de modifier le cadeau après sélection (le bouton reste affiché et rouvre la fenêtre), classes CSS pour reprendre le style de bouton de votre thème, taille de police, couleurs, bordure et espacements.
• Modale cadeau : Taille de police du titre (desktop), Taille de police du titre (mobile), Titre en gras, Regrouper les variantes par produit (une carte par produit avec un menu de variantes, au lieu d’une carte par variante) et Masquer le bouton ‘Non merci’.
• Le style de la liste de cadeaux affichée dans la barre, et du CSS personnalisé pour la fenêtre et pour la liste.

2. L’éditeur de thème : dans l’admin Shopify, ouvrez Boutique en ligne › Personnaliser, puis Intégrations d’applications › Yaco Progress Bar. La section Gift modal (libellés en anglais) réunit les couleurs (fond de la fenêtre, fond et bordure des cartes cadeau, couleurs du bouton d’ajout au panier) et les textes par défaut : Title, Subtitle template, Gift list title, 2+ Gifts list title, "Free" label, "Sold out" label, "Gift no longer available" message, "Add to cart" button et "No thanks" button. La section Choose a gift button contient le Button label du bouton.

3. La carte du palier : Texte du bouton cadeau fixe le libellé du bouton pour ce palier, et la carte Textes de la modale cadeau remplace le titre, le sous-titre et les titres de liste pour ce palier. Utilisez {price} dans le sous-titre pour le seuil du palier et {quantity} dans le titre de liste pour le nombre de cadeaux à choisir. Ces textes s’appliquent quand la fenêtre n’affiche que ce palier. Quand elle en regroupe plusieurs, ce sont les textes de l’éditeur de thème qui s’affichent. Un champ vide reprend aussi le texte de l’éditeur de thème.

Cadeaux en rupture de stock

La fenêtre revérifie le stock à chaque fois que des cadeaux sont proposés, au plus une fois par minute :

• un cadeau qui passe en rupture est marqué Sold out et ne peut plus être choisi ;
• un cadeau déjà sélectionné qui passe en rupture est retiré de la sélection, avec le message "Gift no longer available" message ;
• le nombre de cadeaux proposés suit le stock réel : un palier qui promet 2 cadeaux n’en propose qu’un s’il ne reste qu’un exemplaire, et le titre s’ajuste.

Aucune limite ne s’applique quand une variante ne suit pas son stock ou peut se vendre en rupture. Pour lire le stock, l’app demande à Shopify l’autorisation de lire l’inventaire des produits, et ne lit que les quantités de vos produits cadeaux.

Traduire la modale cadeau

Les textes d’un palier se traduisent depuis leurs propres champs (voir traductions). Les textes réglés dans l’éditeur de thème se traduisent dans l’application Shopify Translate & Adapt.

Si un cadeau n’arrive jamais dans le panier, voir cadeau non ajouté.