So richtest du ein Shopify Free Gift with Purchase ein (inkl. automatischem Hinzufügen zum Warenkorb)

Das Wichtigste in Kürze

• Shopify kann ein Geschenk zwar kostenlos machen, legt es aber nicht in den Warenkorb. Ein „Buy X Get Y“-Rabatt (Kauf X, erhalte Y) greift erst, wenn der Kunde das Geschenk selbst hinzugefügt hat.¹
• Es gibt drei Wege, diese Lücke zu schließen: klare Kommunikation, Theme-Code, der das Geschenk über die Cart AJAX API hinzufügt und entfernt, oder eine App.
• Fudge schreibt diesen Theme-Code anhand eines Prompts. Du beschreibst die Regel für das Geschenk und Fudge fügt die Hinzufügen-und-Entfernen-Logik als nativen Theme-Code in deinen Warenkorb ein.
• Der Rabatt liegt immer im Shopify-Adminbereich. Der Theme-Code schiebt den Artikel lediglich in den Warenkorb. „Buy X Get Y“ sorgt dann dafür, dass der Preis auf 0 € gesetzt wird.
• Einfache Ausgabenstufen (Spend Tiers) funktionieren nativ mit einem automatischen Rabatt pro Stufe, solange die Stufen nicht so eingestellt sind, dass sie miteinander kombinierbar sind.

Ein Shopify Free Gift with Purchase (kostenloses Geschenk zum Einkauf) lässt sich mit einem einzigen nativen Rabatt einrichten, hat aber einen Haken, der oft erst nach dem Livegang auffällt: Shopify macht das Geschenk zwar kostenlos, aber der Kunde muss es selbst in den Warenkorb legen. Dieser Guide behandelt das native Setup, drei Möglichkeiten, das Geschenk in den Warenkorb zu bekommen, und die Sonderfälle (Edge Cases), nach denen Händler oft fragen.

Er ist auf den Black Friday 2026 (27. bis 30. November) abgestimmt, funktioniert aber für jede Aktion. Suchst du noch nach dem passenden Angebot? Black Friday-Sale-Ideen für Shopify-Shops vergleicht das Gratisgeschenk mit anderen Mechaniken hinsichtlich der Marge.

Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Bereich tätig und haben mit Hunderten von Shopify-Brands an ihren Storefronts gearbeitet. Jacques verfügt über mehr als 15 Jahre Entwicklungserfahrung. Wir bauen Fudge, einen KI-Storefront-Editor mit einer Bewertung von 4.9 im Shopify App Store und dem „Built for Shopify“-Status. Cart-Drawer-Logik wie der Geschenk-Code in diesem Guide ist genau die Art von Theme-Arbeit, die Fudge schreibt.

Wie funktioniert ein kostenloses Geschenk (Free Gift) nativ in Shopify?

Shopify hat keinen Rabatt-Typ namens „Gratisgeschenk“. Der native Weg ist ein Buy X Get Y-Rabatt mit einem Ausgaben- oder Mengen-Trigger und einer Belohnung, die auf kostenlos gesetzt ist.¹

Erstelle ihn als automatischen Shopify-Rabatt und der Kunde muss keinen Code eingeben. Automatische Rabatte greifen im Warenkorb und beim Checkout, sobald die Bedingungen erfüllt sind.²

So richtest du den Buy X Get Y-Rabatt ein

1. Gehe in deinem Shopify-Adminbereich zu Rabatte (Discounts) und klicke auf Rabatt erstellen.
2. Wähle Buy X get Y, wähle dann unter Methode Automatischer Rabatt und gib einen Titel ein. Dawn zeigt den Rabatt-Titel neben der rabattierten Position im Warenkorb an, also formuliere ihn für deine Kunden.
3. Wähle unter Kunde kauft die Option Mindesteinkaufswert (z. B. 75 €) oder Mindestmenge an Artikeln und wähle dann die Produkte oder Kategorien (Collections) aus, die dafür angerechnet werden sollen.
4. Setze unter Kunde erhält die Menge auf 1, wähle das Geschenk-Produkt oder eine Geschenk-Kategorie aus und wähle unter Mit einem Rabattwert die Option Kostenlos (Free).
5. Aktiviere Die maximale Anzahl an Verwendungen pro Bestellung festlegen und trage 1 ein, damit die Aktion nur einmal pro Bestellung angewendet wird.
6. Stelle die Kombinationen und die aktiven Daten ein und klicke dann auf Speichern.

