ℹ️ Note: Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam.

Wilt u urgentie toevoegen aan uw storefront en klanten helpen actie te ondernemen voordat de tijd om is?

Dat is precies wat de Hoppy Countdown Timer is gebouwd voor.

Met deze app kunt u countdowntimers maken voor:

• 🛍️ Productpagina's Toon urgentie direct op product detail pagina's
• 🛒 Winkelwagen Page & Winkelwagen Lade Aanmoedigen kopers om de kassa te voltooien
• 💳 Afrekenpagina Toevoegen aan de laatste stap (Shopify Plus alleen)
• 🌐 Boven/onderrand Weergave van een aftelbalk voor de gehele site
• 📄 Landingspagina & aangepaste posities Doel specifieke collecties of aangepaste plaatsingen

Deze gids loopt u door de essentiële setup stappen zodat u uw eerste countdown timer live snel kunt krijgen 🚀

📍 Beschikbare afteltypes

Afhankelijk van uw campagne, kunt u kiezen uit verschillende timer gedrag:

• Aftellen tot een datum Eindigt op een bepaalde datum en tijd
• Vaste minuten Een vaste-lengte aftelling voor elke bezoeker sessie
• Dagelijks terugkerende timer
• Interval timer Meerdere geplande begin- en eindtijden (tot 7 intervallen)
• Sessie timer Een unieke countdown die fris begint voor elke bezoeker

Het type dat u selecteert wijzigingen welke timing opties verschijnen in uw setup.

⚠️ Voordat u begint

Voordat u een countdown timer aanmaakt, zorg ervoor:

• De Hoppy Countdown Timer app is geïnstalleerd op uw Shopify opslag
• U heeft toegang tot uw Shopify Beheerder

App insluiten inschakelen

Voor countdown timers te verschijnen op uw storefront, de app embed moet worden ingeschakeld in uw Shopify thema.

Ga naar:

Shopify Admin → Sales Channels → Online Store → Thema's → Thema bewerken → App Embedden

Dan:

• Zoeken Afteltimers
• Schakelen AAN
• Klik Opslaan

💡 Als u deze stap overslaat, zal uw gepubliceerde countdown timer niet zichtbaar zijn op de storefront.

Shopify Plus vereiste voor afrekenen

Als u een countdown timer wilt plaatsen op de Afrekenpagina, moet uw winkel op een Shopify Plus plan. Niet-Plus-winkels zullen een planwaarschuwing zien bij het proberen om een aftellen van de afrekenpagina aan te maken.

🛠️ Stap 1 Maak een nieuwe afteltimer

Open de Hoppy Countdown Timer app van uw Shopify Admin.

Dan:

→ Klik Nieuwe aftelling aanmaken

→ Selecteer de plaatsingstype dat overeenkomt met waar je wilt dat de timer verschijnt:

• Productpagina
• Winkelwagen pagina
• Winkelwagenlade
• Afrekenpagina (Shopify Plus alleen)
• Boven/onderrand
• Landingspagina
• Eigen positie

Eenmaal geselecteerd, opent de setup-editor automatisch met standaardinstellingen op maat van die plaatsing.

⚙️ Stap 2 Instellen van het inhoudstabblad

Na het openen van de setup pagina, land je in de Inhoud tab.

Dit tabblad bepaalt:

• 🏷️ Aftellen naam en bericht
• Aftellen type en timing
• 🔚 Wat gebeurt er als de timer eindigt?
• 🌍 Vertalingen (voor ondersteunde plaatsingen)

🏷️ Aftelnaam

Dit veld wordt gebruikt voor Uitsluitend interne referentie Klanten zullen het nooit zien.

Gebruik een herkenbare naam zoals:

• Zomer Sale Timer
• Aftellen op zwarte vrijdag
• Flash Sale Urgency Bar

💡 Het gebruik van duidelijke interne namen maakt het gemakkelijker om meerdere campagnes later te beheren.

📝 Titel & subrubriek

• Titel De belangrijkste boodschap klanten zien (bijv., "Schiet op! De verkoop eindigt in {timer}")
• Aanvullende Een secundaire regel onder de titel op de meeste plaatsingen

ℹ️ Aan Winkelwagen pagina en Afrekenpagina Timers, u kunt de dynamische variabele gebruiken {timer} in de titel om de live countdown inline weer te geven.

🔘 Oproepknop

Voor Boven/onderrand, Landingspagina, Winkelwagen paginaen Winkelwagenlade Timers, u kunt kiezen wat er gebeurt wanneer klanten interactie met de countdown bar.

Stel de CTA-actietype aan:

