Extension de thème Shopify
Activez l'intégration d'application globale et configurez l'affichage des widgets sur votre boutique Shopify.
Extension de thème Shopify
L’intégration d’application de thème Umbrella fournit le script principal qui alimente tous les widgets de garantie de votre boutique. Une fois qu’elle est activée, Umbrella s’occupe du reste : aucun placement manuel de widget n’est nécessaire.
Activer l’intégration d’application globale
- Allez dans Admin Shopify → Boutique en ligne → Thèmes et cliquez sur Personnaliser pour votre thème actif
- Cliquez sur l’icône Intégrations d’applications (pièce de puzzle) dans la barre latérale gauche
- Trouvez Umbrella et passez l’interrupteur sur activé
- Cliquez sur Enregistrer
Le widget s'affiche ici une fois activé
Configuration du widget PDP
Le widget de sélection de garantie des pages produit (PDP) se pilote entièrement depuis le tableau de bord Umbrella, et non depuis l’éditeur de thème Shopify.
Une fois l’intégration d’application globale activée et votre widget PDP allumé dans le tableau de bord Umbrella, les options de garantie apparaissent automatiquement sur les pages produit. Le widget affiche les options de garantie avant le bouton Ajouter au panier, sans modifier le code de votre thème.
Ce qu’affiche le widget
Le widget PDP affiche :
- Le nom et le logo du plan de garantie en haut
- La description de la protection avec un lien « En savoir plus »
- Les niveaux de garantie disponibles (par exemple Basique 1 an, Premium 2 ans) sous forme d’options sélectionnables
- Des prix dynamiques qui se mettent à jour lorsque le client change de variante de produit
Le widget détecte automatiquement le produit et la variante en cours. Il n’apparaît pas sur les pages des produits de garantie eux-mêmes.
Fonctionnement
L’intégration d’application globale injecte le JavaScript d’Umbrella sur chaque page. Lorsqu’un client consulte une page produit, le script recherche les plans de garantie correspondants et affiche le widget. L’intégration de thème et le paramètre Widget PDP doivent tous deux être actifs pour que le widget s’affiche.
Les paramètres d’affichage du widget (mode intégré, fenêtre modale ou individuel, présélection, modèles personnalisés) se gèrent depuis Paramètres → Apparence → Widget PDP dans le tableau de bord Umbrella.
Dépannage
| Problème | Solution |
|---|---|
| Le widget n’apparaît pas sur les pages produit | Vérifiez que l’intégration d’application globale est activée dans l’éditeur de thème et que le widget PDP est activé dans Paramètres → Apparence → Widget PDP |
| Le widget apparaît sur les pages des produits de garantie | Assurez-vous que le type des produits de garantie est défini sur « warranty » |
| Les prix ne se mettent pas à jour au changement de variante | Actualisez la page ; vérifiez que l’intégration d’application globale est active |
| Le widget apparaît mais n’affiche aucune option | Vérifiez que les plans de garantie sont actifs et que l’éligibilité des produits inclut ce produit |
| Conflits de style avec le thème | Utilisez des modèles de widget personnalisés dans Paramètres → Apparence pour les accorder au design de votre thème |
Voir aussi
- Intégration Shopify — Configuration générale de la connexion à Shopify
- Créer des plans de garantie — Configurez les plans affichés dans le widget
- Extensions de paiement Shopify — Options de garantie au paiement