Der Mindesteinkaufswert berücksichtigt nur Produktpreise. Versand und Steuern sind ausgeschlossen, und Produkte zählen zum vollen Preis, bevor andere Rabatte abgezogen werden.¹

Da du auswählst, welche Produkte zählen, halte das Geschenk selbst aus dieser Auswahl heraus, damit sein eigener Preis nicht dazu beitragen kann, sich für den Rabatt zu qualifizieren. Wo du den Betrag einstellst, erfährst du in unserem Guide zum Einrichten eines Schwellenwerts für kostenlosen Versand – es gilt dieselbe Logik.

Wo liegen die Grenzen?

• 25 aktive automatische Rabatte pro Shop, wobei Preisnachlass (Amount off), Buy X Get Y, kostenloser Versand und App-basierte automatische Rabatte zusammenzählen.²
• Kombinationen sind Opt-in. Buy X Get Y ist ein Produktrabatt. Er läuft nur dann parallel zu einem Bestellrabatt oder einem Rabatt für kostenlosen Versand, wenn die passenden Kombinations-Boxen bei beiden aktiviert sind.³
• Produkte in einem Buy X Get Y-Rabatt können keinen zweiten Produktrabatt erhalten (bei Tarifen unter Shopify Plus).³ Ein siteweiter Sale, der als Produktrabatt angelegt ist, konkurriert mit dem Geschenk, anstatt sich mit ihm zu kombinieren.
• Wenn Rabatte nicht kombiniert werden können, wendet Shopify den an, der für den Warenkorb des Kunden am besten ist.³ Ein Rabattcode kann gewinnen und das Geschenk zum vollen Preis belassen. Mach also am besten eine Testbestellung mit jedem Rabatt, den du live haben möchtest.

Warum fügt Shopify das Gratisgeschenk nicht automatisch dem Warenkorb hinzu?

Weil ein Rabatt die Preise ändert, nicht den Inhalt des Warenkorbs. Die Hilfeseite von Shopify ist hierbei sehr direkt: „Der kostenlose oder rabattierte Artikel, den der Kunde erhält, wird dem Warenkorb nie automatisch hinzugefügt.“¹

Ein Kunde, der 80 € ausgibt und direkt zum Checkout geht, erhält kein Geschenk, keine Fehlermeldung und keinen Hinweis darauf, dass es ein Angebot gab. Es gibt drei Möglichkeiten, diese Lücke zu schließen.

Methode 1: Dem Kunden klar kommunizieren (kein Code)

Die günstigste Lösung ist Text. Sag, was das Geschenk ist, wie hoch der Mindestbestellwert ist und dass es in den Warenkorb gelegt werden muss – auf der Produktseite, im Warenkorb und in der Announcement Bar – und verlinke direkt zum Geschenk-Produkt.

Die Schwachstelle liegt auf der Hand: Einige Shopper werden es nicht lesen. Eine Nachricht, die auf den Warenkorb reagiert, ist schwerer zu übersehen als eine statische Zeile. Es funktioniert wie eine Free Shipping Bar, die sich mit dem Warenkorb aktualisiert: Warenkorbwert auslesen, mit dem Schwellenwert vergleichen, die Differenz anzeigen.

Der Fudge-Weg. Fudge schreibt diese Nachricht als nativen Theme-Code in deinen Cart Drawer und auf deine Produktseite. Sag Fudge einfach:

“Füge eine Geschenk-Fortschrittsanzeige in den Cart Drawer und auf der Produktseite hinzu. Unter 75 € soll dort stehen: ‘Dir fehlen noch 12 € für einen gratis Travel-Size Cleanser’, wobei der tatsächliche Restbetrag verwendet wird. Ab 75 € soll der Cleanser mit einem ‘Gratisgeschenk hinzufügen’-Button angezeigt werden.”

Du erhältst einen Entwurf zur Vorschau und Überprüfung vor der Veröffentlichung. Das Rabattieren übernimmt dabei weiterhin der Buy X Get Y-Rabatt.

Methode 2: Das Geschenk mit Theme-Code hinzufügen

