Wie du ein kostenloses Geschenk zur Bestellung bei Shopify hinzufügst (mit automatischem Add-to-Cart)

Key Takeaways

• Shopify kann ein Geschenk kostenlos machen, aber es nicht in den Warenkorb legen. Ein Buy X Get Y Rabatt 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 aus einem Prompt. Du beschreibst die Regel für das Geschenk und Fudge fügt die Add-and-Remove-Logik als nativen Theme-Code zu deinem Warenkorb hinzu. Außerdem kann es den Buy X Get Y Rabatt direkt passend in Shopify vorbereiten.
• Der Rabatt lebt immer im Shopify-Adminbereich. Der Theme-Code bewegt das Item nur in den Warenkorb. Buy X Get Y setzt den Preis dann auf 0 €.
• 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 zur Bestellung) benötigt einen nativen Rabatt zur Einrichtung und hat eine Lücke, die oft erst nach dem Launch auffällt: Shopify macht das Geschenk zwar kostenlos, aber der Kunde muss es selbst in den Warenkorb legen. Dieser Guide behandelt die native Einrichtung, drei Wege, um das Geschenk in den Warenkorb zu bekommen, und die Sonderfälle, nach denen Händler fragen.

Es ist pünktlich zum Black Friday 2026 (27. bis 30. November) getimt, funktioniert aber für jede Promo-Aktion. Du suchst noch nach dem passenden Angebot? Black Friday Sale-Ideen für Shopify-Stores vergleicht ein Geschenk hinsichtlich der Marge mit anderen Mechaniken.

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 hat über 15 Jahre Entwicklungserfahrung. Wir bauen Fudge, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store und „Built for Shopify“-Status. Free-Gift-Angebote wie das in diesem Guide, inklusive Warenkorb-Logik, gehören zu den Dingen, die Fudge für Stores einrichtet.

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

Shopifys Cart AJAX API lässt Theme-JavaScript den Warenkorb ändern: Ein POST an /cart/add.js fügt eine Variante hinzu, und ein POST an /cart/change.js mit einer quantity von 0 entfernt eine Position.⁴ Ein kurzes Skript kann das Geschenk hinzufügen, wenn der Bestellwert den Schwellenwert (Threshold) erreicht, und es wieder entfernen, wenn der Wert darunter fällt.

Dupliziere zuerst dein Theme. Gehe dann auf Onlineshop → Themes → ⋯ → Code bearbeiten, erstelle snippets/free-gift.liquid und füge Folgendes mit deinem eigenen Schwellenwert und der Varianten-ID ein. Die ID ist die Nummer nach /variants/ in der Admin-URL, wenn du die Variante öffnest; bei einem Produkt ohne Varianten fügst du der Admin-URL des Produkts .json hinzu und liest die Varianten-ID dort aus.

