Een afteltimer met een shortcode plaatsen

Automatische plaatsing zet een afteltimer onder de knop In winkelwagen op productpagina’s. Voor elke andere plek, zoals een sectie op de homepage, een collectiebanner, boven je header of een landingspagina, gebruik je de shortcode van de afteltimer.

Een shortcode is een klein stukje markup dat zegt “zet deze afteltimer hier”. Je kopieert hem uit de app en plakt hem in een blok Samita Countdown in je thema-editor. Je hoeft geen code te bewerken en je kunt het blok altijd verplaatsen of verwijderen.

Hoe de shortcode eruitziet

Elke afteltimer heeft zijn eigen shortcode, opgebouwd uit zijn ID en type:

<div class="samita-countdown" data-id="12345" data-type="timer"></div>

De data-id is het ID van die afteltimer, het nummer in de kolom Id in de lijst met afteltimers, en data-type is een van timer, delivery, stock of cart.

Opgepast

Kopieer de shortcode van de afteltimer die je echt wilt. Als je er met de hand een typt met het verkeerde ID, wordt er niets getoond en is er geen foutmelding die zegt waarom.

Stappen om een afteltimer te plaatsen

1. Kopieer de shortcode

   Open de afteltimer in de app en ga naar het tabblad Display. Zoek in het onderdeel Display position de regel Shortcode en klik op Copy.

   

   De shortcode van elke afteltimer staat op zijn eigen tabblad Display.

2. Open je thema-editor

   Ga in Shopify-beheer naar Webshop → Thema’s en klik op Aanpassen bij het thema dat je wilt wijzigen.

3. Ga naar de gewenste pagina

   Gebruik de sjabloonkiezer bovenaan de thema-editor om de pagina te openen waarop de afteltimer moet verschijnen: je homepage, een productsjabloon, een collectiesjabloon of een aangepaste pagina.

   De afteltimer wordt precies getoond waar je het blok in dit sjabloon plaatst, dus kies het juiste sjabloon voordat je iets toevoegt.

4. Voeg het blok Samita Countdown toe

   Klik in de sectie waar je de afteltimer wilt op Blok toevoegen en kies Samita Countdown in het gedeelte Apps van de lijst.

   

   Het app-blok verschijnt als Samita Countdown in de lijst Blok toevoegen.

   Opmerking

   Het blok kan aan elk sjabloon worden toegevoegd, en ook aan je header- en footergroepen, dus een afteltimerbalk bovenaan elke pagina is mogelijk.

5. Plak de shortcode in het blok

   Plak met het blok geselecteerd je shortcode in het veld Shortcode, ter vervanging van de tijdelijke aanduiding die er staat.

   

   Plak de shortcode in de instelling Shortcode van het blok.

6. Sleep het blok naar de gewenste plek

   Verplaats het blok omhoog of omlaag binnen zijn sectie totdat de afteltimer staat waar je hem wilt hebben. Het voorbeeld in de thema-editor toont de positie van het blok. De afteltimer zelf wordt getoond op de live pagina.

7. Klik op Opslaan

   Sla het thema op. De afteltimer verschijnt direct voor bezoekers op die pagina.

8. Controleer de live pagina

   Open de pagina in je live webshop en controleer of de afteltimer wordt getoond waar je het blok hebt geplaatst.

   Verschijnt er niets, controleer dan of de afteltimer Active is, of de voorwaarden overeenkomen met deze pagina en of de timing zegt dat hij nu zichtbaar moet zijn.

Een shortcode en automatische plaatsing samen gebruiken

Ze zijn onafhankelijk van elkaar. Een afteltimer kan Product page aangevinkt hebben en een shortcodeblok op je homepage, en wordt op beide plekken getoond.

Dat is vaak wat je wilt voor een sale in de hele winkel: de timer onder elke knop In winkelwagen, plus een banner bovenaan de homepage.

Dezelfde afteltimer op meerdere plekken

Je kunt dezelfde shortcode in zoveel blokken plakken als je wilt, in zoveel sjablonen als je wilt. Eén afteltimer, één set instellingen, overal getoond waar je hem hebt geplaatst: wijzig de einddatum één keer en elke kopie volgt.

Voorwaarden blijven gelden

Een shortcode geeft een afteltimer een plek om te worden getoond, maar heft de voorwaarden niet op.

Een afteltimer die tot één collectie is beperkt, met een shortcodeblok op je homepage, toont daar niets, want de homepage zit niet in die collectie. Moet een afteltimer verschijnen op een plek die zijn voorwaarden uitsluiten, verruim dan de voorwaarden.

Een op deze manier geplaatste afteltimer verwijderen

Verwijder het blok Samita Countdown uit de thema-editor en sla op. Als je de afteltimer in de app deactiveert of verwijdert, wordt hij ook niet meer getoond, maar blijft er een leeg blok in je thema achter. Ruim het op als je er klaar mee bent.

Volgende stappen

• Weergavepositie
• Weergavevoorwaarden
• Afteltimer wordt niet getoond
• Theme integration