Als je ooit naar de Shopify App Store hebt gekeken en dacht: heb ik echt nog een maandabonnement nodig om voorbestellingen te kunnen doen? — je bent niet de enige. Pre-orders zijn een van de meest winstgevende bewegingen in de e-commerce: ze valideren de vraag voordat u kapitaal investeert, zorgen voor een soepele cashflow tijdens het aanvullen van voorraden en zetten productlanceringen om in daadwerkelijke inkomstengebeurtenissen in plaats van gekruiste vingers. Ze gaan op natuurlijke wijze gepaard met doorgaan met verkopen wanneer niet op voorraad en waarschuwingen voor lage voorraad wanneer de voorraad krap wordt.

Het goede nieuws: je kunt absoluut voorbestellingen uitvoeren op Shopify zonder een app te installeren. Het eerlijke nieuws: de oorspronkelijke opzet heeft echte plafonds, en een daarvan – gedeeltelijke betalingen – is een dealbreaker voor de meest serieuze lanceringen.

Hier is de praktische gids, de beperkingen en waar de grens feitelijk ligt.

De TL; DR

Shopify heeft geen ingebouwde knop ‘Pre-order’, maar u kunt de workflow simuleren met behulp van drie eigen instellingen:

• “Doorgaan met verkopen wanneer niet op voorraad” op de productinventaris
• Handmatige betalingsregistratie in uw betalingsinstellingen
• Thema-aanpassing of duidelijke productkopie om pre-ordervoorwaarden te communiceren

Dat is genoeg voor een eenvoudige voorbestelling met een laag volume. Het is niet genoeg voor gedeeltelijke betalingen, stortingen, automatisch labelen van knoppen of iets dat lijkt op een schoon lanceringsplaybook voor grote Shopify-winkels. Voor een speciale workflow voor pre-orderknoppen raadpleegt u onze handleiding over een pre-orderknop toevoegen op Shopify.

Pre-orders instellen op Shopify zonder een app

Stap 1: Schakel “Doorgaan met verkopen wanneer niet op voorraad” in

Dit is de basis. Standaard verbergt Shopify de koopknop wanneer een product geen voorraad meer heeft. Bestellingen na dat punt accepteren:

1. Ga naar Producten → [Uw product] → Voorraad
2. Vink “Doorgaan met verkopen wanneer niet op voorraad” aan

Klanten kunnen nu bestellingen plaatsen, zelfs als de voorraad 0 of negatief is. Technisch gezien is dat een pre-order.

Belangrijke opmerking: niets vertelt de klant visueel dat het een pre-order is. Op de knop staat nog steeds ‘Toevoegen aan winkelwagen’, en er is geen badge.

Stap 2: Schakel Betalingsregistratie over naar Handmatig

U wilt klanten waarschijnlijk niet het volledige bedrag in rekening brengen voor de verzending van een artikel binnen drie maanden, en vervolgens de terugbetalingen afhandelen als de tijdslijnen verschuiven. Met handmatig vastleggen kunt u de kaart autoriseren bij het afrekenen, maar het geld later vastleggen.

1. Ga naar Instellingen → Betalingen → Methode voor het vastleggen van betalingen → Beheren
2. Selecteer Handmatig en vervolgens Opslaan

Er zit een probleem: de standaard autorisatieperiode van Shopify is 7 dagen. Daarna vervalt de autorisatie en moet u de klant vragen opnieuw te betalen. Voor een pre-order verzending binnen 30, 60 of 90 dagen is dat een echt probleem. Sommige betalingsgateways van derden verlengen de periode, maar Shopify Payments zelf doet dat niet.

Stap 3: Maak het visueel duidelijk Het is een pre-order

Dit is waar het pad zonder app wordt gecodeerd. Twee routes, afhankelijk van hoeveel lak je wilt.

Optie A: Alleen de productkopie bewerken (geen code)

Update de producttitel en -beschrijving: “PRE-ORDER: verzonden vóór [maand, dag, jaar].” Goedkoop, werkt. Op de knop staat nog steeds ‘Toevoegen aan winkelwagen’, en klanten vertrouwen volledig op het lezen van de kopie.

Optie B: op tags gebaseerde code (aanbevolen)

