Configuration des widgets

Configurez les 12 types de widgets qui affichent la garantie sur votre boutique.

Présentation de la configuration des widgets

Tableau de bord → Widgets → Configuration

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 widgetCléContexte
Widget PDPpdp_widgetSélecteur de garantie sur la page produit
Fenêtre de sélectionselector_modalFenêtre de choix de l’option de garantie
Fenêtre d’informationinfo_modalFenêtre d’information sur la garantie
Panier protégécart_protectedLigne du panier avec garantie
Panier non protégécart_unprotectedLigne du panier sans garantie (vente additionnelle)
Widget PDP OEMpdp_oem_widgetAffichage de la garantie OEM sur la page produit
Statut de commandeorder_statusInformations de garantie sur la page de statut de commande
Fenêtre du statut de commandeorder_status_modalFenêtre de détails de la garantie sur le statut de commande
Statut de commande après achatorder_status_post_purchaseVente additionnelle après achat sur le statut de commande
Fenêtre du statut de commande après achatorder_status_post_purchase_modalFenêtre de choix de la garantie après achat
Protection de livraisonshipping_protectionProtection de livraison dans le panier
Fenêtre de protection de livraisonshipping_protection_modalFenêtre de détails de la protection de livraison

Modes d’affichage

Extension de garantie

ModeDescription
inlineAffiche toutes les options de garantie directement sur la page
modalAffiche un résumé ; un clic ouvre une fenêtre avec toutes les options
individualChaque option dispose de son propre bouton d’ajout au panier

Protection de livraison

ModeDescription
checkboxSimple case à cocher
button-choiceSélection sous forme de boutons

Options de la PDP

  • Mode d’affichage — inline, modal ou individual
  • 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-bottom ou outside-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 — checkbox ou button-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"
    }
  }
}
Remarque Ces traductions s'appliquent aux widgets de la boutique. Les textes des extensions d'interface de paiement se configurent séparément dans l'éditeur de paiement Shopify.

Voir aussi

Réserver une démo

Découvrez comment myUmbrella peut transformer votre programme de garantie

Choisissez un créneau

Choisissez un créneau qui vous convient pour votre démo personnalisée

ESC

Commencez à taper pour rechercher dans tout le contenu

Aucun résultat

Essayez un autre terme de recherche