Den „Angebot anfragen“-Button zu Ihrem Shop hinzufügen

Lesezeit: 4 Minuten. Zuletzt aktualisiert: 20. Juni 2026 Für wen: Händler, die den Angebot anfragen-Button in ihrem Shop platzieren – Produktseiten, Warenkorb, eigene Themes und Headless-Setups.

Fügen Sie Ihrem Shopify-Shop den Angebot anfragen-Button über einen Theme-App-Block hinzu – ohne Theme-Code zu bearbeiten. QuotWay liefert zwei Shop-Blöcke, die Sie im Shopify-Theme-Editor in Ihr Theme ziehen: einen für Produktseiten und einen für die Warenkorbseite. Ist ein Block platziert und passen Ihre Targeting-Regeln zu einem Produkt, sehen Käufer einen Angebot anfragen-Button neben (oder anstelle von) In den Warenkorb.

Was Sie erreichen

Am Ende dieses Artikels erscheint der Angebot anfragen-Button auf den Produktseiten und im Warenkorb Ihres Live-Themes, bei jedem Produkt, das zu Ihren Targeting-Regeln passt.

Bevor Sie starten

QuotWay ist installiert und sein App-Embed ist aktiviert. Falls Sie unsicher sind, siehe App-Embed und Aktivierung.
Es gibt mindestens eine aktive Targeting-Regel, damit der Button weiß, bei welchen Produkten er erscheinen soll. Siehe Targeting-Regeln.
Sie nutzen ein Online-Store-2.0-Theme (Dawn, Horizon und die meisten modernen Themes erfüllen die Voraussetzungen). Die Blöcke kommen über den Theme-Editor hinzu und fassen nie Theme-Code an.

Was die beiden Blöcke tun

Die Shop-Blöcke von QuotWay sind Theme-App-Blöcke. Sie platzieren sie im Shopify-Theme-Editor – es gibt kein Liquid einzufügen und keine Migration.

QuotWay Quote Button – kommt auf Produktseiten, neben oder anstelle von In den Warenkorb.
QuotWay Cart Quote Button – kommt auf die Warenkorbseite, damit Käufer ein Angebot für ihren ganzen Warenkorb anfragen können.

Den Button auf Produktseiten hinzufügen

Öffnen Sie in Ihrem QuotWay-Admin Aktivierungsstatus → Theme-Editor öffnen oder gehen Sie zu Shopify-Admin → Onlineshop → Themes → Anpassen.
Wählen Sie oben links in der Seitenauswahl Standard-Produktseite.
Wählen Sie unter dem Hauptbereich des Produkts Block hinzufügen.
Suchen Sie Apps → QuotWay Quote Button und fügen Sie ihn hinzu.
Ziehen Sie den Block an die gewünschte Stelle. Der Editor erlaubt es, ihn über, unter oder neben In den Warenkorb zu platzieren.
Wählen Sie Speichern.

Der Button erscheint jetzt bei jedem Produkt, dessen Targeting-Regeln passen. Retail-Produkte ohne passende Regel behalten ihr normales Verhalten mit In den Warenkorb.

Den Button auf der Warenkorbseite hinzufügen

Wählen Sie im selben Theme-Editor Warenkorb in der Seitenauswahl.
Wählen Sie unter dem Warenkorbbereich Block hinzufügen und fügen Sie Apps → QuotWay Cart Quote Button hinzu.
Platzieren Sie ihn über dem Checkout-Button, damit Käufer beides sehen – Angebot anfragen neben Checkout.
Wählen Sie Speichern.

Ein Käufer kann jetzt einen vollen Warenkorb in eine einzige Angebotsanfrage verwandeln.

Wie sich der Button an Ihren Shop anpasst

Beschriftung – standardmäßig Angebot anfragen, je Sprache bearbeitbar unter Einstellungen → Shop-Texte.
Stil – der Button übernimmt standardmäßig das Button-Styling Ihres Themes. Für eine bestimmte Farbe ändern Sie sie in den Einstellungen des Blocks.
Breite – auf Mobilgeräten volle Breite, auf dem Desktop inline.
Wer ihn sieht – der Button erscheint nur bei Produkten, die zu einer aktiven Targeting-Regel passen. Ein Produkt kann angebotsfähig sein, während der Rest Ihres Shops normal bestellt. Siehe Targeting-Regeln.

Eigene Themes

Zeigt Ihr Produktbereich kein Block hinzufügen, nutzt das Theme wahrscheinlich einen älteren Liquid-Bereich (vor Online Store 2.0). App-Blöcke rendern nur in 2.0-(JSON-)Vorlagen. Um die Blöcke von QuotWay zu nutzen, wechseln Sie zu einem Online-Store-2.0-Theme oder stellen Sie Ihre Produktvorlage auf eine JSON-Vorlage um.

Haben Sie ein selbst gebautes Theme mit einer JSON-Produktvorlage, platzieren Sie den Block in einem beliebigen Bereich, dessen {% schema %} App-Block-Unterstützung deklariert ("blocks": [{ "type": "@app" }]). Der QuotWay-Block rendert in jeden app-block-fähigen Bereich.

Headless-Shops

Wenn Sie einen Headless-Shop betreiben (zum Beispiel Hydrogen), rendert der Theme-App-Block nicht – Theme-App-Blöcke existieren nur innerhalb eines Shopify-Themes.

Eine öffentliche, unterstützte QuotWay-Storefront-API für Headless-Integrationen ist geplant und noch nicht verfügbar. Bis sie kommt, ist der unterstützte Weg, Angebote anzubieten, ein Shopify-Online-Store-2.0-Theme auf den Oberflächen zu behalten, auf denen Sie den Button wollen – auch wenn der Rest Ihres Stacks headless ist.

Häufige Stolpersteine

Der Button erscheint nicht. Prüfen Sie der Reihe nach: (1) Das App-Embed ist an – das Aktivierungsstatus-Panel zeigt ein grünes Häkchen; (2) das Produkt passt zu einer aktiven Targeting-Regel – siehe Targeting-Regeln; (3) der Block ist im Theme-Editor platziert und gespeichert.
Der Button erscheint, aber das Panel öffnet sich nie. Prüfen Sie die Browser-Konsole auf einen Fehler beim Laden des Skripts. Beschränkt Ihr Theme Drittanbieter-Skripte über eine Content Security Policy, erlauben Sie den Pfad des QuotWay-Shop-Skripts.
Der Button überlappt auf Mobilgeräten mit „In den Warenkorb“. Ordnen Sie die Blöcke im Theme-Editor neu – ziehen Sie den QuotWay-Block unter In den Warenkorb.
Die Beschriftung ist in der falschen Sprache. Bearbeiten Sie die Button-Beschriftung je Sprache unter Einstellungen → Shop-Texte.

Ein Hinweis zum Ausblenden von Preisen. QuotWay kann ab Starter Preise in Ihrem Shop ausblenden und stattdessen den Angebot anfragen-Button zeigen. In Starter ist das ein visuelles Ausblenden (es steuert, was Käufer sehen); ab Professional hält das suchmaschinensichere Ausblenden den Preis für nicht angemeldete Besucher zusätzlich aus Seitenquelltext und strukturierten Daten heraus. Siehe Ihren Preis vor Suchmaschinen ausblenden.