> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Hoe afteltimer instellen > ℹ️ **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 pagina**en **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 πŸš€