Wie man Vorbestellungen auf Shopify einrichtet: Native Optionen, Apps und was dabei kaputtgeht

Die wichtigsten Erkenntnisse

• Shopifys Vorbestellungsfunktion erfordert eine App. Anzahlungen und „Später bezahlen“ laufen über Kaufoptionen (Purchase Options), die über eine Pre-Order-App eingerichtet werden.¹
• Der Weg ohne App erfordert ein Häkchen und etwas Theme-Anpassung. „Verkauf fortsetzen, auch wenn Produkte nicht vorrätig sind“ (Continue selling when out of stock) ermöglicht den Verkauf einer Variante bei Bestand null, aber der Kunde zahlt den vollen Preis und die Bestellung wird nicht gesondert markiert.²
• Vorbestellungen über Kaufoptionen entfernen bestimmte Zahlungsmethoden. Beschleunigte Checkouts wie Shop Pay, Apple Pay und Google Pay sowie lokale Methoden wie Klarna sind nicht verfügbar.³
• Die Beschriftung des Buttons muss der Variante folgen. Dawn setzt ihn bei jedem Variantenwechsel auf „In den Warenkorb“ (Add to cart) zurück, sodass eine reine Liquid-Anpassung nicht ausreicht.
• Ein Versanddatum ist in den USA (und der EU) ein rechtliches Versprechen. Die FTC verlangt eine angemessene Grundlage dafür und eine Verzögerungsmeldung mit Erstattungsoption, wenn du es nicht einhältst.⁴

Eine Shopify-Vorbestellung (Pre-Order) ist eine Bestellung für ein Produkt, das du noch nicht versenden kannst: ein Launch, der noch nicht stattgefunden hat, oder ein Restock, der noch auf dem Weg ist. Dieser Guide behandelt, wie du Vorbestellungen auf Shopify auf beide Arten einrichten kannst – den Weg ohne App, basierend auf der Einstellung „Verkauf fortsetzen, auch wenn Produkte nicht vorrätig sind“, und den App-Weg, der auf Kaufoptionen basiert – und was bei beiden Ansätzen kaputtgehen kann.

Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Umfeld tätig und haben mit hunderten von Shopify-Marken an ihren Storefronts gearbeitet. Jacques verfügt über mehr als 15 Jahre Entwicklungserfahrung. Wir entwickeln Fudge, einen KI-Storefront-Editor mit einer Bewertung von 4.9 im Shopify App Store und „Built for Shopify“-Status, und Produktseiten-Zustände wie ein Vorbestellungs-Button sind genau die Art von Theme-Code, die er schreibt. Die hier zitierten Shopify-Regeln wurden am Tag der Texterstellung aus der Shopify-Dokumentation entnommen.

Was bedeutet Vorbestellung auf Shopify?

Shopify verwendet das Wort für zwei Dinge, die sich beim Checkout unterschiedlich verhalten.

Die dokumentierte Vorbestellungsfunktion ist eine Kaufoption (Purchase Option). Im Shopify Help Center heißt es, dass du „vollständige, teilweise oder keine Zahlung“ einziehen kannst, wenn der Kunde bestellt, und dass du zur Einrichtung eine Vorbestellungs-App aus dem Shopify App Store benötigst.¹

Die andere Art ist eine gewöhnliche Bestellung für einen nicht vorrätigen Artikel, ohne Verkaufsplan (Selling Plan) und ohne gespeicherte Zahlungsmethode. Shopify listet Vorbestellungen als einen Grund auf, den Überverkauf bei einer Variante zuzulassen.²

Das ergibt drei Zahlungsmodelle:

Was erfordern Vorbestellungen über Kaufoptionen?

Ein unterstütztes Payment-Gateway. Laut Help Center sind Vorbestellungen „derzeit nur für Händler verfügbar, die Shopify Payments oder Paypal Express nutzen“.¹ Die Entwicklerdokumentation nennt zudem Adyen auf Shopify und, für einige Händler, Stripe.⁵

Weniger Zahlungsmethoden. Kunden können keine beschleunigten Checkouts wie Shop Pay, Apple Pay oder Google Pay nutzen, ebenso wenig wie lokale Zahlungsmethoden wie Klarna.³