• Geen oproep tot actie De balk toont alleen tekst
• Knop Voegt een klikbare knop toe onder de timer
• Maak hele balk klikbaar Verandert de hele bar in een link

ℹ️ Als u selecteert Knop of Maak hele balk klikbaar, de Knoptekst en Verband velden verschijnen automatisch zodat u kunt instellen waar klanten worden gestuurd.

Aftellen Type

Kies hoe uw timer zich moet gedragen:

Type

Wanneer moet u dit middel gebruiken?

Aftellen tot een datum

Een vaste einddatum (bv. verkoop eindigt op 31 december)

Vaste minuten

Elke bezoeker krijgt dezelfde vaste sessielengte

Dagelijks terugkerende timer

Herhaalt op geselecteerde dagen met ingestelde begin-/eindtijden

Interval timer

Meerdere geplande aftelvensters

Sessie timer

Een frisse aftelling voor elke bezoekerssessie

Zodra u een type selecteert, verschijnen de relevante tijdvelden automatisch:

• Datum → Begindatum en einddatum pickers verschijnen
• Vaste minuten / Sessie → A Notulen veld verschijnt
• Terugkerend → Dagkiezer en begin/eind tijdknoppen verschijnen
• Interval → Meerdere start/eind datum pickers verschijnen (tot 7 intervallen)

ℹ️ Winkelwagen pagina, Winkelwagenlade en Afrekenpagina plaatsingen maken gebruik van vaste timing modi en doen niet Toon de keuze van het aftellentype. Voor Winkelwagen en Afrekenen, stelt u de duur in Notulen.

🕐 Timerstartinstellingen

Voor Aftellen tot een datum Timers, u kunt kiezen wanneer de timer begint:

• Nu meteen. De timer begint onmiddellijk bij publicatie
• Plan om later te beginnen Een toekomstige startdatum instellen

Als u kiest "Schedule om later te beginnen," een extra Begindatum Het veld verschijnt.

ℹ️ Deze optie is niet beschikbaar voor Winkelwagen pagina, Winkelwagenlade, of Afrekenpagina plaatsingen, die gebruik maken van hun eigen timing controles.

🔚 Zodra het eindigt

Deze instelling bepaalt wat er gebeurt als het aftellen nul is.

Beschikbare opties zijn afhankelijk van uw plaatsing en aftellen type:

Voor de meeste plaatsingen:

• Unpublish Timer (Verbergen) Verbergt het aftellen automatisch
• Aangepast bericht tonen Geeft een aangepaste titel/bericht weer die u definieert
• Timer verlengen Voegt extra tijd toe en toont een uitgebreid bericht
• Niets doen Laat de timer zichtbaar op nul

Voor winkelwagen pagina, winkelwagen lade, en winkelwagen Standalone:

• Al het bovenstaande, plus:
• Aftellen herstarten De timer automatisch resetten
• Winkelwagen producten verwijderen Verwijdert artikelen uit de winkelwagen wanneer de timer eindigt

Voor "Vaste minuten" type op andere plaatsingen:

• Omvat ook Countdown herstarten voor afrekenen pagina:
• Unpublish Timer (Verbergen) alleen
• Niets doen

ℹ️ Als u selecteert Aangepast bericht tonen of Timer verlengen, extra tekstvelden verschijnen automatisch zodat u de inhoud van het bericht kunt invoeren.

📍 Stap 3

Vervolgens, open de Plaatsing tabblad om te bepalen waar het aftellen verschijnt en wie het kan zien.

🎯 Selecteer pagina's of producten

De beschikbare targeting opties zijn afhankelijk van het type plaatsing dat u in stap 1 koos.

🛍️ Productpagina

• Alle producten Toon op elke productpagina
• Specifieke producten Hand-pick individuele producten uit uw winkel
• Alle producten met specifieke tags Doelproducten die overeenkomen met tags die u definieert
• Alle producten in specifieke collecties Show voor producten binnen geselecteerde collecties
• Eigen positie Plaats handmatig met behulp van de Countdown ID of vloeibare knipsel

🛒 Winkelwagen Page & Winkelwagen Lade

• Bovenaan de winkelwagen Standaard plaatsing boven winkelwagen items
• Eigen positie Plaats handmatig met behulp van de Countdown ID of vloeibare knipsel

🌐 Boven/onderrand

• Toon op elke pagina Site-brede zichtbaarheid
• Alleen op de startpagina tonen Beperk tot de homepage
• Toon op alle productpagina's Verschijnen op elke productpagina
• Toon op specifieke productpagina's Hand-pick individuele producten
• Alle producten in specifieke collecties Doelproducten binnen geselecteerde collecties
• Toon op alle collectiepagina's Verschijnen op elke verzamelpagina
• Toon op specifieke collectiepagina's Met de hand geplukt individuele collecties
• Eigen positie Plaats handmatig met behulp van de Countdown ID of vloeibare knipsel