Die Cart AJAX API von Shopify lässt Theme-JavaScript den Warenkorb verändern: Ein POST an /cart/add.js fügt eine Variante hinzu, und ein POST an /cart/change.js mit der Menge 0 entfernt eine Position.⁴ Ein kurzes Skript kann das Geschenk hinzufügen, wenn die Ausgaben den Schwellenwert erreichen, und es wieder herausnehmen, wenn die Ausgaben darunter fallen.

Dupliziere zuerst dein Theme. Gehe dann zu Onlineshop → Themes → ⋯ → Code bearbeiten, erstelle snippets/free-gift.liquid und füge Folgendes mit deinem eigenen Schwellenwert und deiner Varianten-ID ein. Die ID ist die Zahl nach /variants/ in der Admin-URL, wenn du die Variante öffnest; für ein Produkt ohne Varianten hänge .json an die Admin-URL des Produkts an und lies die Varianten-ID dort ab.

<script>
    document.addEventListener('DOMContentLoaded', function () {
        var GIFT_VARIANT_ID = 41234567890123 // your gift variant ID
        var THRESHOLD = 7500 // $75.00 - the Cart API works in cents
        var root = window.Shopify.routes.root
        var busy = false

        function post(path, body) {
            return fetch(root + path, {
                method: 'POST',
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify(body),
            })
        }

        function syncGift() {
            if (busy) return
            busy = true
            fetch(root + 'cart.js')
                .then(function (response) {
                    return response.json()
                })
                .then(function (cart) {
                    var gift = null
                    var spend = 0
                    cart.items.forEach(function (item) {
                        if (item.variant_id === GIFT_VARIANT_ID) gift = item
                        else spend += item.original_line_price
                    })
                    var offered = sessionStorage.getItem('giftOffered') === '1'
                    if (gift) sessionStorage.setItem('giftOffered', '1')

                    if (spend >= THRESHOLD && !gift && !offered) {
                        sessionStorage.setItem('giftOffered', '1')
                        return post('cart/add.js', {
                            items: [{id: GIFT_VARIANT_ID, quantity: 1}],
                        })
                    }
                    if (spend < THRESHOLD) {
                        sessionStorage.removeItem('giftOffered')
                        if (gift) return post('cart/change.js', {id: gift.key, quantity: 0})
                    }
                })
                .then(function (response) {
                    // Dawn: ask the cart drawer or cart page to re-render
                    if (response && response.ok && window.publish) {
                        publish(PUB_SUB_EVENTS.cartUpdate, {source: 'free-gift'})
                    }
                })
                .catch(function (error) {
                    console.error(error)
                })
                .finally(function () {
                    busy = false
                })
        }

        // Dawn announces every cart change on this event
        if (window.subscribe) {
            subscribe(PUB_SUB_EVENTS.cartUpdate, function (event) {
                if (event && event.source === 'free-gift') return
                syncGift()
            })
        }
        syncGift()
    })
</script>

Lade das Snippet dann direkt vor dem schließenden Body-Tag in der layout/theme.liquid:

{% render 'free-gift' %}

Das Skript addiert jede Zeile (außer das Geschenk) zu ihrem Preis vor Rabattabzug und spiegelt so wider, wie der Rabatt den Mindestwert berechnet. Das giftOffered-Flag verhindert, dass das Geschenk zweimal hinzugefügt wird, dass ein vom Kunden entferntes Geschenk erneut hinzugefügt wird oder dass ein ausverkauftes Geschenk erneut versucht wird, hinzuzufügen.

Das Skript verschiebt nur den Artikel. Dass er kostenlos ist, liegt nach wie vor am Buy X Get Y-Rabatt, also müssen die beiden Schwellenwerte übereinstimmen. Wenn die Zahl im Skript niedriger ist, finden die Kunden einen Artikel zum vollen Preis in ihrem Warenkorb.

Kenne die Besonderheiten, bevor du es live nimmst:

• Es ist auf Dawn abgestimmt. subscribe und publish sind die Cart Event Helper von Dawn, und der Cart Drawer von Dawn rendert seine Artikel und den Footer neu, wenn dieses Event ausgelöst wird.⁵ Andere Themes kündigen Warenkorb-Änderungen anders an, also müssen diese Zeilen umgeschrieben werden.
• Die Artikelanzahl im Header-Warenkorb-Icon kann hinterherhinken. Der Handler von Dawn aktualisiert den Drawer, nicht das Warenkorb-Icon.
• Es zählt jede Position, die kein Geschenk ist. Wenn sich nur bestimmte Produkte für deinen Rabatt qualifizieren, muss der Loop auf diese gefiltert werden.
• Es geht von einer Währung aus. Wenn du in mehreren Währungen verkaufst, teste das Geschenk in jedem Markt.