Den richtigen Kanal und Checkout. Vorbestellungen funktionieren nur auf den Verkaufskanälen „Onlineshop“ und „Custom Storefront“ (Headless) und nicht mit angepassten Checkouts, Shop Promise, „Kauf X, erhalte Y“-Rabatten, Shopify POS, Bestellentwürfen (Draft Orders) oder B2B.³⁵

Shopify speichert die Zahlungsmethode; die App plant die spätere Abbuchung und kümmert sich um fehlgeschlagene Zahlungen.⁵

Kann man eine Shopify-Vorbestellung ohne App einrichten?

Ja, aber nur für vollständige Bezahlung im Voraus. Der Weg ohne App ist die Varianten-Einstellung „Verkauf fortsetzen, auch wenn Produkte nicht vorrätig sind“ (Continue selling when out of stock), plus Theme-Anpassungen, die dem Kunden mitteilen, wann der Artikel versandt wird.

Was diese Einstellung nicht tut:

• Der Kunde wird beim Checkout voll belastet, wie bei jeder anderen Bestellung.
• Nichts kennzeichnet die Bestellung als Vorbestellung, es sei denn, du fügst eine Line Item Property oder einen Tag hinzu.
• Es gibt keine Mengenbegrenzung (Quantity Cap). Kunden können bei null oder weniger weiterkaufen, sodass der Bestand in den negativen Bereich rutscht.²
• Das Storefront ändert sich nicht. Auf dem Button steht immer noch „In den Warenkorb“ und es erscheint kein Versanddatum.
• Gemischte Warenkörbe werden zu einer einzigen Bestellung mit einer einzigen Versandgebühr.

So richtest du Vorbestellungen auf Shopify ohne App ein

Die folgenden Schritte verwenden Dateinamen aus dem Dawn-Theme. Bei anderen Themes weichen diese ab, aber die Logik ist dieselbe.

Schritt 1: Erlaube den Verkauf der Variante bei Nullbestand

Öffne in deinem Shopify-Adminbereich das Produkt oder die Variante. Stelle im Bereich Inventar sicher, dass Anzahl verfolgen (Inventory tracked) aktiviert ist, und wähle dann Verkauf fortsetzen, auch wenn Produkte nicht vorrätig sind.²

Schritt 2: Speichere das Versanddatum in einem Metafeld (Metafield)

Gehe zu Einstellungen → Metafelder und Metaobjekte (Custom Data), wähle Produkte und füge eine Definition mit dem Typ Datum (Date), dem Namensraum custom und dem Schlüssel preorder_ship_date hinzu. Fülle dieses Feld bei jedem Vorbestellungs-Produkt aus.

Die vollständige Anleitung findest du unter Wie man Metafelder zu Shopify-Produkten hinzufügt.

Schritt 3: Zeige „Vorbestellung“ und das Versanddatum auf der Produktseite

Dupliziere zuerst dein Theme, gehe dann zu Vertriebskanäle → Onlineshop → Themes → ⋯ → Code bearbeiten und suche die Datei snippets/buy-buttons.liquid. Füge Folgendes direkt über dem Submit-Button hinzu:

{%- liquid
  assign current_variant = product.selected_or_first_available_variant
  assign ship_date = product.metafields.custom.preorder_ship_date.value
  assign is_preorder = false
  if current_variant.inventory_management == 'shopify' and current_variant.inventory_policy == 'continue' and current_variant.inventory_quantity <= 0 and ship_date != blank
    assign is_preorder = true
  endif
-%}

Innerhalb des Buttons fügst du einen Branch vor dem letzten else ein, der den Text für den Warenkorb-Button ausgibt:

{%- elsif is_preorder -%}
  Vorbestellen

Unter dem Button, aber noch innerhalb des Formulars, fügst du den Hinweis hinzu:

<p id="PreorderNote-{{ section_id }}" class="preorder-note"{% unless is_preorder %} hidden{% endunless %}>
  {%- if is_preorder -%}
    {%- capture preorder_text -%}Versand bis {{ ship_date | date: '%d.%m.%Y' }}{%- endcapture -%}
    Vorbestellung. {{ preorder_text }}.
    <input type="hidden" name="properties[Vorbestellung]" value="{{ preorder_text | escape }}">
  {%- endif -%}
</p>

