Tijd HTML-sjablonen

Overzichtelijke tijd-HTML-templates

Tijd-HTML-templates zijn kant-en-klare lay-outs voor websites waarop een datum, tijdsduur of deadline bepaalt wat bezoekers vervolgens doen. De categorie omvat meer dan lesroosters: van openingstijden van salons tot productlanceringen rond een aftelklok. U kunt elk ontwerp aanpassen in Nicepage en exporteren als HTML.

Welk type tijdsinformatie de lay-out toont

De meeste ontwerpen richten zich op één type tijdsinformatie, en de voorbeelden vallen uiteen in enkele groepen:

• Lay-outs voor evenementen en cursussen gebruiken datumbadges en kaarten waarop de duur van elke sessie onder de titel staat vermeld.
• Lay-outs voor afspraken tonen openingstijden en behandelingsduur naast beschikbare tijdsloten die naar een boekingsformulier leiden.
• Lay-outs voor lanceringen en promoties plaatsen een afteltimer vlak bij het aanbod.
• Lay-outs voor timemanagement gebruiken tijdlijnen of weekrasters om een werkdag op te delen in urenblokken.

Een inschrijfdeadline die is vormgegeven als starttijd wordt snel verkeerd gelezen, en bij online lessen is een tijdzonevermelding naast het uur onmisbaar.

Het ontwerp afstemmen op wat bezoekers vervolgens doen

Templates vergelijken wordt een stuk eenvoudiger zodra u weet wat de belangrijkste actie op de toekomstige site is. Iemand die één datum wil controleren, wil die direct zien; een compact eerste scherm werkt dan beter dan een volledige kalender. Bezoekers die meerdere sessies vergelijken, hebben herhalende kaarten nodig om naast elkaar te kunnen bekijken, en wie wil reserveren moet de tijdslotknop meteen zien staan.

Het loont ook om onderscheid te maken tussen illustraties en werkelijke functionaliteit. Een illustratie van een klok zorgt alleen voor sfeer, en een getypte datum blijft exact staan zoals ingevoerd. Een live timer is een apart element; de Nicepage-handleiding over het Countdown Element beschrijft timers voor een specifieke datum en de opties die verschijnen zodra het aftellen stopt. Houd de einddatum als leesbare tekst in de buurt van de timer. Een template alleen verwerkt nog geen boekingen; dat onderdeel verloopt via een formulier of uw planningsdienst.

Uw eigen data invoegen vóór het exporteren

Nadat u een ontwerp heeft gekozen, vervangt u de voorbeeldnamen, tijdsduur en data, en koppelt u de knoppen aan uw boekingslinks. Alles gebeurt visueel in Nicepage, en u hoeft de HTML-broncode niet aan te raken tenzij u dat zelf wilt. U kunt de geëxporteerde bestanden vervolgens doorgeven aan uw hostingprovider of een ontwikkelaar.

Op een mobiele telefoon worden schema's met meerdere kolommen meestal onder elkaar geplaatst, waardoor de dagnaam ver boven de bijbehorende sessies kan komen te staan. Ook rasters met tijdsloten worden langer, waardoor de boekingsknop ver onder de uren terechtkomt.

Een eenmalige aanbieding met een einddatum heeft zelden meer nodig dan een compacte countdown-lay-out. Een festivalprogramma vereist een gedetailleerd tijdschema, terwijl een dienstverlenend bedrijf het best werkt met openingstijden en vrije plekken direct op het eerste scherm.