Widget-Konfiguration

Überblick über die Widget-Konfiguration

Umbrella bietet 12 Widget-Typen, die steuern, wie Garantieoptionen in Ihrem Shop, im Warenkorb, im Checkout und auf den Bestellstatusseiten erscheinen. Jeder Typ hat eigene Vorlagen und Konfigurationsoptionen.

---

Widget-Typen

Widget-Typ	Schlüssel	Kontext
PDP-Widget	pdp_widget	Garantieauswahl auf der Produktseite
Auswahl-Modal	selector_modal	Modal zur Auswahl der Garantieoption
Info-Modal	info_modal	Modal mit Garantieinformationen
Warenkorb geschützt	cart_protected	Warenkorbposition mit Garantie
Warenkorb ungeschützt	cart_unprotected	Warenkorbposition ohne Garantie (Upsell)
PDP-OEM-Widget	pdp_oem_widget	Anzeige der OEM-Garantie auf der Produktseite
Bestellstatus	order_status	Garantieinformationen auf der Bestellstatusseite
Bestellstatus-Modal	order_status_modal	Modal mit Garantiedetails auf der Bestellstatusseite
Bestellstatus nach dem Kauf	order_status_post_purchase	Upsell nach dem Kauf auf der Bestellstatusseite
Bestellstatus-Modal nach dem Kauf	order_status_post_purchase_modal	Modal zur Garantieauswahl nach dem Kauf
Versandschutz	shipping_protection	Versandschutz im Warenkorb
Versandschutz-Modal	shipping_protection_modal	Modal mit Details zum Versandschutz

---

Anzeigemodi

Erweiterte Garantie

Modus	Beschreibung
inline	Zeigt alle Garantieoptionen direkt auf der Seite
modal	Zeigt eine Zusammenfassung; ein Klick öffnet ein Modal mit allen Optionen
individual	Jede Option hat eine eigene Schaltfläche „In den Warenkorb“

Versandschutz

Modus	Beschreibung
checkbox	Einfaches Kontrollkästchen
button-choice	Auswahl über Schaltflächen

---

PDP-Optionen

• Anzeigemodus — inline, modal oder individual
• Option muss gewählt werden — verlangt eine Garantieentscheidung, bevor das Produkt in den Warenkorb gelegt wird
• Erste Option automatisch auswählen — wählt beim Laden die erste Garantieoption vor
• Modal bei „In den Warenkorb“ — öffnet die Garantieauswahl, wenn auf „In den Warenkorb“ geklickt wird
• Option „Kein Schutz“ anzeigen — zeigt eine ausdrückliche Option zum „Ablehnen“

Benutzerdefiniertes Einfügen

• Benutzerdefinierter Inhalt über der Auswahl — HTML-Inhalt oberhalb der Garantieauswahl
• Benutzerdefinierter Einfüge-Selektor — CSS-Selektor für die Platzierung des Widgets
• Benutzerdefinierte Einfügeposition — outside-above, inside-top, inside-bottom oder outside-below

---

Warenkorb-Optionen

• Info-Schaltfläche ausblenden — blendet die Schaltfläche für Garantiedetails aus
• Entfernen-Schaltfläche ausblenden — blendet die Schaltfläche zum Entfernen der Garantie aus
• Position der erweiterten Garantie im Warenkorb ausblenden — blendet die Garantiezeile aus (sie bleibt im Warenkorb, ist aber nicht sichtbar)
• Preisstufe der Garantieposition ausblenden — blendet die Angaben zur Preisstufe aus
• Details der Garantieposition ausblenden — blendet Laufzeit und Serviceumfang aus
• Zur Summe der geschützten Position addieren — rechnet den Garantiepreis in die Produktsumme ein
• Interaktionen mit der Garantieposition deaktivieren — verhindert Klicks auf Garantiepositionen
• Deckungsdetails ausblenden — blendet die Angaben zum Leistungsumfang aus
• Garantielaufzeit ausblenden — blendet die Dauer aus
• Umbrella-Branding ausblenden — entfernt das Umbrella-Logo
• Benutzerdefinierte Vorlage verwenden — verwendet eine eigene HTML-Vorlage (siehe Widget-Vorlagen)

---

Bestellstatus-Optionen

• Anspruchs-Schaltfläche ausblenden — blendet „Anspruch einreichen“ aus
• Statusanzeige ausblenden — blendet die Anzeige Aktiv/Abgelaufen/Ausstehend aus
• Infos zur Anspruchsfrist ausblenden — blendet die Details zur Anspruchsfrist aus

---

Optionen für das Bestellstatus-Modal

• Policen-ID ausblenden — blendet die Policennummer aus
• Startdatum ausblenden / Enddatum ausblenden — blendet die Deckungsdaten aus
• Anspruchsfrist ausblenden — blendet die Angaben zur Anspruchsfrist aus
• Schaltfläche „Police anzeigen“ ausblenden — blendet den Link zu den vollständigen Policendetails aus
• Schaltfläche „Anspruch einreichen“ ausblenden — blendet die Schaltfläche zum Einreichen eines Anspruchs aus

---

Versandschutz-Optionen

• Anzeigemodus — checkbox oder button-choice
• HTML der Checkout-Schaltfläche — eigenes HTML für die Auswahlschaltfläche
• Text zum Fortfahren ohne Schutz — Text für die Ablehnungsoption (z. B. „Nein, danke“)

---

Lokalisierung

Fügen Sie Übersetzungen für Widget-Texte über ein verschachteltes Locale-Objekt hinzu:

{
  "translations": {
    "fr": {
      "addProtection": "Ajouter la protection",
      "fileAClaim": "Deposer une reclamation"
    }
  }
}

---

Verwandte Themen

• Widget-Vorlagen — Benutzerdefinierte HTML-Vorlagen und Datenattribute
• Shopify-Theme-Erweiterung — PDP-Widget über Theme-Einbettung
• Shopify-Checkout-Erweiterungen — Einstellungen des Checkout-Widgets
• Shopify-Bestellerweiterungen — Anzeige des Bestellstatus-Widgets