Alle drei Inventarprüfungen sind notwendig. Laut Shopifys Liquid-Referenz ist inventory_policy entweder continue oder deny, inventory_management ist nil, wenn der Bestand nicht verfolgt wird, und inventory_quantity gibt die Anzahl der verkauften Artikel zurück, wenn er nicht verfolgt wird.⁶

Kein Datum, kein Label. Die Bedingung erfordert das Metafeld. „Vorbestellen“ erscheint also nie ohne ein Versanddatum.

Das versteckte Eingabefeld (Hidden Input) ist die Markierung für die Bestellung. Es fügt eine Line Item Property namens „Vorbestellung“ hinzu, die in den Warenkorb, in den Checkout und in die Bestellung wandert. Siehe auch Wie man den Button-Text in Shopify ändert.

Schritt 4: Halte das Label beim Variantenwechsel aktuell

Hier versagen reine Liquid-Snippets. Wenn ein Käufer die Variante wechselt, ruft Dawn die Section erneut ab und setzt dann den Button-Text aus einem JavaScript-String („In den Warenkorb“) – unabhängig davon, was dein Liquid gerendert hat.

Das Auslesen des Bestands aus dem Varianten-JSON funktioniert ebenfalls nicht: Shopifys json-Filter lässt inventory_quantity und inventory_policy weg.⁶ Kopiere stattdessen das Label und den Hinweis aus dem HTML, das Dawn bereits abgerufen hat. Füge dies über dem Schema-Tag in sections/main-product.liquid hinzu:

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof subscribe !== 'function') return;
    subscribe(PUB_SUB_EVENTS.variantChange, function (event) {
      var id = event.data.sectionId;
      var fresh = event.data.html;
      var newButton = fresh.getElementById('ProductSubmitButton-' + id);
      var button = document.getElementById('ProductSubmitButton-' + id);
      if (newButton && button) {
        button.querySelector('span').textContent = newButton.querySelector('span').textContent.trim();
      }
      var newNote = fresh.getElementById('PreorderNote-' + id);
      var note = document.getElementById('PreorderNote-' + id);
      if (newNote && note) {
        note.innerHTML = newNote.innerHTML;
        note.hidden = newNote.hidden;
      }
    });
  });
</script>

subscribe und PUB_SUB_EVENTS.variantChange sind Dawn-Hilfsfunktionen. Andere Themes benötigen ihren eigenen Variantenwechsel-Hook.

Der Fudge-Weg. Fudge schreibt das Liquid und das Variantenwechsel-Skript für genau das Theme, das du verwendest. Sag Fudge einfach:

„Ändere auf Produktseiten den ‘In den Warenkorb’-Button zu ‘Vorbestellen’, wenn eine Variante nicht vorrätig ist, der Verkauf aber fortgesetzt wird. Zeige unter dem Button ‘Versand bis’ plus das Datum aus dem Vorbestellungs-Metafeld des Produkts. Aktualisiere dies, wenn der Kunde die Variante wechselt.“

Du erhältst nativen Theme-Code als Entwurf, den du überprüfen kannst, bevor du ihn veröffentlichst. Die Inventareinstellung und der Metafeld-Wert verbleiben im Shopify-Adminbereich.

Schritt 5: Informiere den Kunden im Warenkorb, beim Checkout und per E-Mail

Warenkorb. Die Warenkorbseite und der Warenkorb-Drawer (Cart Drawer) von Dawn geben bereits Line Item Properties aus, die nicht mit einem Unterstrich beginnen, sodass „Vorbestellung: Versand bis 20. November 2026“ unter dem Artikel erscheint.

Checkout. Shopify dokumentiert, dass ein führender Unterstrich eine Property für Kunden beim Checkout verbirgt, also lass ihn weg.⁶

Gemischte Warenkörbe. Füge in snippets/cart-drawer.liquid eine Warnung über dem Footer hinzu:

{%- liquid
  assign preorder_count = 0
  for item in cart.items
    if item.properties['Vorbestellung'] != blank
      assign preorder_count = preorder_count | plus: 1
    endif
  endfor
-%}
{%- if preorder_count > 0 and preorder_count < cart.items.size -%}
  <p class="cart-preorder-warning">Dein Warenkorb enthält Vorbestellungen und vorrätige Artikel. Die gesamte Bestellung wird versandt, sobald der Vorbestellungs-Artikel verfügbar ist.</p>
{%- endif -%}

