Einen Angebots-Button im Warenkorb und Mini-Warenkorb hinzufügen
Lesezeit: 5 Minuten. Zuletzt aktualisiert: 20. Juni 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.
- 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.
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.
- Öffnen Sie in Ihrem QuotWay-Admin Aktivierungsstatus → Theme-Editor öffnen oder gehen Sie zu Shopify-Admin → Onlineshop → Themes → Anpassen.
- Wählen Sie Warenkorb in der Seitenauswahl oben links.
- Wählen Sie unter dem Warenkorbbereich Block hinzufügen und fügen Sie Apps → QuotWay Cart Quote Button hinzu.
- Ziehen Sie ihn über den Checkout-Button, damit Käufer beide Optionen sehen.
- 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.
- Öffnen Sie Angebots-Button → Stil.
- Schalten Sie Angebots-Button auch im Warenkorb-Panel (Mini-Warenkorb) zeigen ein. In einem kostenpflichtigen Tarif ist das standardmäßig an.
- 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.
- Öffnen Sie unter Angebots-Button → Stil bei eingeschaltetem Mini-Warenkorb-Button das Feld Warenkorb-Panel – erweitert.
- Tragen Sie unter Eigene CSS-Selektoren für das Warenkorb-Panel den Container-Selektor Ihres Themes ein – zum Beispiel
cart-drawer,#CartDraweroder.mini-cart. Ein Selektor pro Zeile. - 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 → Shop-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 – der Block auf der Produktseite und wie sich der Button an Ihren Shop anpasst.
- App-Embed und Aktivierung – das Embed einschalten, das den Mini-Warenkorb-Button einfügt, und den Status prüfen.
- Targeting-Regeln – wählen, welche Produkte im Warenkorb als angebotsfähig gelten.
Brauchen Sie noch Hilfe? Das Team hilft gern weiter.