Der Fudge-Weg. Fudge erledigt das für dich: Es schreibt die Hinzufügen-und-Entfernen-Logik für den Warenkorb deines Themes, sodass du nichts von Hand codieren und nicht pro Theme neu verkabeln musst. Sag Fudge:

“Wenn die Warenkorb-Zwischensumme 75 € erreicht, füge den kostenlosen Travel-Size Cleanser automatisch dem Warenkorb hinzu und zeige im Cart Drawer eine ‘Gratisgeschenk hinzugefügt’-Zeile. Entferne ihn, falls der Warenkorb unter 75 € fällt, und füge ihn nicht zweimal hinzu.”

Fudge schreibt die Cart-Drawer-Logik als natives Liquid, CSS und JavaScript in dein Theme – als Entwurf, den du vor dem Veröffentlichen überprüfst. Der Rabatt, der das Geschenk auf 0 € setzt, ist immer noch der Buy X Get Y-Rabatt, den du im Shopify-Adminbereich erstellst – Fudge erstellt oder konfiguriert keine Rabatte.

Methode 3: Eine App oder eine Shopify Function nutzen

Gift-Apps verpacken Methode 2 hinter einem Einstellungs-Screen: Du wählst das Geschenk und den Schwellenwert, und die App fügt den Artikel zum Warenkorb hinzu. Checke die App Store-Einträge für aktuelle Tarife.

Der Kompromiss ist eine monatliche Gebühr plus App-Code in deiner Storefront, weil irgendetwas im Browser laufen muss, um den Artikel hinzuzufügen. Wenn du bereits eine App für Warenkorb-Upsells nutzt, prüfe, ob diese auch Geschenke abdeckt, bevor du eine weitere hinzufügst.

Shopify Functions eignen sich dafür weniger gut, als es klingt. Discount Functions entscheiden, was Warenkorb-Positionen kosten, und die Cart Transform API erweitert, verbindet oder aktualisiert Positionen, die sich bereits im Warenkorb befinden. Keine der beiden Referenzen beschreibt einen Vorgang, der einen separaten neuen Artikel in den Warenkorb fallen lässt.⁶

Shops in jedem Tarif können Functions über eine öffentliche App aus dem App Store nutzen; Custom Apps, die Functions enthalten, erfordern Shopify Plus.⁶

Welche “Free Gift with Purchase”-Methode solltest du nutzen?

Sorge für die Kommunikation, egal für welche Zeile du dich entscheidest. Die Seite zum Shopify Store Editor zeigt, wie der Fudge-Weg funktioniert.

Welche Sonderfälle solltest du einplanen?

Was passiert, wenn das Geschenk ausverkauft ist?

Aktiviere Bestand verfolgen (Inventory tracked) für die Geschenk-Variante und lass Verkauf fortsetzen, wenn nicht vorrätig (Continue selling when out of stock) unangekreuzt. Bei Nullbestand können Kunden es nicht kaufen, die Add-to-Cart-Anfrage aus Methode 2 wird mit einem 422-Fehler abgelehnt und Bestellungen gehen ohne Geschenk durch.⁴

Deine Text-Hinweise aktualisieren sich nicht von selbst. Nimm also den Banner heraus, wenn das Geschenk zur Neige geht, oder verweise bei Kunde erhält auf eine Geschenk-Kategorie, damit ein zweiter Artikel einspringen kann.

Was ist, wenn der Warenkorb unter den Schwellenwert fällt?

Der Rabatt greift nicht mehr. Das Geschenk verschwindet nicht von alleine aus dem Warenkorb – es bleibt dort zum vollen Preis. Das Skript aus Methode 2 entfernt es; bei Methode 1 sollte die Warenkorb-Nachricht darauf hinweisen, dass das Geschenk nicht mehr kostenlos ist.

Was passiert, wenn der Kunde das Geschenk entfernt?

Lass sie. Das obige Skript fügt das Geschenk einmalig hinzu, und erst dann wieder, wenn der Warenkorb unter den Schwellenwert gefallen und wieder gestiegen ist.

Können Kunden ihr Geschenk auswählen?