Passe diesen Satz an deine tatsächliche Vorgehensweise an. Passend dazu: Versandhinweise in Shopify und Text im Cart-Drawer aktualisieren.

Der Fudge-Weg. Fudge kann dieselbe Warenkorb-Logik für den Drawer deines Themes schreiben. Sag Fudge:

„Zeige im Cart-Drawer unter jedem Vorbestellungs-Artikel einen Hinweis mit dem voraussichtlichen Versanddatum sowie eine Warnung, wenn der Warenkorb Vorbestellungen und reguläre Artikel mischt.“

Dies landet als Entwurf in deinem Theme, ganz ohne App-Widget oder zusätzliches Drittanbieter-Skript auf dem Storefront.

Bestellbestätigungs-E-Mail. Gehe zu Einstellungen → Benachrichtigungen → Kundenbenachrichtigungen → Bestellbestätigung → Code bearbeiten. Die Benachrichtigungsvariablen von Shopify enthalten line.properties. Das Folgende gibt pro Vorbestellungs-Artikel eine Zeile aus:

{% for line in subtotal_line_items %}
  {% for property in line.properties %}
    {% if property.first == 'Vorbestellung' %}
      <p><strong>{{ line.title }}</strong> ist eine Vorbestellung. {{ property.last }}. Der volle Betrag wurde heute abgebucht.</p>
    {% endif %}
  {% endfor %}
{% endfor %}

Nutze Vorschau (Preview) und Test-E-Mail senden, bevor du speicherst. Benachrichtigungsvorlagen (Notification Templates) liegen im Shopify-Adminbereich, nicht im Theme, daher gehört diese Anpassung dir allein.

Schritt 6: Vorbestellungen für das Fulfillment markieren (taggen)

Shopify Flow ist eine kostenlose App in den Plänen Basic, Grow, Advanced und Plus.⁷ Baue einen dreistufigen Workflow:

1. Auslöser (Trigger): Order created.
2. Bedingung (Condition): order / lineItems / product / tags, at least one is equal to pre-order.
3. Aktion (Action): Add order tags, mit dem Tag pre-order.

Shopifys Flow-Dokumentation verwendet ein Produkt mit dem Tag presale als Beispiel für diese Bedingung.⁷ Tagge das Produkt, solange es vorbestellbar ist, und entferne den Tag, sobald der Bestand eintrifft. Siehe auch unsere KI-Assistenten-Prompts für Shopify Flow.

Wie begrenzt man die Vorbestellungsmenge?

Mit „Verkauf fortsetzen, auch wenn Produkte nicht vorrätig sind“ gibt es keine Obergrenze. Du musst die negative Bestandszahl im Blick behalten und das Häkchen manuell entfernen.

Für ein festes Limit (Hard Cap) machst du das Gegenteil. Lass das Häkchen weg und gib die Stückzahl, die du im Vorverkauf anbieten möchtest, als verfügbare Menge ein, sodass der Verkauf bei null stoppt. Der Bestand ist nun positiv. Entferne daher die drei Inventarprüfungen aus Schritt 3 und lass nur das Metafeld für das Versanddatum das Label steuern. Leere das Metafeld, sobald die Ware eintrifft.

Optional: ein Vorbestellungs-Badge auf Kategorieseiten

Die Produktkarte von Dawn zeigt standardmäßig nur „Ausverkauft“ (Sold out) und „Sale“-Badges. Ein Vorbestellungs-Badge nutzt die Bedingung aus Schritt 3 in snippets/card-product.liquid; siehe Wie man Produkt-Badges in Shopify hinzufügt.

Der Fudge-Weg. Fudge fügt das Badge in die Produktkarte deines Themes ein. Sag Fudge:

„Füge den Produktkarten auf Kategorieseiten ein ‘Vorbestellung’-Badge für Produkte hinzu, die Bestand null haben, aber weiterhin käuflich sind.“

Du erhältst einen Entwurf, den du vor der Veröffentlichung auf einer Kategorieseite (Collection), die Vorbestellungen und reguläre Produkte mischt, in der Vorschau ansehen kannst.

Weg ohne App vs. Vorbestellungs-App: Welches Setup für Shopify-Vorbestellungen passt am besten?

