Een afteltimer toevoegen
Een afteltimer toont een klok naast je bundelaanbiedingen. Kies een vaste duur, lokale middernacht of een aangepaste deadline, met een volledige indeling met cijferblokken of een compacte balk. De timer is een visuele functie: wanneer de teller nul bereikt, wordt de korting niet gedeactiveerd en kunnen klanten deze nog steeds ontvangen. Als een promotie moet eindigen, beheer je de korting afzonderlijk en gebruik je tekst die overeenkomt met je daadwerkelijke aanbieding.
De afteltimer inschakelen
De afteltimer wordt per bundelaanbieding ingesteld in de bundelbewerker, zodat deze alleen verschijnt waar de widget van die bundel wordt weergegeven.
- Open de bundelaanbieding die je wilt bewerken.
- Open het tabblad Add-ons en zoek het gedeelte Afteltimer.
- Schakel de schakelaar naast de titel Afteltimer in.
- Sla de bundel op.
Net als bij de rest van de widget moet je app-embed of app-blok nog steeds ingeschakeld zijn en moet er een gepubliceerde bundel zijn die overeenkomt met het product, voordat de timer in de storefront wordt weergegeven.
Kies een indeling
De instelling Aftelindeling bepaalt hoe de timer eruitziet:
- Volledig - een groter blok met afzonderlijke cijfers voor dagen, uren, minuten en seconden, plus een optionele titel en subtitel.
- Compact - één smalle regel waarin een kort bericht met de tijd wordt gecombineerd, met het veld Compacte titel.
Stel de positie in
De instelling Positie bepaalt waar de timer wordt weergegeven:
- Boven widget - op de productpagina, direct boven de bundel.
- Onder widget - op de productpagina, direct onder de bundel.
- Sticky balk (boven) - vastgezet aan de bovenkant van het browservenster. Dit is alleen beschikbaar in de indeling Compact.
Als je overschakelt naar de indeling Volledig terwijl Sticky balk is geselecteerd, wordt de positie automatisch teruggezet naar Boven widget.
Kies een timertype
Kies onder Timertype hoe de aftelling zich gedraagt:
- Vaste duur - telt voor elke bezoeker een ingesteld aantal minuten af.
- Eindigt om middernacht (lokale tijd van gebruiker) - telt af tot middernacht in de eigen tijdzone van elke klant, met een nieuwe dagelijkse deadline wanneer de pagina de volgende dag wordt geladen.
- Aangepaste einddatum - telt af tot één specifieke datum en tijd die je instelt.
Vaste duur
Wanneer je Vaste duur selecteert, stel je de Duur in minuten in. De waarde moet tussen 1 en 1440 minuten (24 uur) liggen. De aftelling gebruikt de lokale tijd van de browser, dus een paginavernieuwing geeft de bezoeker niet betrouwbaar opnieuw de volledige duur. Op een al geopende pagina wordt bij nul het geselecteerde gedrag na afloop toegepast. Vertrouw er niet op dat de klok op die pagina automatisch opnieuw start. Test zowel het verlopen als een latere paginalading voordat je je tekst publiceert.
Aangepaste einddatum
Wanneer je Aangepaste einddatum selecteert, kies je de Einddatum en -tijd. De editor toont naast het veld een gedetecteerde tijdzone. Controleer de resulterende aftelling in je doelmarkten, vooral als je een deadline nodig hebt die in alle tijdzones gelijk is. De timer is geen handhavingsmechanisme voor een promotie die wereldwijd eindigt. Nadat de weergegeven deadline is verstreken, volgt de timer het door jou geselecteerde gedrag na afloop.
Bepaal wat er gebeurt wanneer de timer eindigt
Gebruik Wanneer timer eindigt om de status na afloop te bepalen:
- Timer verbergen - de aftelling verdwijnt.
- Nullen tonen - de aftelling blijft zichtbaar en staat stil op nul.
- Bericht tonen - de aftelling wordt vervangen door een Bericht na afloop dat je zelf schrijft, bijvoorbeeld "Timer afgelopen. Aanbiedingen blijven beschikbaar."
Het gedrag na afloop is ook van belang voor Vaste duur. In onze test van één minuut bleef het bericht zichtbaar nadat de teller nul had bereikt, terwijl de korting bleef werken in de winkelwagen en bij het afrekenen.
Gebruik de variabele {{timer}}
In het veld Compacte titel kun je de variabele {{timer}} invoegen op de plek waar je de actuele tijd wilt weergeven. Bijvoorbeeld:
Routine timer: {{timer}}
De app vervangt {{timer}} door de lopende aftelling. De compacte titel wordt ook opnieuw gebruikt in de sticky 'toevoegen aan winkelwagen'-balk wanneer Aftelling tonen in sticky balk is ingeschakeld, dus houd de tekst kort en duidelijk. In de volledige indeling stel je de titel, subtitel en cijferblokken afzonderlijk op, in plaats van de tijd in één regel in te voegen. Daarom wordt {{timer}} daar niet gebruikt. Zie Templatevariabelen voor de andere placeholders die je in widgettekst kunt gebruiken.
Stijl van de timer aanpassen
Onder de gedragsinstellingen kun je het uiterlijk afstemmen op je widget:
- Pas een kleurvoorinstelling toe of gebruik Hoeken van afteltimer afstemmen op hoofdwidget om de hoekradius op die van je bundel af te stemmen.
- Open Afteltimerstijl om de achtergrond, container, inclusief opvulling, rand, schaduw en uitlijning, en tekst aan te passen. In de volledige indeling kun je de titel, subtitel, cijfers en eenheidslabels afzonderlijk opmaken.
Als je de positie van de timer instelt op Sticky balk, worden de hoeken automatisch recht gemaakt, omdat een vastgezette balk bovenaan er beter uitziet wanneer deze naadloos aansluit. Zie Sticky 'toevoegen aan winkelwagen' om dezelfde afteltimer in de zwevende balk voor toevoegen aan winkelwagen te gebruiken.
Sla het resultaat op en test het
Sla de korting op en open een gerichte productpagina waarop de korting actief is. Controleer de timer op desktop en mobiel. Gebruik voor een snelle test van het verlopen tijdelijk één minuut en wacht tot de teller nul bereikt. Stel daarna de gewenste duur weer in. Controleer de status na afloop en gebruik Toevoegen aan winkelwagen en afrekenen om het daadwerkelijke gedrag van de aanbieding te bevestigen.
Ons voorbeeld gebruikt een compacte timer van 15 minuten boven de aanbiedingen. De test van één minuut bevestigde dat het timerbericht verandert wanneer de teller nul bereikt, maar dat twee tassen van $24 nog steeds 10% korting krijgen, wat in de winkelwagen en bij het afrekenen een subtotaal van $43.20 voor de artikelen oplevert. Verzending staat hier los van. Zorg dat je timertekst overeenkomt met dit gedrag.
Was dit artikel nuttig?
Met je feedback kunnen we onze documentatie verbeteren.