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-Bereich tätig und haben mit hunderten von Shopify-Marken an ihren Storefronts gearbeitet. Jacques hat über 15 Jahre Erfahrung in der Entwicklung. 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. Produktseiten-Zustände wie ein Vorbestell-Button sind genau die Art von Theme-Code, den er schreibt. Die hier zitierten Shopify-Regeln wurden am Tag des Schreibens 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, lädt Dawn die Section neu und setzt den Button-Text aus einem JavaScript-String auf „Add to cart“, unabhängig davon, was dein Liquid-Code gerendert hat.

Den Bestand aus der Varianten-JSON auszulesen, 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 geladen hat. Füge dies über dem Schema-Tag in sections/main-product.liquid ein:

<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 Hilfsfunktionen von Dawn. Andere Themes brauchen ihren eigenen Hook für den Variantenwechsel.

Der Fudge-Weg. Fudge schreibt das Liquid und das Variantenwechsel-Skript für dein verwendetes Theme. Sag Fudge einfach:

“Wenn auf Produktseiten eine Variante nicht auf Lager ist, aber weiter verkauft werden soll, ändere den ‘In den Warenkorb’-Button zu ‘Vorbestellen’ und zeige unter dem Button ‘Versand bis’ plus das Datum aus dem Vorbestell-Versanddatum-Metafeld des Produkts an. Aktualisiere das Ganze, wenn der Kunde die Variante wechselt.”

Du erhältst nativen Theme-Code als Entwurf, den du vor der Veröffentlichung überprüfen kannst. Die Bestandseinstellung und der Metafeld-Wert bleiben im Shopify-Adminbereich.

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

Warenkorb. Dawns Warenkorb-Seite und Cart Drawer geben bereits Line-Item-Properties aus, die nicht mit einem Unterstrich beginnen. So erscheint „Pre-order: Ships by November 20, 2026“ direkt unter dem Artikel.

Checkout. Shopify dokumentiert, dass ein führender Unterstrich eine Eigenschaft vor Kunden im Checkout verbirgt, also lass ihn weg.⁶

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

