> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🛒 So richten Sie Produkt-Addons ein > ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team. Möchten Sie Ihren durchschnittlichen Bestellwert (AOV) erhöhen, indem Sie Kunden mit einem einzigen Klick zusätzliche Produkte hinzufügen lassen? 🛍️ Das ist genau das, was die **Produkt-Addons** Angebot in **Hoppy Bundles** ist dafür ausgelegt. Mit Product Addons sehen Ihre Kunden eine Liste optionaler Produkte mit **Kontrollkästchen** direkt auf der Produktseite. Sie kreuzen einfach die Addons an, die sie wollen, und alles wird auf einmal in den Warenkorb gegeben ✅ ### **Perfekt für Dinge wie** * 🎁 Geschenkverpackung oder Grußkarten * 🛡️ Erweiterte Garantien oder Schutzpläne * 🧢 Passendes Zubehör (Cap + T-Shirt, Socken + Schuhe) * 🧴 Ergänzungsprodukte (Reiseversionen, Nachfüllungen) Diese Anleitung erklärt jede Einstellung Schritt für Schritt, so dass Sie Ihr erstes Produkt-Addons-Angebot in nur wenigen Minuten starten können. ⚡ --- # **✅ Bevor Sie beginnen** Bevor Sie Ihr Produkt-Addons-Angebot erstellen, stellen Sie Folgendes sicher: * **Hoppy Bundles ist installiert** auf Ihrem Shop und Sie können es von öffnen **Shopify Admin Apps**. * Die Produkte, die Sie als Addons anbieten möchten **bereits in deinem Shopify Katalog** (mit Bildern und Preisen). * Die **Hoppy Bundles App Embed** ist in Ihrem Theme aktiviert, sonst erscheint das Widget nicht auf Ihrer Storefront. Um das Einbetten der App zu aktivieren, gehen Sie zu: **Shopify Admin → Online Store → Themes → Theme bearbeiten → App Embeds** Dann: * Finden Sie die **Hoppy Bundles** App Embed * Umschalten auf * Klicken **Sparen** 💡 Wenn Sie Ihr Angebot veröffentlichen, ohne die App embed zu aktivieren, Hoppy Bundles Sie zeigen Ihnen ein Erinnerungsbanner mit einem **App Embed aktivieren** Tastenkombination - also keine Sorge, Sie können es auch später tun. --- # **🚀 Schritt 1 - Erstellen Sie ein neues Produkt Addons Angebot** Offen **Hoppy Bundles** App von Deiner Shopify Admin. Dann: → Klicken **Erstellen Sie ein neues Angebot** (oder die) **\+ Neu** Option), um den Angebotstyp Picker zu öffnen. → auswählen **Produkt-Addons (mit Checkboxen)** — _"Erlauben Sie Kunden, optionale Produkte über Checkboxen hinzuzufügen."_ → Klicken **Erstellen von Produkt-Addons**. Die Setup-Seite für Product Addons wird automatisch geöffnet. Sie werden feststellen, dass die Setup-Seite in **3 Laschen** links: * **Generalmajor** → Inhalte, Produkte, Rabatte und Einstellungen anbieten * **Design** → Look & Feel des Widgets * **Targeting & Placement** → Wo und wem das Widget gezeigt wird Auf der rechten Seite sehen Sie eine **Live Preview** (sowohl Desktop als auch Mobile), die sofort aktualisiert werden, wenn Sie eine Einstellung ändern 👀 --- # **⚙️ Schritt 2 — Konfigurieren der allgemeinen Einstellungen** Dies ist der Haupteinrichtungsbereich. Lassen Sie uns Abschnitt für Abschnitt durchgehen. --- # **🏷️ Name des Angebots** Dieser Name wird nur für interne Zwecke verwendet. Kunden werden es nie sehen. Sie können jeden erkennbaren Namen verwenden wie: * Geschenk Wrap Addon * Garantie Upsell * Sommer Zubehör Addons 💡 Mit der richtigen internen Benennung können Sie Setups später leichter identifizieren, insbesondere wenn Ihr Shop mehrere Angebote ausführt. --- # **📝 Bundle Title** Dies ist die Überschrift, die Kunden über der Addon-Liste auf Ihrer Produktseite sehen. Standardmäßig ist es auf **„Product Addons**Fühlen Sie sich frei, es sich selbst zu machen: * Mach es zu einer Combo 🎉 * "Vervollständigen Sie Ihren Look" * "Hinzufügen zu Ihrer Bestellung" --- # **🎯 Addon-Empfehlungstyp** Diese Einstellung steuert, wie die Addon-Produkte ausgewählt werden. Es gibt 2 verfügbare Optionen: * **Manuelle Auswahl** → Sie wählen die genauen Addon-Produkte selbst aus * **AI empfohlen** → Hoppy Bundles empfiehlt automatisch relevante Addons für jedes Produkt --- ## **🙌 Manuelle Auswahl** Klicken **Auswählen von Produkten** und abholen bis **3 Erzeugnisse** (einschließlich bestimmter Varianten) als Addons anzuzeigen. Jedes ausgewählte Produkt erscheint als eigener Block, wo Sie können: * 🔢 Setzen Sie die **Menge** hinzugefügt, wenn der Kunde das Kontrollkästchen ankreuzt * ✏️ Bearbeiten des **Anzeigename** des Produkts (Bleistiftsymbol) — das Original Shopify Produkt bleibt unberührt * 🗑️ Entfernen Sie das Produkt aus dem Angebot ### **Modifizierter Produktname anzeigen** Aktivieren Sie dieses Kontrollkästchen, wenn Sie möchten, dass das Widget Ihre **editierter Anzeigename** anstelle des Originals Shopify Produktbezeichnung. ### **Beispiel** * Originalbezeichnung des Erzeugnisses: _‚Premium Cotton Cap — Black / One Size‘_ * Geänderter Name im Widget: _„Matching Cap 🧢_ ⚠️ Sie können maximal **3 Addon-Produkte** im manuellen Modus. --- ## **🤖 AI empfohlen** ℹ️ Diese Optionen erscheinen nur, wenn **AddOn Empfehlungstyp** gesetzt auf **AI empfohlen**. Im AI-Modus wählen Sie keine Addon-Produkte selbst aus - Hoppy Bundles schlägt automatisch die relevantesten Addons für jedes Produkt vor. Konfigurieren Sie Folgendes: * **Anzahl der empfohlenen KI-Produkte** → Wie viele Addon-Vorschläge sollen angezeigt werden (Standard: 3) * **AI-Zieltyp** → Wählen Sie, wo das Addon-Widget erscheinen soll: * **Spezifische Erzeugnisse** → Anzeigen auf ausgewählten Produktseiten * **Sammlungen** → Produkte der ausgewählten Kollektionen anzeigen * **Zielprodukte / Zielsammlungen** → Klicken Sie auf die Schaltfläche auswählen und wählen Sie die Produkte oder Kollektionen aus, in denen das AI-Addon-Widget angezeigt werden soll Ausgewählte Ziele werden in einer Liste unter dem Feld angezeigt, und Sie können sie mit dem Löschsymbol entfernen 🗑️ --- # **💸 Discount** Willst du den Deal versüßen? Sie können einen Rabatt auf die Addon-Produkte anbieten. --- ## **Discount-Typ** Folgende Optionen stehen zur Verfügung: * **Kein Rabatt** → Addons werden zum vollen Preis verkauft (Standard) * **% Rabatt** → z.B. 25% Rabatt * **Flat Discount** → z.B. $ 10,00 auf das Addon insgesamt * **Für jeden Wohnungsrabatt** → z.B. $2,00 off auf jeder Einheit * **Spezifischer Preis** → Setzen Sie einen genauen Preis, z.B. $29.00 ⚠️ BOGO / Buy X Get Y Rabatttypen sind **nicht verfügbar** für Product Addons Angebote. --- ## **Discount** Geben Sie hier den Diskontwert ein. ℹ️ Dieses Feld bleibt deaktiviert, während **Discount-Typ** gesetzt auf **Kein Rabatt**. --- ## **Discount anwenden auf** Diese Einstellung steuert, für wie viele Artikel der Rabatt gilt. * **So wie die Anzahl der Upsells** → Der Rabatt gilt für alle Addon-Produkte im Angebot (Standard) * **Zollmenge** → Der Rabatt gilt nur für eine bestimmte Anzahl von Einheiten - geben Sie die Nummer in der **Zollmenge** Feld, das erscheint --- # **🎁 Freies Geschenk** Ermöglicht die **Freies Geschenk** Kontrollkästchen, wenn Sie automatisch ein kostenloses Produkt zusammen mit den Addons zum Warenkorb hinzufügen möchten. Einmal aktiviert: → Klicken **Wählen Sie Geschenkprodukte** und wählen Sie ein oder mehrere Produkte, um kostenlos zu verschenken. Mit jedem Geschenkproduktblock können Sie die **Menge** und **Bearbeiten des Anzeigenamens**Genau wie die Addon-Produkte. 💡 Kostenlose Geschenke sind eine gute Möglichkeit, die Addons zu drücken - "Hinzufügen einer Garantie und erhalten Sie ein kostenloses Reinigungstuch" 🎁 --- # **🛠️ Einstellungen** Dieser Abschnitt steuert, wie sich das Addon-Widget auf Ihrer Storefront verhält. --- ## **Stückpreis** Aktivieren Sie dies, damit Kunden den Preis jedes einzelnen Addon-Produkts im Angebot sehen können. --- ## **Skip Cart direkt zum Checkout** Wenn aktiviert, werden Kunden umgeleitet **direkt zur Checkout-Seite** Nach dem Hinzufügen der Addons - Überspringen der Warenkorbseite vollständig. 💡 Nützlich für schnelle, impulsartige Einkäufe. Deaktivieren Sie es, wenn Sie möchten, dass Kunden zuerst ihren Warenkorb überprüfen. --- ## **Show Vergleich zum Preis** Ermöglichen Sie es, die **Vergleichspreis (Durchschlagspreis)** im Angebot, so dass die Kunden den Originalpreis neben dem ermäßigten sehen können. ℹ️ Wenn aktiviert, ein extra **Custom Vergleich Preis** Feld erscheint. Verwenden Sie es zu überschreiben Shopify’s Vergleichspreis für dieses Angebot – lassen Sie es leer oder 0, um die Verwendung der Shopify Auflistung Vergleichspreis. --- ## **Verwenden Sie benutzerdefinierten Text für die Bestandserfassung** Aktivieren Sie dies, um eine **benutzerdefinierte Meldung** Kunden, wenn ein ausgewähltes Addon-Produkt nicht vorrätig ist. ℹ️ Wenn aktiviert, erscheint ein Textfeld, in das Sie Ihre eigene Nachricht eingeben können (z.B. _"Derzeit nicht verfügbar - bald zurückschauen!"_. --- ## **Kombinationsrabatte** Diese Einstellung steuert, ob der Addon-Rabatt mit anderen Rabatten im Warenkorb und an der Kasse kombiniert werden kann: * ✅ **Orderrabatte** * ✅ **Versandrabatte** ⚠️ Wegen Shopify Einschränkungen, diese Einstellung gilt jetzt **weltweit zu allen neuen Angeboten** — nicht nur dieses. --- ## **Zielprodukte** ℹ️ Dieser Abschnitt erscheint nur, wenn **AddOn Empfehlungstyp** gesetzt auf **Manuelle Auswahl**. Hier wählen Sie **auf welchen Produkten das Addon-Widget angezeigt wird**. Einfach die Kontrollkästchen neben den Produkten ankreuzen. ⚠️ Mindestens ein Produkt muss als Ziel ausgewählt werden, sonst wird das Widget nirgendwo angezeigt. ### **Beispiel** Sie haben eine Kappe, Socken und ein Armband als Addons hinzugefügt, aber Sie möchten nur, dass das Widget auf der T-Shirt-Seite erscheint → nur das T-Shirt ankreuzen ✅ --- # **🔘 Aufruf zum Handeln** Dies ist der Text der Schaltfläche, auf die Kunden klicken, um die ausgewählten Addons zum Warenkorb hinzuzufügen. Standard: **„Add Bundle To Cart** ### **Beispiele** * „Add Selected to Cart 🛒 * "Ja, füge diese hinzu!" * "Meine Bestellung abschließen" --- # **✨ Highlighted Tag** Fügen Sie dem Widget ein kleines Aufmerksamkeit erregendes Tag hinzu, z.B. **„Combo-Angebot** oder **„Limited Time**. Klicken Sie 👁️ Icon neben dem Feld, um das Tag auf dem Widget anzuzeigen oder auszublenden. --- # **📄 Fußzeile** Eine kurze Textzeile, die unten im Widget angezeigt wird. ### **Beispiele** * „Kostenloser Versand auf allen Addons 🚚 * „Rabatte automatisch beim Checkout --- # **🌍 Mehrere Märkte & Übersetzungen** Verkauf in mehreren Märkten oder Sprachen? Die **Mehrere Märkte** Abschnitt können Sie verschiedene Rabattwerte pro Markt / Währung festlegen, und die **Übersetzung** Mit dem Abschnitt können Sie die Widget-Texte in die anderen Sprachen Ihres Shops übersetzen. Diese sind optional - Ihr Angebot funktioniert perfekt ohne sie. Überprüfen Sie die dedizierten Multiple Markets und Translation Docs für eine vollständige Lösung 📚 --- # **🎨 Schritt 3 - Passen Sie das Design an (optional)** Wechsel zum **Design** Tab, um das widget zu ihrem thema zu passen. Sie können anpassen: * 🔤 **Schriftzug** → Verwenden Sie Ihre Theme-Schriftart oder wählen Sie aus einer Liste von Google Fonts * 🎨 **Typografie und Farben** → Titel, Preis, Tag, Fußzeile, Gesamtpreis und Button Styling * ⬛ **Grenzbreite und Radius** Runden oder schärfen Sie die Widget-Ecken * 🖼️ **Hintergrund und Rahmenfarben** → Für Produktzeilen, Fußzeile, hervorgehobenes Tag und Button Jede Änderung zeigt sich sofort in der Live-Vorschau auf der rechten Seite - also spielen Sie herum, bis es sich richtig anfühlt ✨ 💡 Das standarddesign fügt sich bereits gut in die meisten themen ein, so dass sie diese registerkarte bei ihrem ersten setup sicher überspringen können. --- # **📍 Schritt 4 — Targeting & Placement festlegen** Wechsel zum **Targeting & Placement** Tab zu steuern, wo und zu wem das Widget erscheint. --- ## **Platzierung** Es gibt 2 Platzierungsmöglichkeiten: * **Unten Add to Cart Button (Standard)** → Das Widget erscheint automatisch unter der Schaltfläche Warenkorb hinzufügen auf Ihren Produktseiten. Dies ist die empfohlene Option für die meisten Geschäfte. * **Custom (nur auf der Produktseite)** → Platzieren Sie das Widget überall auf Ihrer Produktseite mit dem **Hoppy Bundles App-Block** im Theme-Editor oder Einfügen der bereitgestellten **Code Snippet** direkt in dein Thema. ⚠️ Die **Hoppy Bundles ID** und der Code-Snippet wird nur sichtbar **nachdem Sie das Angebot zum ersten Mal gespeichert haben** - so sparen Sie zuerst, dann kommen Sie zurück, um sie zu ergreifen. --- ## **Andere Targeting-Optionen** Unterhalb der Platzierungskarte finden Sie auch: * **Customer Targeting** → Zeigen Sie das Widget an alle, nur angemeldete Kunden, bestimmte Kunden-Tags oder Kunden über einem Lebensjahr * **Geolocation Targeting** → Zeigen Sie das Widget weltweit oder nur in bestimmten Ländern * **Zeitplanung** → Legen Sie ein Start- und Enddatum / -zeit für das Angebot fest (perfekt für zeitlich begrenzte Aktionen ⏰) All dies ist optional - standardmäßig ist das Angebot für alle, überall und die ganze Zeit sichtbar. Siehe die dedizierten Targeting-Dokumente, wenn Sie tiefer gehen möchten 📚 --- # **💾 Schritt 5 - Speichern und veröffentlichen Sie Ihr Angebot** Fast fertig! 🎉 --- ## **Speichern Sie Ihr Angebot** Wann immer Sie Änderungen vornehmen, a **Reservebalken** erscheint oben auf der Seite. → Klicken **Sparen** Speichern Sie Ihr Setup als Entwurf. Sie werden die **Entwurf** Abzeichen neben dem Seitentitel - das bedeutet, dass das Angebot gespeichert ist, aber noch nicht live in Ihrem Shop. --- ## **Veröffentlichen Sie Ihr Angebot** Sobald Sie mit der Vorschau zufrieden sind: → Klicken Sie auf **Veröffentlichen** Button oben auf der Seite. Das Abzeichen wechselt zu **Veröffentlicht** 🟢 und Ihr Addon-Widget wird auf den ausgewählten Produktseiten live geschaltet. Wenn das App-Embed noch nicht aktiviert ist, sehen Sie ein Banner mit einem **App Embed aktivieren** Button - klicken Sie darauf, schalten Sie das Einbetten im Theme-Editor ein, und Sie sind alle eingestellt ✅ --- ## **Editing später** Kommen Sie jederzeit zurück zum Angebot aus dem Hoppy Bundles Armaturenbrett. Von hier aus können Sie auch: * **Duplikat** → Erstellen einer Kopie des Angebots (handlich zum Erstellen von Variationen) * **Löschung** → Das Angebot dauerhaft entfernen * **Unveröffentlicht** → Nehmen Sie das Angebot offline, ohne es zu löschen ⚠️ Ein Angebot zu löschen ist **nicht reversibel** Das Angebot und sein Rabatt gehen dauerhaft verloren. --- # **⚠️ Wichtige Dinge zu wissen** * ⚠️ Nur **ein veröffentlichtes Angebot pro Produktgruppe** ist erlaubt. Wenn ein veröffentlichtes Bundle mit genau den gleichen Produkten bereits vorhanden ist, erhalten Sie beim Speichern einen Fehler - bearbeiten Sie entweder das vorhandene oder ändern Sie die Produktauswahl. * ⚠️ Manueller Modus unterstützt maximal **3 Addon-Produkte**. * ⚠️ mindestens eine **Zielprodukt** muss im manuellen Modus angekreuzt werden, sonst erscheint das Widget nirgendwo. * ⚠️ BOGO / Buy X Get Y Rabatte sind für Produkt-Addons nicht verfügbar. * ℹ️ Die **Kombinationsrabatte** Die Einstellung gilt global für alle neuen Angebote aufgrund von Shopify Beschränkungen. * 💡 Wenn das Widget nach der Veröffentlichung nicht angezeigt wird, überprüfen Sie erneut, ob die **Hoppy Bundles App Embed** ist in Ihrem Thema aktiviert und dass das Angebot die **Veröffentlicht** Abzeichen. --- # **🎉 Endergebnis** Hier ist, was Ihre Kunden auf der Produktseite sehen werden: * ✅ Eine saubere Liste der optionalen Addon-Produkte mit Kontrollkästchen direkt unter der Schaltfläche Warenkorb hinzufügen * 💰 Live-Preise (und Rabatte, falls konfiguriert) für jedes Addon * 🔢 Eine Summe, die aktualisiert wird, wenn Kunden Addons ticken oder unticken * 🔘 Ihre benutzerdefinierte Call-to-Action-Taste, die alles mit einem Klick zum Warenkorb hinzufügt * 🎁 Kostenlose Geschenke automatisch hinzugefügt, wenn aktiviert Kunden kreuzen einfach an, was sie wollen und klicken auf den Button - das Hauptprodukt, die ausgewählten Addons und alle kostenlosen Geschenke landen zusammen im Warenkorb, wobei Rabatte automatisch angewendet werden ✨ Das ist es - Ihr Produkt-Addons-Angebot ist live und bereit, Ihren AOV zu verbessern! 🚀 💡 Brauchen Sie eine Hand? Verwenden Sie die In-App **Kontaktunterstützung** Option jederzeit - wir helfen ihnen gerne beim einrichten.