Deze aanpak maakt gebruik van de producttags van Shopify om voorbestellingen te markeren, wijzigt vervolgens voorwaardelijk de knoptekst, voegt een badge toe en toont een bericht over de verzenddatum. Jij behoudt de volledige controle: tag een product preorder en het verschijnt overal als pre-order. Verwijder het label en het is weer een normaal product.

Opstelling:

1. Tag elk pre-orderproduct met preorder — Producten → [Uw product] → Tags

2. Open uw themacode — Online winkel → Thema’s → ⋯ → Code bewerken

De onderstaande bestandsnamen gaan uit van een modern, op Dawn gebaseerd thema. Oudere thema’s (Debut, Brooklyn, enz.) kunnen in plaats daarvan sections/product-template.liquid gebruiken. Zoek naar add_to_cart om de juiste regel te vinden.

1. Wijzig de knoptekst

Open snippets/buy-buttons.liquid en zoek deze regel:

<span>{{ 'products.product.add_to_cart' | t }}</span>

Vervang het door:

<span>
  {%- if product.tags contains 'preorder' -%}
    Pre-Order Now
  {%- else -%}
    {{ 'products.product.add_to_cart' | t }}
  {%- endif -%}
</span>

Waarom tags in plaats van voorraad: je zou dit kunnen activeren vanaf inventory_quantity <= 0, maar dan wordt elk product dat niet op voorraad is automatisch omgezet naar ‘Nu vooraf bestellen’, inclusief de producten die je nooit als voorbestelling wilde verkopen. Tags houden het opzettelijk.

2. Voeg een pre-orderbadge toe boven de producttitel

Open sections/main-product.liquid, zoek het producttitelblok (zoek naar product__title) en voeg dit er net boven toe:

{%- if product.tags contains 'preorder' -%}
  <span class="preorder-badge">Pre-Order</span>
{%- endif -%}

3. Voeg een verzenddatumbericht toe onder de koopknop

Zoek in hetzelfde sections/main-product.liquid bestand het koopknoppenblok en voeg dit er direct onder toe:

{%- if product.tags contains 'preorder' -%}
  <p class="preorder-message">
    📦 This item is on pre-order. Estimated ship date: <strong>April 15, 2026</strong>.
  </p>
{%- endif -%}

Let op: deze datum is hardgecodeerd. Om het per product te variëren, voegt u een metaveld toe (Instellingen → Aangepaste gegevens → Producten → Definitie toevoegen) en verwijst u ernaar via {{ product.metafields.custom.preorder_ship_date }}. Er is nog steeds geen app vereist, maar u voegt installatieoverhead per product toe.

4. Stijl de badge en het bericht

Open assets/base.css (of de hoofdstylesheet van je thema) en plak dit onderaan:

