Configuration des widgets
Configurez les 12 types de widgets qui affichent la garantie sur votre boutique.
Présentation de la configuration des widgets
Umbrella propose 12 types de widgets qui déterminent l’affichage des options de garantie sur votre boutique, votre panier, votre page de paiement et vos pages de statut de commande. Chacun dispose de son propre modèle et de ses propres options de configuration.
Types de widgets
| Type de widget | Clé | Contexte |
|---|---|---|
| Widget PDP | pdp_widget | Sélecteur de garantie sur la page produit |
| Fenêtre de sélection | selector_modal | Fenêtre de choix de l’option de garantie |
| Fenêtre d’information | info_modal | Fenêtre d’information sur la garantie |
| Panier protégé | cart_protected | Ligne du panier avec garantie |
| Panier non protégé | cart_unprotected | Ligne du panier sans garantie (vente additionnelle) |
| Widget PDP OEM | pdp_oem_widget | Affichage de la garantie OEM sur la page produit |
| Statut de commande | order_status | Informations de garantie sur la page de statut de commande |
| Fenêtre du statut de commande | order_status_modal | Fenêtre de détails de la garantie sur le statut de commande |
| Statut de commande après achat | order_status_post_purchase | Vente additionnelle après achat sur le statut de commande |
| Fenêtre du statut de commande après achat | order_status_post_purchase_modal | Fenêtre de choix de la garantie après achat |
| Protection de livraison | shipping_protection | Protection de livraison dans le panier |
| Fenêtre de protection de livraison | shipping_protection_modal | Fenêtre de détails de la protection de livraison |
Modes d’affichage
Extension de garantie
| Mode | Description |
|---|---|
inline | Affiche toutes les options de garantie directement sur la page |
modal | Affiche un résumé ; un clic ouvre une fenêtre avec toutes les options |
individual | Chaque option dispose de son propre bouton d’ajout au panier |
Protection de livraison
| Mode | Description |
|---|---|
checkbox | Simple case à cocher |
button-choice | Sélection sous forme de boutons |
Options de la PDP
- Mode d’affichage —
inline,modalouindividual - Choix obligatoire — exige une décision sur la garantie avant l’ajout au panier
- Présélectionner la première option — présélectionne la première option de garantie au chargement
- Fenêtre à l’ajout au panier — ouvre le sélecteur de garantie au clic sur Ajouter au panier
- Afficher l’option sans couverture — affiche une option explicite « Refuser »
Injection personnalisée
- Injection personnalisée au-dessus du sélecteur — contenu HTML placé au-dessus du sélecteur de garantie
- Sélecteur d’injection personnalisé — sélecteur CSS indiquant où placer le widget
- Position d’injection personnalisée —
outside-above,inside-top,inside-bottomououtside-below
Options du panier
- Masquer le bouton d’information — masque le bouton de détails de la garantie
- Masquer le bouton de suppression — masque le bouton de retrait de la garantie
- Masquer la ligne d’extension de garantie dans le panier — masque la ligne de garantie (elle reste dans le panier, mais n’est pas visible)
- Masquer le palier de prix de la ligne d’extension de garantie — masque les informations de palier de prix
- Masquer les détails de la ligne d’extension de garantie — masque la durée et le niveau de service
- Ajouter au total de la ligne protégée — intègre le prix de la garantie au total du produit
- Désactiver les interactions avec la ligne de garantie — empêche de cliquer sur les articles de garantie
- Masquer les détails de couverture — masque les informations sur ce qui est couvert
- Masquer la durée de garantie — masque la durée
- Masquer la marque Umbrella — retire le logo Umbrella
- Utiliser un modèle personnalisé — utilise un modèle HTML personnalisé (voir Modèles de widgets)
Options du statut de commande
- Masquer le bouton de réclamation — masque « Déposer une réclamation »
- Masquer l’indicateur de statut — masque l’indicateur Active/Expirée/En attente
- Masquer les informations sur le délai de réclamation — masque les détails du délai de réclamation
Options de la fenêtre du statut de commande
- Masquer l’ID de police — masque le numéro d’identification de la police
- Masquer la date de début / Masquer la date de fin — masque les dates de couverture
- Masquer le délai de réclamation — masque les informations sur le délai de réclamation
- Masquer le bouton Voir la police — masque le lien vers le détail complet de la police
- Masquer le bouton Déposer une réclamation — masque le bouton de dépôt de réclamation
Options de la protection de livraison
- Mode d’affichage —
checkboxoubutton-choice - HTML du bouton de paiement — HTML personnalisé pour le bouton de sélection
- Texte « Continuer sans » — texte de l’option de refus (par exemple, « Non merci »)
Localisation
Ajoutez des traductions pour les textes des widgets à l’aide d’un objet de langues imbriqué :
{
"translations": {
"fr": {
"addProtection": "Ajouter la protection",
"fileAClaim": "Deposer une reclamation"
}
}
}
Voir aussi
- Modèles de widgets — Modèles HTML personnalisés et attributs de données
- Extension de thème Shopify — Widget PDP via l’intégration au thème
- Extensions de paiement Shopify — Paramètres du widget de paiement
- Extensions de commande Shopify — Affichage du widget sur le statut de commande


