--- title: "Den „Angebot anfragen“-Button zu Ihrem Shop hinzufügen" description: "Platzieren Sie den „Angebot anfragen“-Button mit den Theme-App-Blöcken von QuotWay auf Produktseiten und im Warenkorb – ohne Theme-Code zu bearbeiten." url: "https://www.quotway.com/de/docs/storefront/quote-button-placement" type: "documentation" category: "storefront" updated: "2026-09-30" locale: "de" source: "QuotWay - B2B Quote & Negotiation App for Shopify" --- # Den „Angebot anfragen“-Button zu Ihrem Shop hinzufügen **Lesezeit:** 4 Minuten. **Zuletzt aktualisiert:** 30. September 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](./app-embed-and-activation.md). - Es gibt mindestens eine aktive Targeting-Regel, damit der Button weiß, bei welchen Produkten er erscheinen soll. Siehe [Targeting-Regeln](../targeting/targeting-rules.md). - 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 1. Öffnen Sie in Ihrem QuotWay-Admin **Aktivierungsstatus → Theme-Editor öffnen** oder gehen Sie zu **Shopify-Admin → Onlineshop → Themes → Anpassen**. 2. Wählen Sie oben links in der Seitenauswahl **Standard-Produktseite**. 3. Wählen Sie unter dem Hauptbereich des Produkts **Block hinzufügen**. 4. Suchen Sie **Apps → QuotWay Quote Button** und fügen Sie ihn hinzu. 5. Ziehen Sie den Block an die gewünschte Stelle. Der Editor erlaubt es, ihn über, unter oder neben **In den Warenkorb** zu platzieren. 6. 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 1. Wählen Sie im selben Theme-Editor **Warenkorb** in der Seitenauswahl. 2. Wählen Sie unter dem Warenkorbbereich **Block hinzufügen** und fügen Sie **Apps → QuotWay Cart Quote Button** hinzu. 3. Platzieren Sie ihn über dem **Checkout**-Button, damit Käufer beides sehen – **Angebot anfragen** neben **Checkout**. 4. 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 → Texte. Die eigenen Beschriftungen des Angebots-Panels – einschließlich des Buttons **← Weiter einkaufen** in seinem ersten Schritt, der das Panel schließt und alles behält, was der Käufer hinzugefügt hat – bearbeiten und übersetzen Sie dort ebenfalls. - **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](../targeting/targeting-rules.md). ## 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. Um in einem Headless-Shop Angebotsanfragen entgegenzunehmen, senden Sie sie aus dem Backend Ihres Shops mit [`POST /v1/quotes`](/docs/api/create-quotes) an die QuotWay-API. Eine so gestellte Anfrage durchläuft dieselben Targeting-Regeln, Felder des Angebotsformulars und Automatisierungsregeln wie eine über den Button, und Ihr Team bepreist sie wie gewohnt. Verfügbar im Enterprise-Tarif – auch während der 14-tägigen kostenlosen Testphase. Bewahren Sie den API-Schlüssel auf Ihrem Server auf, niemals im Browser-Code. In den anderen Tarifen 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](../targeting/targeting-rules.md); (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 → 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](./hide-price-from-search-engines.md). ## Verwandte Artikel - [App-Embed und Aktivierung](./app-embed-and-activation.md) – das Embed einschalten und das Aktivierungsstatus-Panel lesen. - [Targeting-Regeln](../targeting/targeting-rules.md) – wählen, welche Produkte und Käufer den Angebots-Button sehen. - [Das Angebotsformular konfigurieren](../quote-form/configure-the-quote-form.md) – einrichten, was Käufer nach der Anfrage ausfüllen.