.preorder-badge {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.preorder-message {
  margin-top: 14px;
  padding: 12px 14px;
  background: #f6f6f6;
  border-left: 3px solid #111;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 2px;
}

Verander de #111 in de kleur van uw merk als zwart niet uw stijl is.

5. Markeer voorbestellingen op collectiepagina’s

Zodat klanten de pre-orderstatus kunnen zien voordat ze op het product klikken, openen ze snippets/card-product.liquid en voegen dit toe aan de kaartopmaak (een goede plek is direct na de producttitel):

{%- if card_product.tags contains 'preorder' -%}
  <span class="preorder-badge">Pre-Order</span>
{%- endif -%}

De CSS uit stap 4 dekt de styling al – geen extra werk.

Een ontwikkelaar kan alle vijf de bewerkingen in 20 tot 30 minuten uitvoeren. Als je je op je gemak voelt met Liquid, kun je het in een middag zelf maken. Als dit niet het geval is, is dit een omvang die klein genoeg is om voor minder dan $ 100 aan een Shopify Expert te overhandigen. Onthoud: elke thema-update kan uw bewerkingen overschrijven, dus documenteer wat u heeft gewijzigd.

Stap 4: Beheer uitvoering en communicatie handmatig

De installatie is voltooid. Nu doe je het werk dat een app normaal zou doen:

• Tag pre-orderklanten in uw CRM
• Handmatige orderbevestigingen verzenden met verduidelijking van de verzenddata
• Stuur update-e-mails naarmate de productie vordert
• Leg betalingen vast voordat de periode van zeven dagen sluit (of breid uit met een gateway van derden)
• Stem de voorraad af wanneer producten arriveren

Het is haalbaar. Het is ook een terugkerende overhead die bij elke lancering toeneemt.

Wat deze installatie niet kan doen

Hier begint de native aanpak te kraken:

Er is ook een minder voor de hand liggend risico: als Shopify Payments een groot aantal onvervulde bestellingen ziet zonder duidelijke pre-ordercontext, kan uw account worden gemarkeerd ter beoordeling en kunnen de uitbetalingen worden onderbroken. Pre-order-apps markeren deze bestellingen als opzettelijk, waardoor het account wordt beschermd. De systeemeigen oplossing doet dat niet. Als de voorraad opraakt vóór de lanceringsdag, dekt running out of stock on Shopify wat er daarna gebeurt in de winkel.

Het echte knelpunt: gedeeltelijke betalingen en stortingen

Dit is de beperking die er op grote schaal echt toe doet – en degene die je niet kunt omzeilen met themacode: je kunt niet standaard een gedeeltelijke betaling of aanbetaling innen op Shopify.

Waarom dit belangrijk is:- Voor artikelen met een hoog ticket ($200+) gelden er doorgaans annuleringspercentages van 15-25% op voorbestellingen voor de volledige prijs. Pre-orders met aanbetalingen (20-50% vooraf) verlagen dat tot 5-10%. Pre-orders voor de volledige prijs genereren meer contant geld vooraf, maar de annuleringsbelasting eet vaak het verschil op.

• Door de productie gefinancierde lanceringen hebben gedeeltelijk contant geld nodig om de productie te starten, maar kunnen de volledige kosten 60-90 dagen vóór verzending niet rechtvaardigen.
• B2B- en groothandelpre-orders vereisen bijna altijd dat depositostructuren serieus worden genomen door kopers.

Dit is precies het gat dat Notify Me! dicht. Met de app kunt u:

• Stel een vast stortingsbedrag in (bijvoorbeeld $ 10) of een percentage (bijvoorbeeld 20%) dat moet worden betaald bij het afrekenen
• Plan het resterende saldo voor een specifieke datum of een relatieve trigger (bijvoorbeeld 14 dagen na de bestelling)
• Geef het voorschotbedrag en het resterende saldo transparant weer bij het afrekenen
• Verwerk de uitgestelde opname automatisch, zonder autorisatie van zeven dagen

Je voegt niet zomaar een knop toe. Je ontgrendelt een betalingsstructuur die Shopify niet standaard ondersteunt, waarbij de annuleringswiskunde in jouw voordeel werkt.

Wanneer Native in orde is – en wanneer je moet upgraden

Sla de app over als:

• Je voert eenmalige pre-orders met een laag volume uit (minder dan ~ 20 eenheden)
• Uw producten kosten minder dan ~$ 50 en volledige betaling bij het afrekenen is prima
• Uw verzendvenster is minder dan 7 dagen; de auth-limiet is geen blokkering
• U beschikt over interne ontwikkelmiddelen om thema-aanpassingen af te handelen

** Ontvang een app als een van deze waar is: **

• Je voert terugkerende herbevoorradingen of lanceringscycli uit en de handmatige overheadverbindingen
• Uw AOV is meer dan ~$100 en stortingen zouden het aantal annuleringen verminderen
• U wilt een zichtbare “Pre-Order”-knop zonder ontwikkeltijd te besteden
• U heeft geautomatiseerde klantcommunicatie nodig voor bevestigingen, updates en saldoherinneringen
• U schaalt op naar B2B-pre-orders of voert lanceringen uit voor meerdere SKU’s

De native methode is een prima MVP. Het gaat niet meer goed zodra pre-orders een herhaalbaar kanaal worden.

Het eindresultaat

Je hebt geen app nodig om een pre-order te plaatsen op Shopify. Je hebt er een nodig op het moment dat pre-orders niet langer een experiment zijn, maar een strategie beginnen te worden – wanneer gedeeltelijke betalingen, geautomatiseerde workflows en goede merchandising beginnen te bepalen of een lancering zijn doel bereikt of over de streep hinkt.

Als je op dat punt bent, handelt Stuur mij op de hoogte! de stukken af ​​die Shopify niet zal doen - te beginnen met de stortingsfunctie die de oorspronkelijke configuratie eenvoudigweg niet kan repliceren.