Ja. Kunde erhält akzeptiert eine Kategorie (Collection), sodass jeder Artikel darin das Gratisgeschenk sein kann. Auto-Add kann weder Farbton noch Größe erraten, also braucht eine Auswahl einen Picker im Frontend. Wenn das Geschenk eigentlich Teil eines Sets ist, vergleiche native Shopify Bundles vs. Bundle Apps.

Der Fudge-Weg. Sag Fudge:

“Wenn der Warenkorb 75 € erreicht, zeige im Cart Drawer einen ‘Wähle dein Gratisgeschenk’-Block mit den drei Produkten aus meiner ‘Free Gifts’-Kategorie an. Lass den Kunden eines auswählen, es dem Warenkorb hinzufügen und es gegen ein anderes austauschen.”

Das Ergebnis ist ein nativer Theme-Block als Entwurf. Setze Kunde erhält beim Rabatt auf dieselbe Kategorie.

Wie verhinderst du, dass das Geschenk einzeln kostenlos gekauft wird?

Gib dem Geschenk-Produkt einen echten Preis. Der Rabatt setzt den Preis nur auf 0 €, wenn der Mindestbestellwert erreicht ist. Für sich allein wird es also zum vollen Preis verkauft. Ein Produkt, das generell 0 € kostet, kann von jedem in den Warenkorb gelegt werden.

Was passiert, wenn der qualifizierende Artikel zurückgegeben wird?

Die von uns geprüften Rabatt-Seiten beschreiben keine automatische Rückforderung des Geschenks. Behandle dies also als grundsätzliche Shop-Richtlinie (Policy Decision). Lege in deinen Rückgaberichtlinien fest, ob das Geschenk zurückgegeben werden muss oder ob sein Wert abgezogen wird.

Wie wird das Geschenk auf der Bestellung angezeigt?

Als reguläre Bestellposition (Line Item) mit eigener SKU, rabattiert auf 0 €. Ein echtes Produkt mit verfolgtem Bestand durchläuft das Picking und Packing wie jede andere Zeile.

Mehr ausgeben, mehr sparen: Was ist mit gestaffelten Rabatten (Tiered Discounts)?

Für Shopify Tiered Discounts (gestaffelte Rabatte) gibt es keinen eigenen Rabatt-Typ. Die Hilfeseite von Shopify schickt Händler, die erweiterte gestaffelte Rabatte benötigen, in den App Store oder zu Checkout Blocks bei Shopify Plus.⁷

Einfache Ausgabenstufen (Spend Tiers) lassen sich dennoch aus nativen Teilen zusammensetzen. Erstelle einen automatischen Bestellrabatt (Amount off) pro Stufe, jeweils mit eigenem Mindestbestellwert:

• Stufe 1: 10 % Rabatt, Mindestbestellwert 100 €
• Stufe 2: 20 % Rabatt, Mindestbestellwert 200 €

Lasse unter Kombinationen die Bestellrabatte bei beiden unangekreuzt. Ein Warenkorb, der sich für zwei Rabatte qualifiziert, die nicht kombinierbar sind, erhält den für den Kunden besten Rabatt.³

Rechenbeispiel. Ein Warenkorb von 230 € qualifiziert sich für beide Stufen. Sie können nicht kombiniert werden, also greift die 20 %-Stufe: 46 € Rabatt, 184 € zu zahlen. Ein Warenkorb von 150 € erreicht nur die erste Stufe: 15 € Rabatt, 135 € zu zahlen.

Die Falle ist die Kombinations-Box. Wenn die Stufen kombiniert werden dürfen, werden beide Prozentsätze auf die ursprüngliche Zwischensumme berechnet, sodass der 230 €-Warenkorb 30 % Rabatt erhält und 161 € zahlt.³

Jede Stufe verbraucht einen deiner 25 Plätze für automatische Rabatte.

Was weiterhin eine App oder eine Discount Function benötigt: Stufen, die als einzelner Rabatt verwaltet werden, und ein Rabatt, der Belohnungen wie „Prozentualer Rabatt plus kostenloser Versand“ mischt.⁷ Um Staffeln zusammen mit dem kostenlosen Geschenk laufen zu lassen, kreuze bei jeder Stufe Produktrabatte und beim Buy X Get Y-Rabatt Bestellrabatte an und teste dann einen Warenkorb an jeder Stufengrenze.

Unser BFCM Playbook behandelt, wo die Stufen in der Storefront angezeigt werden sollten.

FAQ