{%- liquid
  assign preorder_count = 0
  for item in cart.items
    if item.properties['Pre-order'] != 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 versendet, sobald der vorbestellte Artikel bereit ist.</p>
{%- endif -%}

Passe den Satz so an, dass er dem entspricht, was du tatsächlich tust.

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

“Zeige im Cart Drawer unter jedem vorbestellten Artikel einen Hinweis mit dem voraussichtlichen Versanddatum an und eine Warnung, wenn der Warenkorb Vorbestellungen und vorrätige Artikel mischt.”

Der Code kommt als Entwurf in dein Theme, ganz ohne App-Widget oder zusätzliches Drittanbieter-Skript im Storefront.

Bestellbestätigungs-E-Mail. Gehe zu Einstellungen → Benachrichtigungen → Kundenbenachrichtigungen → Bestellbestätigung → Code bearbeiten. Shopifys Benachrichtigungs-Variablen umfassen line.properties, sodass dies eine Zeile pro Vorbestellungs-Artikel ausgibt:

{% for line in subtotal_line_items %}
  {% for property in line.properties %}
    {% if property.first == 'Pre-order' %}
      <p><strong>{{ line.title }}</strong> ist eine Vorbestellung. {{ property.last }}. Der Betrag wurde dir heute in voller Höhe abgebucht.</p>
    {% endif %}
  {% endfor %}
{% endfor %}

Nutze Vorschau und Test-E-Mail senden, bevor du speicherst. Benachrichtigungsvorlagen liegen im Shopify-Adminbereich, nicht im Theme, also gehört diese Änderung ganz dir.

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

Dawns Produktkarte zeigt 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 auf Kategorie-Seiten ein ‘Vorbestellung’-Badge zu Produktkarten für Produkte hinzu, die keinen Bestand haben, aber noch kaufbar sind.”

Du erhältst einen Entwurf, den du dir auf einer Kategorie-Seite, die Vorbestellungen und vorrätige Produkte mischt, als Vorschau ansehen kannst, bevor du ihn veröffentlichst.

Für andere Texte im Cart Drawer, siehe Wie man Cart-Drawer-Texte in Shopify aktualisiert.

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?

Teilbestands-Bestellungen. Wenn noch drei Stück übrig sind und der Weiterverkauf aktiviert ist, kann ein Kunde fünf bestellen. Auf dem Button steht „In den Warenkorb“, aber zwei der fünf sind faktisch Vorbestellungen.

Gemischte Warenkörbe und geteiltes Fulfillment. Beim Weg ohne App handelt es sich um eine Bestellung mit einmaligen Versandkosten. Du kannst die Vorbestellungs-Artikel mit Als zurückgestellt markieren zurückhalten und den Rest ausführen, aber die zweite Lieferung geht auf deine Kosten.

Ablauf der Autorisierung. Baue dir „Später bezahlen“ nicht selbst mit manueller Zahlungserfassung. Shopify Payments bietet einen Autorisierungszeitraum von 7 Tagen; eine verlängerte Autorisierung gibt es nur für Shopify Plus-Stores, die Shopify Payments nutzen, und die Erfassung nach dem Standardzeitraum kostet 1,75 % Gebühr.⁸ Vorbestellungen über Kaufoptionen (Purchase Options) speichern stattdessen die Zahlungsmethode.

Beschleunigter Checkout auf der Produktseite. Beim Weg ohne App überspringt dieser Button den Warenkorb und deinen Warenkorb-Hinweis. Ziehe in Erwägung, die Einstellung für Dynamische Checkout-Buttons im „Kaufen-Buttons“-Block von Dawn bei Vorbestellungs-Produkten zu deaktivieren.

Rabatte und Steuern. Beim Weg ohne App werden beide wie bei jeder anderen Bestellung im Checkout angewendet. Shopifys Vorbestellungs-Seiten erklären die steuerliche Behandlung von Anzahlungen nicht genau, kläre dies also am besten mit deiner App und deinem Steuerberater.

Stornierungen bei Terminverschiebungen. Laut Shopify musst du bei der Stornierung einer Vorbestellung durch den Kunden unter Umständen noch manuell eine Rückerstattung veranlassen.¹

Rechtliche Pflichten. Nach den US-Regeln der FTC (Mail, Internet, or Telephone Order Merchandise Rule) brauchst du eine fundierte Grundlage für jedes angegebene Versanddatum, oder für einen Versand innerhalb von 30 Tagen, wenn keines angegeben ist. Wenn du nicht pünktlich versenden kannst, musst du die Zustimmung des Kunden zur Verzögerung einholen oder ihm den Betrag erstatten, versehen mit einer Benachrichtigung über das neue Datum und der Möglichkeit, für eine vollständige und sofortige Rückerstattung zu stornieren.⁴ Andere Länder haben ihre eigenen Regeln, also prüfe die Vorschriften, die für deine Kunden gelten.

Für Formulierungen, die Erwartungen an die Lieferzeit an anderen Stellen im Shop klären, siehe Wie man Versandhinweise in Shopify hinzufügt.

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

Nimm das Geld sofort, wenn du ein bestätigtes Lieferdatum hast, dieses auf der Seite angeben kannst und bereit bist, es zu erstatten, falls sich das Datum verschiebt.

Sammle stattdessen E-Mails, wenn das Datum unsicher ist. Eine Back-in-Stock-Anmeldung (Wieder auf Lager) sichert dir die Nachfrage ohne Lieferversprechen. Der Trigger „Product variant back in stock“ von Shopify Flow löst aus, wenn der Bestand einer Variante von 0 oder weniger auf 1 oder mehr steigt.

Lass es ausverkauft, wenn das Produkt nicht mehr reinkommt. Das ist der Standard: Ist der Weiterverkauf deaktiviert, schaltet Dawn den Button ab und zeigt „Ausverkauft“ an.

Für die Storefront-Seite dieser drei Optionen siehe die Seite zum Shopify Store Editor.

FAQ