📄 Landingspagina

• Alle verzamelpagina's Toon op elke verzamelpagina
• Specifieke verzamelpagina's Met de hand geplukt individuele collecties
• Eigen positie Plaats handmatig met behulp van de Countdown ID of vloeibare knipsel

💳 Afrekenpagina

• Aangepaste blokplaatsing Toevoegen via de Shopify Afrekenen-editor

ℹ️ Als u selecteert Eigen positie, de app biedt een Aftellen ID en a Vloeibaar codefragment Na het redden. U kunt deze gebruiken in uw thema-editor of code om de timer precies waar u wilt.

Time-on-Site targeting

Kies wanneer het aftellen moet verschijnen:

• Altijd tonen Weergave onmiddellijk wanneer de pagina laadt
• Na een tijdje tonen Het uiterlijk wordt vertraagd door een bepaald aantal seconden (1

👤 Klantgerichtheid (facultatief)

U kunt de zichtbaarheid verfijnen op basis van:

• Aanmeldstatus Toon aan alle klanten of alleen ingelogde klanten
• Balk tonen aan Alle klanten, klanten met specifieke tags, of klanten op basis van de levensduur besteed
• Balk verbergen voor Uitgesloten specifieke klanttags of levensduur besteed bereik

ℹ️ Deze instellingen zijn optioneel. Voor de meeste instellingen, de standaard Toon aan alle klanten Werkt perfect.

🌍 Geolocatiegericht (facultatief)

Standaard is uw aftelling wereldwijd zichtbaar.

Als u het wilt beperken tot specifieke landen, selecteer Specifieke landen en kies de toegestane locaties uit de landkiezer.

🎨 Stap 4: Ontwerp aanpassen (facultatief)

Open de Ontwerp tabblad om uw countdown te wijzigen.

U kunt snel een Voorgemaakte template of handmatig aanpassen:

• Positie (boven of onder)
• Achtergrondkleur of kleurverloop
• Timer stijl (flip klok, tegels, gewone nummers, en meer)
• Lettertypen, afstand en knoopstyling

💡 Als je haast hebt, begin dan met een sjabloon en fine-tune later.

Voor een volledige opsplitsing van elke ontwerpoptie, zie de Ontwerp & styling documentatie.

💾 Stap 5 Opslaan van uw installatie

Zodra uw inhoud en plaatsing zijn geconfigureerd:

→ Klik Opslaan

De opslagbalk verschijnt onderaan het scherm wanneer u wijzigingen aanbrengt. Opslaan slaat uw configuratie op, maar doet niet Laat de timer nog leven.

🚀 Stap 6: Publiceer het aftellen

Na het opslaan:

→ Klik Publiceren

Na publicatie:

• Het aftellen wordt zichtbaar op uw storefront volgens uw plaatsing en targeting regels
• Een groene "Gepubliceerd" badge verschijnt naast de aftelnaam

⚠️ Belangrijke herinneringen:

• Als de app embed niet is ingeschakeld in uw thema, zal de countdown niet verschijnen zelfs na het publiceren
• Voor checkout paginatimers, alleen één gepubliceerd aftellen is toegestaan per winkel
• U kunt unpublish op elk moment door te klikken op de Niet publiceren knop

✅ Laatste stap bevestigen Het werkt

Na publicatie:

1. Open uw storefront in een Incognito of privé browservenster
2. Ga naar de pagina waar het aftellen moet verschijnen
3. Controleren of de timer zichtbaar is en correct aftellen

Als het aftellen niet verschijnt:

• Controleer opnieuw of de App ingebed is ingeschakeld en opgeslagen in uw thema
• Bevestig het aftellen is gepubliceerd
• Probeer een harde verfrissen (Ctrl + Shift + R op Windows / Cmd + Shift + R op Mac)
• Controleer of uw planning of targeting regels het niet verbergen

🎉 Eindresultaat

Eenmaal succesvol geconfigureerd:

✅ Een countdown timer is live op de geselecteerde pagina's ✅ Klanten zien real-time dringende berichten ✅ De timer verbergt of breidt automatisch uit op basis van uw eind-actie instellingen ✅ Uw storefront voelt dynamischer en tijdgevoeliger ✨

Een goed geplaatste countdown timer kan klanten helpen bij snellere aankoopbeslissingen tijdens hun winkelreis 🚀

Bijgewerkt op: 10/09/2026