--- title: "Einen Angebots-Button im Warenkorb und Mini-Warenkorb hinzufügen" description: "Lassen Sie Käufer einen ganzen Warenkorb in eine Angebotsanfrage verwandeln – von der Warenkorbseite und aus dem aufklappenden Mini-Warenkorb Ihres Shopify-Shops." url: "https://www.quotway.com/de/docs/storefront/cart-and-mini-cart-button" type: "documentation" category: "storefront" updated: "2026-09-30" locale: "de" source: "QuotWay - B2B Quote & Negotiation App for Shopify" --- # Einen Angebots-Button im Warenkorb und Mini-Warenkorb hinzufügen **Lesezeit:** 5 Minuten. **Zuletzt aktualisiert:** 30. September 2026 **Für wen:** Händler, die möchten, dass Käufer einen ganzen Warenkorb in ein einziges Angebot verwandeln – von der Warenkorbseite und aus dem aufklappenden Warenkorb-Panel (Mini-Warenkorb). QuotWay kann an zwei Warenkorb-Stellen einen **Angebot anfragen**-Button setzen: auf der **Warenkorbseite** und im **Mini-Warenkorb-Panel** (dem aufklappenden Warenkorb, der sich öffnet, wenn ein Käufer einen Artikel hinzufügt). Der Button auf der Warenkorbseite ist ein Theme-App-Block, den Sie im Theme-Editor platzieren. Der Mini-Warenkorb-Button wird von QuotWay automatisch eingefügt – Panels können keine Theme-Blöcke aufnehmen, es gibt also nichts zu platzieren. So oder so erscheint der Button nur, wenn der Warenkorb angebotsfähige Artikel enthält, und wer ihn anklickt, sendet den ganzen Warenkorb als eine Angebotsanfrage. > ⚠️ Der Angebots-Button im Warenkorb und Mini-Warenkorb erfordert den Tarif **Starter**, **Professional** oder **Enterprise**. Im kostenlosen **Lite**-Tarif bleiben die Buttons im Warenkorb und Mini-Warenkorb aus. ## Was Sie erreichen Am Ende sehen Käufer einen **Angebot anfragen**-Button auf Ihrer Warenkorbseite, in Ihrem Mini-Warenkorb-Panel oder in beiden – und ein Klick öffnet das QuotWay-Panel, vorbefüllt mit den angebotsfähigen Warenkorbpositionen. ## Bevor Sie starten - QuotWay ist installiert und das App-Embed ist an. Der Mini-Warenkorb-Button wird vom App-Embed eingefügt, das Embed muss also live sein. Siehe [App-Embed und Aktivierung](./app-embed-and-activation.md). - Sie sind mindestens im **Starter**-Tarif (die 14-tägige Testphase jedes kostenpflichtigen Tarifs schaltet diese Buttons während der Testphase frei). - Mindestens eine aktive Targeting-Regel, damit QuotWay weiß, welche Warenkorbpositionen angebotsfähig sind. Siehe [Targeting-Regeln](../targeting/targeting-rules.md). ## Den Button auf der Warenkorbseite hinzufügen (Theme-Block) Der Button auf der Warenkorbseite ist der Theme-App-Block **QuotWay Cart Quote Button**. Platzieren Sie ihn einmal im Theme-Editor – ohne Liquid zu bearbeiten. 1. Öffnen Sie in Ihrem QuotWay-Admin **Aktivierungsstatus → Theme-Editor öffnen** oder gehen Sie zu **Shopify-Admin → Onlineshop → Themes → Anpassen**. 2. Wählen Sie **Warenkorb** in der Seitenauswahl oben links. 3. Wählen Sie unter dem Warenkorbbereich **Block hinzufügen** und fügen Sie **Apps → QuotWay Cart Quote Button** hinzu. 4. Ziehen Sie ihn über den **Checkout**-Button, damit Käufer beide Optionen sehen. 5. Wählen Sie **Speichern**. Es gibt auch einen Ein-Klick-Weg in der App: Schalten Sie unter **Angebots-Button → Stil** die Option **Angebots-Button auch auf der Warenkorbseite zeigen** ein. Das aktiviert die Funktion und zeigt ein Live-Platzierungs-Abzeichen mit einem Deep Link **Zur Warenkorbseite hinzufügen** – Sie platzieren den Block aber weiterhin wie oben im Theme-Editor. Das Abzeichen zeigt **Zur Warenkorbseite hinzugefügt**, sobald der Block live ist. ## Den Mini-Warenkorb-Button (Panel) einschalten Der Mini-Warenkorb-Button braucht keinen Theme-Block – QuotWay fügt automatisch einen Button nahe dem Checkout-Button des Panels ein. 1. Öffnen Sie **Angebots-Button → Stil**. 2. Schalten Sie **Angebots-Button auch im Warenkorb-Panel (Mini-Warenkorb) zeigen** ein. In einem kostenpflichtigen Tarif ist das standardmäßig an. 3. Wählen Sie **Speichern**. QuotWay fügt den Button dann über dem Checkout-Button Ihres Panels ein (oder in dessen Fußbereich), sobald der Warenkorb angebotsfähige Artikel enthält, im Stil Ihres Warenkorb-Buttons. Während Käufer Artikel hinzufügen und entfernen, erscheint und verschwindet der Button passend – und ein Klick schließt das Panel des Themes und öffnet dann das QuotWay-Panel mit den geladenen angebotsfähigen Positionen. ## Fortgeschritten: eigene Selektoren für das Warenkorb-Panel QuotWay erkennt das Panel in Dawn, Horizon und den meisten Shopify-Themes automatisch. Nutzt Ihr Theme ein ungewöhnliches Panel-Markup und der Button erscheint dort nicht, weisen Sie QuotWay auf Ihren Panel-Container hin. 1. Öffnen Sie unter **Angebots-Button → Stil** bei eingeschaltetem Mini-Warenkorb-Button das Feld **Warenkorb-Panel – erweitert**. 2. Tragen Sie unter **Eigene CSS-Selektoren für das Warenkorb-Panel** den Container-Selektor Ihres Themes ein – zum Beispiel `cart-drawer`, `#CartDrawer` oder `.mini-cart`. **Ein Selektor pro Zeile.** 3. Wählen Sie **Speichern**. Ergänzen Sie einen Selektor nur, wenn der Button in Ihrem Panel nicht erscheint; die eingebaute Erkennung deckt die meisten Themes ohne eigenen Selektor ab. ## Wie sich der Button verhält - **Berechtigung** – der Button erscheint nur, wenn mindestens eine Warenkorbposition ein angebotsfähiges Produkt ist, entschieden durch Ihre Targeting-Regeln. Ein Warenkorb mit reinen Retail-Artikeln bestellt normal, ohne Angebots-Button. - **Anfrage für den ganzen Warenkorb** – ein Klick sendet jede angebotsfähige Position des Warenkorbs als ein Angebot, Käufer müssen also nicht Position für Position anfragen. - **Styling** – beide Warenkorb-Buttons nutzen Stil und Farbe Ihres Warenkorb-Buttons aus **Angebots-Button → Stil** und greifen ersatzweise auf das Styling des Produkt-Buttons zurück. - **Beschriftung** – bearbeiten Sie die Beschriftung des Warenkorb-Buttons je Sprache unter **Einstellungen → Texte**. ## Häufige Stolpersteine - **Der Mini-Warenkorb-Button erscheint nicht.** Prüfen Sie, dass das App-Embed an ist (es fügt den Panel-Button ein), dass Sie mindestens in Starter sind und dass der Warenkorb mindestens einen angebotsfähigen Artikel enthält. Ist das Panel Ihres Themes ungewöhnlich, ergänzen Sie einen eigenen Selektor (siehe oben). - **Der Button auf der Warenkorbseite erscheint nicht.** Das Kontrollkästchen setzt nur das Kennzeichen – Sie müssen außerdem den Block **QuotWay Cart Quote Button** im Theme-Editor auf Ihrer Warenkorbvorlage platzieren. - **Der Button verschwindet, wenn sich der Warenkorb ändert.** So ist es gedacht: Der Button verbirgt sich, wenn keine verbleibende Position angebotsfähig ist, und erscheint wieder, sobald ein angebotsfähiger Artikel hinzukommt. Themes rendern das Panel bei jeder Warenkorbänderung neu, und QuotWay fügt den Button automatisch erneut ein. - **Beide Buttons wirken redundant.** Sie sind unabhängig – schalten Sie unter **Angebots-Button → Stil** entweder das Kontrollkästchen für die Warenkorbseite oder das für den Mini-Warenkorb aus, wenn Sie nur einen wollen. ## Verwandte Artikel - [Platzierung des Angebots-Buttons](./quote-button-placement.md) – der Block auf der Produktseite und wie sich der Button an Ihren Shop anpasst. - [App-Embed und Aktivierung](./app-embed-and-activation.md) – das Embed einschalten, das den Mini-Warenkorb-Button einfügt, und den Status prüfen. - [Targeting-Regeln](../targeting/targeting-rules.md) – wählen, welche Produkte im Warenkorb als angebotsfähig gelten.