Pre-orders
Nick Paul avatar
Geschreven door Nick Paul
Meer dan een week geleden bijgewerkt
mceclip0.png

Vroege vogels, die heb je ook! Maak pre-orders beschikbaar op je webshop om deze early birds te pleasen! 🕊️

Hey daar, jij ziet er nieuw uit! Te nieuw, want jij bent nog niet uitgekomen. 🥚 Wat is er nou een mooiere manier om je klanten een pre-order functie aan te bieden? De "in winkelwagen" knop zou vervangen worden voor een "pre-order" knop. Jij kan alvast verkopen voordat het product op voorraad of op de markt is. Handig voor nieuwe collecties of "soon to release" producten. Zo kan je alvast starten met verkopen en leveren op de releasedate! 📆

Installatie 🛠️

mceclip0.png


Om deze add-on te installeren is er wel een implementatie nodig van een ontwikkelaar. Het kan dus eventjes duren voordat de add-on actief is. Klik simpelweg op "Add-on aanvragen" en laat Plus+ onze development helden op de hoogte brengen. 👨‍⚕️

Nadat je op "Add-on aanvragen" hebt geklikt, zou je worden doorgestuurd naar de pagina "Mijn Plus+ add-ons". Tevens zie je de volgende melding verschijnen in de rechterbovenhoek van het dashboard.

mceclip3.png



Add-on instellingen/overzicht ⚙️

mceclip1.png


Na de installatie zul je zien dat de add-on in je overzicht staat, inclusief installatiedatum en status.
Bij deze add-on zou de status eerst op "Pending" staan, dit komt omdat de developers eerst de code zouden moeten toevoegen aan jouw webshop. Zodra de developers hier mee bezig zijn zou je de status zien veranderen in "In behandeling"

mceclip2.png


Als de developers de code hebben toegevoegd word deze status op "inactief" gezet, zodat jij hem eerst goed kan instellen en dan kan activeren!

mceclip3.png


Om de add-on te activeren klik je op het hamburger menu en kies je "activeren". Liever eerst een preview zien in test modus? Dat kan. Klik op "Activeren in preview-modus" en de add-on zou alleen zichtbaar zijn voor jou. Dus niet voor de klanten!

mceclip5.png



Instellingen ⚙️

mceclip4.png


Natuurlijk beschikt ook deze add-on over instellingen. Aangezien je pre-orders activeert komen hier natuurlijk ook labeltjes bij. Zo kan de klant in het productoverzicht sneller zien dat dit om een pre-order betreft.
Welke kleur mag dit label en de pre-order button hebben? Welke tekstkleur moet er in het label & button gebruikt worden? En hoeveel witruimte mag tussen de levertijd teksten staan?
Stel de instellingen hier in naar wens! 🔧

Producten klaarmaken voor Pre-order 🔧

mceclip0.png

Stel de pre-order levertijd in onder 'Instellingen -> Shopinstellingen -> Levertijden'. Vul hierbij onder 'Melding wanneer product niet op voorraad is' de gegevens in, in het volgende format: Pre-order - datum De datum is optioneel en wordt alleen getoond als achter het woordje 'pre-order' een streepje en een tekst staat.

Stel de pre-order levertijd in onder 'Instellingen -> Shopinstellingen -> Levertijden'. Vul hierbij onder 'Melding wanneer product niet op voorraad is' de gegevens in, in het gewenste format bijvoorbeeld: Pre-order . Wil je een andere tekst gebruiken? Dat kan ook! Vul bij de 'Melden wanneer product niet op voorrad is' bijvoorbeeld het woordje Alvast bestellen toe en zet deze als vertaling in de aangepaste vertalingen met de vertaalsleutel Pre-order. Bijvoorbeeld:

Standaard manier voorbeeld:

Pre-order - 17 november 2021

of:

Pre-order

Let op: Zorg ook dat de 'te koop bij gebrek aan voorraad' actief is op je gewenste product! Anders zal de pre-order functie niet werken!
Dit kan je doen in de variantinstellingen van het product.

chrome-capture__13_.gif



Binnen deze add-on word gebruik gemaakt van vertaalsleutels, hiermee kun je de tekst van de add-on aanpassen naar je eigen teksten. Dit kan je doen met aangepaste vertalingen.
De vertaalsleutels hiervoor zijn als volgt:

  • Pre-order

  • Expected time of delivery


Resultaat 🏁
Natuurlijk ben je benieuwd naar het resultaat, hierbij de before and afters:

Before installation ⬅️
Product page:

mceclip7.png
mceclip8.png


Collectie/overzichtspagina:

mceclip9.png

After installation ➡️
Product page:

mceclip10.png
mceclip11.png


Collectie/overzichtspagina:

mceclip12.png
Was dit een antwoord op uw vraag?