Shopify-Theme-Erweiterung
Aktivieren Sie die globale App-Einbettung und konfigurieren Sie die Sichtbarkeit der Widgets in Ihrem Shopify-Shop.
Shopify-Theme-Erweiterung
Die Umbrella-Theme-App-Einbettung liefert das zentrale Skript, das alle Garantie-Widgets in Ihrem Shop antreibt. Sobald sie aktiviert ist, übernimmt Umbrella den Rest — Sie müssen keine Widgets manuell platzieren.
Globale App-Einbettung aktivieren
- Öffnen Sie Shopify-Adminbereich → Onlineshop → Themes und klicken Sie bei Ihrem aktiven Theme auf Anpassen
- Klicken Sie in der linken Seitenleiste auf das Symbol App-Einbettungen (Puzzleteil)
- Suchen Sie Umbrella und schalten Sie es ein
- Klicken Sie auf Speichern
Das Widget erscheint hier, wenn es aktiviert ist
Konfiguration des PDP-Widgets
Das Widget zur Garantieauswahl auf Produktdetailseiten (PDP) wird vollständig über das Umbrella-Dashboard gesteuert — nicht über den Shopify-Theme-Editor.
Sobald die globale App-Einbettung aktiviert und Ihr PDP-Widget im Umbrella-Dashboard eingeschaltet ist, erscheinen die Garantieoptionen automatisch auf den Produktseiten. Das Widget zeigt die Garantieoptionen vor der Schaltfläche „In den Warenkorb“ an, ohne Ihren Theme-Code zu verändern.
Was das Widget anzeigt
Das PDP-Widget zeigt:
- Name und Logo des Garantieplans oben
- Schutzbeschreibung mit einem Link „Mehr erfahren“
- Verfügbare Garantiestufen (z. B. Basis 1 Jahr, Premium 2 Jahre) als auswählbare Optionen
- Dynamische Preise, die sich aktualisieren, wenn der Kunde die Produktvariante wechselt
Das Widget erkennt das aktuelle Produkt und die Variante automatisch. Auf den Seiten der Garantieprodukte selbst erscheint es nicht.
So funktioniert es
Die globale App-Einbettung lädt das Umbrella-JavaScript auf jeder Seite. Ruft ein Kunde eine Produktseite auf, sucht das Skript nach passenden Garantieplänen und zeigt das Widget an. Damit das Widget erscheint, müssen sowohl die Theme-Einbettung als auch die Einstellung PDP-Widget aktiv sein.
Die Anzeigeeinstellungen des Widgets (Inline-, Modal- oder Einzelmodus, automatische Auswahl, eigene Vorlagen) steuern Sie im Umbrella-Dashboard unter Einstellungen → Darstellung → PDP-Widget.
Fehlerbehebung
| Problem | Lösung |
|---|---|
| Widget erscheint nicht auf Produktseiten | Prüfen Sie, ob die globale App-Einbettung im Theme-Editor aktiviert und das PDP-Widget unter Einstellungen → Darstellung → PDP-Widget eingeschaltet ist |
| Widget erscheint auf Seiten von Garantieprodukten | Stellen Sie sicher, dass bei Garantieprodukten der Typ „warranty“ eingestellt ist |
| Preise aktualisieren sich beim Variantenwechsel nicht | Laden Sie die Seite neu; prüfen Sie, ob die globale App-Einbettung aktiv ist |
| Widget erscheint, zeigt aber keine Optionen | Prüfen Sie, ob die Garantiepläne aktiv sind und die Produktberechtigung das Produkt einschließt |
| Gestaltungskonflikte mit dem Theme | Verwenden Sie unter Einstellungen → Darstellung eigene Widget-Vorlagen, die zu Ihrem Theme-Design passen |
Verwandte Themen
- Shopify-Integration — Einrichtung der Shopify-Verbindung insgesamt
- Garantiepläne erstellen — Pläne einrichten, die im Widget angezeigt werden
- Shopify-Checkout-Erweiterungen — Garantieoptionen im Checkout