<script>
    document.addEventListener('DOMContentLoaded', function () {
        var GIFT_VARIANT_ID = 41234567890123 // deine Gift-Varianten-ID
        var THRESHOLD = 7500 // 75.00 € - die Cart API arbeitet in Cent
        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: fordere den Cart Drawer oder die Cart-Seite zum Neu-Rendern auf
                    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 kündigt jede Warenkorb-Änderung auf diesem Event an
        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 summiert jede Zeile mit Ausnahme des Geschenks 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 es bei einem ausverkauften Geschenk immer wieder versucht wird.

Das Skript bewegt nur das Item. Der Buy X Get Y Rabatt ist nach wie vor das, was es kostenlos macht, also müssen die beiden Schwellenwerte übereinstimmen. Wenn die Zahl des Skripts niedriger ist, finden Kunden ein Item zum vollen Preis im Warenkorb.

Kenne die Einschränkungen, bevor du es live nimmst:

• Es ist für Dawn ausgelegt. subscribe und publish sind Dawns Cart-Event-Helper, und Dawns Warenkorb-Drawer (Cart Drawer) rendert seine Zeilen 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 Anzahl im Warenkorb-Icon im Header kann hinterherhinken. Der Handler von Dawn aktualisiert den Drawer, nicht das Warenkorb-Icon.
• Es zählt jede Zeile, die kein Geschenk ist. Wenn sich nur bestimmte Produkte für deinen Rabatt qualifizieren, muss die Schleife nach diesen filtern.
• Es geht von einer Währung aus. Wenn du in mehreren Währungen verkaufst, teste das Geschenk in jedem Markt.

Der Fudge-Weg. Fudge schreibt die Add-and-Remove-Logik für jedes beliebige Theme. Sag Fudge einfach:

„Wenn die Zwischensumme des Warenkorbs 75 € erreicht, füge automatisch den kostenlosen Cleanser in Reisegröße zum Warenkorb hinzu und zeige im Cart Drawer eine Zeile ‚Kostenloses Geschenk hinzugefügt‘ an. Entferne es wieder, wenn der Warenkorb unter 75 € fällt, und füge es nicht zweimal hinzu.“

Fudge schreibt die Cart-Drawer-Logik als natives Liquid, CSS und JavaScript in dein Theme – als Entwurf, den du vor der Veröffentlichung überprüfst. Der Rabatt, der das Geschenk auf 0 € setzt, ist immer noch ein Shopify Buy X Get Y Rabatt. Fudge kann ihn zusammen mit der Warenkorb-Logik in Shopify vorbereiten, inklusive Kombinationsregeln, und beides geht live, wenn du veröffentlichst. Wenn du den Rabatt lieber selbst im Adminbereich erstellen möchtest, schreibt Fudge nur die Warenkorb-Seite.

Methode 3: Eine App oder eine Shopify Function nutzen

Gift-Apps wie BOGOS: Free Gift Bundle Upsell verpacken Methode 2 hinter einem Einstellungs-Screen: Du wählst das Geschenk und den Schwellenwert aus, und die App fügt das Item dem Warenkorb hinzu. Im August 2026 bot BOGOS einen kostenlosen Plan (30 Bestellungen auf Lebenszeit) und bezahlte Pläne ab 29,99 $ pro Monat an.

Der Preis dafür ist eine monatliche Gebühr plus App-Code auf deiner Storefront, denn es muss ja etwas im Browser laufen, um das Item hinzuzufügen. Wenn du bereits eine App für Cart Upsells nutzt, prüfe, ob sie auch Geschenke abdeckt, bevor du eine weitere hinzufügst.

Shopify Functions passen hier weniger gut, als es klingt. Discount Functions entscheiden, was die Warenkorb-Positionen kosten, und die Cart Transform API erweitert, kombiniert oder aktualisiert Positionen, die sich bereits im Warenkorb befinden. Keine der beiden Dokumentationen beschreibt eine Funktion, die ein separates, neues Item hineinwirft.⁶

Stores in jedem Plan 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?

Egal welche Methode du wählst, achte auf die Kommunikation. Die Seite zu Bundles und Rabatten zeigt, wie der Fudge-Weg funktioniert – vom Rabatt bis zum Warenkorb-Block. Während das Angebot läuft, berichtet Fudge über den Bestellwert und darüber, was dich das Geschenk gekostet hat, verglichen mit den Wochen vor dem Start.

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)?

Gestaffelte Rabatte (Tiered Discounts) bei Shopify haben keinen eigenen Rabatt-Typen. Die Shopify-Hilfeseite verweist Händler, die erweiterte gestaffelte Rabatte benötigen, an den App Store oder an Checkout Blocks bei Shopify Plus.⁷

Einfache Ausgabenstufen (Spend Tiers) können aber trotzdem aus nativen Teilen zusammengebaut werden. Erstelle für jede Stufe einen automatischen Rabatt für einen festen Betrag auf die Bestellung, jeweils mit eigenem Mindestkaufbetrag:

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

Unter Kombinationen lässt du Bestellrabatte bei beiden deaktiviert. Ein Warenkorb, der sich für zwei nicht kombinierbare Rabatte qualifiziert, bekommt den, der für den Kunden am besten ist.³

Rechenbeispiel. Ein Warenkorb über 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 über 150 € erreicht nur die erste Stufe: 15 € Rabatt, 135 € zu zahlen.

Die Falle ist die Kombinations-Checkbox. 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 € bezahlt.³

Jede Stufe verbraucht einen deiner 25 Slots für automatische Rabatte.

Was immer noch eine App oder eine Discount Function erfordert: Stufen, die als einzelner Rabatt verwaltet werden, und ein Rabatt, der Belohnungen wie einen prozentualen Rabatt plus kostenlosen Versand mischt.⁷ Um Stufen neben dem kostenlosen Geschenk laufen zu lassen, aktiviere Produktrabatte bei jeder Stufe und Bestellrabatte beim Buy X Get Y Rabatt und teste dann einen Warenkorb an jeder Stufengrenze.

Unser BFCM Playbook behandelt, wo du die Stufen in der Storefront anzeigen solltest.

FAQ