Beim Vergleichen von Apps solltest du prüfen, ob die App Shopifys Kaufoptionen nutzt, welche Zahlungsmodelle sie unterstützt, wann sie Inventar reserviert und wie sie mit fehlgeschlagenen Restzahlungen umgeht. Wenn du eine Vorbestellungs-App deinstallierst, werden ihre Vorbestellungsdaten nach 48 Stunden gelöscht, sofern die App kein Backup anlegt.¹

Was geht bei Shopify-Vorbestellungen kaputt?

Teilbestand-Bestellungen. Wenn noch drei Einheiten übrig sind und der fortgesetzte Verkauf aktiviert ist, kann ein Kunde fünf bestellen. Das Label sagt „In den Warenkorb“, aber zwei der fünf Einheiten sind effektiv Vorbestellungen.

Gemischte Warenkörbe und aufgeteiltes Fulfillment. Auf dem Weg ohne App gibt es nur eine Bestellung mit einer Versandgebühr. Du kannst die Vorbestellungs-Artikel mit Als zurückgestellt markieren (Mark as on hold) pausieren und den Rest erfüllen, aber die zweite Lieferung erfolgt dann auf deine Kosten.

Ablauf der Autorisierung. Versuche nicht, „Später bezahlen“ selbst über die manuelle Zahlungserfassung (Manual payment capture) zu basteln. Shopify Payments gewährt einen Autorisierungszeitraum von 7 Tagen; eine verlängerte Autorisierung gilt nur für Shopify Plus-Shops mit Shopify Payments, und das Erfassen nach dem Standardzeitraum kostet 1,75 % Gebühren.⁸ Vorbestellungen über Kaufoptionen speichern stattdessen die Zahlungsmethode.

Beschleunigter Checkout (Accelerated checkout) auf der Produktseite. Beim Weg ohne App überspringt dieser Button den Warenkorb und somit auch deinen Warenkorb-Hinweis. Ziehe in Erwägung, die Einstellung Dynamische Checkout-Buttons anzeigen im „Buy buttons“-Block von Dawn bei Vorbestellungs-Produkten zu deaktivieren.

Rabatte und Steuern. Beim Weg ohne App werden beide wie bei jeder regulären Bestellung im Checkout angewendet. Shopifys Seiten zu Vorbestellungen äußern sich nicht konkret zur steuerlichen Behandlung von Anzahlungen. Kläre dies am besten mit deiner App und deinem Steuerberater.

Stornierungen bei Terminverschiebung. Shopify merkt an, dass du im Falle einer Stornierung der Vorbestellung durch den Kunden die Rückerstattung eventuell manuell anstoßen musst.¹

Rechtliche Pflichten. Gemäß der „Mail, Internet, or Telephone Order Merchandise Rule“ der FTC (in den USA) benötigst du eine angemessene Grundlage für jedes angegebene Versanddatum – oder für den Versand innerhalb von 30 Tagen, falls keines angegeben ist. Wenn du nicht rechtzeitig liefern kannst, musst du die Zustimmung des Kunden zur Verzögerung einholen oder das Geld erstatten. Dazu gehört eine Benachrichtigung mit einem neuen Datum und der Option, die Bestellung gegen eine vollständige und umgehende Rückerstattung zu stornieren.⁴ Andere Länder haben eigene Regeln, informiere dich also über die Vorschriften, die für deine Kunden gelten.

Vorbestellung, Back-in-Stock-Alarm oder Ausverkauft?

Nimm das Geld jetzt an, wenn du einen bestätigten Liefertermin hast, diesen auf der Seite angeben kannst und bereit bist, Geld zu erstatten, falls sich der Termin verschiebt.

Sammle stattdessen E-Mails, wenn das Datum ungewiss ist. Eine Back-in-Stock-Anmeldung erhält die Nachfrage ohne ein bindendes Versandversprechen. Der Shopify Flow-Trigger „Product variant back in stock“ feuert, wenn das Inventar einer Variante von 0 oder weniger auf 1 oder mehr steigt.

Lass es auf „Ausverkauft“ stehen, wenn das Produkt nicht mehr zurückkommt. Das ist der Standard: Wenn der fortgesetzte Verkauf deaktiviert ist, deaktiviert Dawn den Button und zeigt „Ausverkauft“ (Sold out) an.

Für die Storefront-Seite all dieser drei Szenarien siehe unsere Seite über den Shopify Store Editor.

FAQ