Komponenter· Bokningar och tidsbokning
Bokningar och tidsbokning
Bokningskalender, tjänster och tidsbokning, lediga tider, öppettider, ”öppet nu” samt hyr- och bilsökning.
14 komponenter
Exemplen fungerar i testläge: inget sparas på en riktig webbplats, inga meddelanden skickas och betalningarna är testbetalningar.
Booking calendar
Sektion Prova bookingCalendar
En bokningskalender: dagar, banor eller lokaler och lediga tider med priser. Besökaren väljer en tid och betalar.
Inställningar (2)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | – |
Resource resourceId | Bokningsbart objekt | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 2 mallar
Bokningssystem
Sektion externalBooking
En knapp eller inbäddning av ett externt bokningssystem (t.ex. Timma, Slotti) när bokningarna finns någon annanstans.
Inställningar (8)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Varaa aika |
Body body | Formaterad text | Varaa aika verkossa. Varaus tehdään varausjärje… |
Button label buttonLabel | Text | Varaa aika |
Bokningssystemets adress bookingUrl | Länk | – |
Visa bokningsvyn också på sidan showEmbed | På / av | false |
Embed URL embedUrl | Länk | – |
Inbäddningens höjd (px) embedHeight | Tal | – |
Anvisning för administratören editorHint | Lång text | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 14 mallar
Tidsbokning: tjänster och priser
Sektion Prova appointmentServices
Tidsbokningens tjänster och priser: längd, pris och en Boka-knapp per tjänst.
Inställningar (3)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Palvelut ja hinnat |
Introduktion intro | Formaterad text | – |
Stil listStyle | Val | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 1 mallar
Tidsbokning: personal
Sektion Prova appointmentStaff
Personal i tidsbokningen: vem gör vad, och en tid kan bokas direkt hos en viss person.
Inställningar (1)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Henkilökunta |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 1 mallar
Tidsbokning: boka tid
Sektion Prova appointmentBooking
Boka tid: val av tjänst, person, dag och klockslag samt bekräftelse på en sida.
Inställningar (1)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Varaa aika |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 20 mallar
Alla 20 mallar
- Gym
- Personlig tränare
- Bilverkstad
- Däckaffär och däckhotell
- Trafikskola
- Besiktningsstation
- Biltvätt
- Bilhandel
- Fotograf
- Konsult och coach
- Expertbyrå
- Planeringsbyrå
- Reklam- och kommunikationsbyrå
- Advokatbyrå
- Programvaruföretag och konsulting
- IT-support för småföretag
- Fysioterapi och terapi
- Cykelaffär
- Apotek
- Försäkringsombud
Nästa lediga tider
Sektion Prova nextFreeTimes
Nästa lediga tider: de närmaste lediga tiderna direkt på startsidan, var och en leder till bokning.
Inställningar (11)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Seuraavat vapaat ajat |
Varifrån tiderna kommer source | Val | Automatiskt |
Vy mode | Val | Nästa lediga tider |
Tjänst service | Tjänst | – |
Anställd staff | Text | – |
Grupp av banor category | Text | – |
Antal tider count | Tal | 4 |
Länk för en ledig dag requestUrl | Länk | – |
Formulärets datumfält requestField | Text | – |
Eget bokningssystem på annat håll externalUrl | Länk | – |
Bokningssystemets namn externalName | Text | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 23 mallar
Alla 23 mallar
- Padelhall
- Tennishall
- Beachvolleyhall
- Massage eller klinik
- Barberare eller frisör
- Personlig tränare
- Bilverkstad
- Däckaffär och däckhotell
- Besiktningsstation
- Biltvätt
- Pianoskola och instrumentlektioner
- Fysioterapi: bokning först
- Fotograf
- Konsult och coach
- Expertbyrå
- Planeringsbyrå
- Reklam- och kommunikationsbyrå
- Tandläkare
- Fysioterapi och terapi
- Veterinär
- Skönhetssalong eller nagelstudio
- Cykelaffär
- Apotek
Lunchlista
Sektion lunchMenu
Lunchlista: veckans lunch från administrationen med dagens lunch framhävd, priser, specialkostmärkningar och köttets ursprung.
Inställningar (5)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Tämän viikon lounas |
Visa show | Val | Hela veckan |
Dagar days | Tal | 4 |
Visa förklaringar till förkortningarna legend | På / av | true |
Visa lunchtid, priser och övrig information info | På / av | true |
Tillgänglighet
Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.
Används i 1 mallar
Banornas status
Sektion facilityStatus
Banornas status: banor, spår eller backar öppna, begränsade eller stängda nu, orsak och uppdateringstid; personalen ändrar med ett tryck.
Inställningar (3)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Kenttien tila nyt |
Visa view | Val | Alla banor |
Endast kategori category | Text | – |
Tillgänglighet
Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.
Används i 3 mallar
Öppettider
Sektion openingHours
Öppettider per veckodag och avvikande öppettider under helger.
Inställningar (2)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Aukioloajat |
Tilläggsinformation (t.ex. plats eller helgdagar) note | Formaterad text | – |
Tillgänglighet
Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.
Används i 19 mallar
Alla 19 mallar
Öppet nu / jour
Sektion statusNow
Öppet nu / jour: anger enligt klockan om stället är öppet nu och när det stänger eller öppnar.
Inställningar (17)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | – |
Vad som visas mode | Val | Öppet nu (öppettider) |
Öppettider hours | Lång text | ma–pe | 8–16 la | 10–14 su | suljettu |
Avvikande dagar exceptions | Lång text | – |
Telefonnummer phone | Text | – |
Ringknappens text callLabel | Text | – |
Ringknappen visas callWhen | Val | Bara under öppettiderna |
Svarstid responseTime | Text | – |
Andra knappen secondaryLabel | Text | – |
Andra knappens adress secondaryUrl | Länk | – |
Jour dygnet runt oncallAlways | På / av | – |
Journummer oncallPhone | Text | – |
Om jouren oncallText | Text | – |
Köket stänger före stängning (min) kitchenClosesBefore | Tal | – |
Dela min position shareLocation | Val | Nej |
Visa veckans öppettider showWeek | På / av | true |
Öppettidernas källa hoursSource | Val | Tidsbokning om i bruk |
Tillgänglighet
Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.
Snabbsökning för uthyrning
Sektion Prova rentalSearch
En snabbsökning för uthyrning: tidsintervall och objekt, och besökaren ser genast vad som är ledigt.
Inställningar (4)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Vapaat ja hinnat |
Introduktion intro | Formaterad text | – |
Uthyrningskategori category | Text | – |
Fråga även tid för hämtning och återlämning times | På / av | false |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 3 mallar
Bilsökning
Sektion Prova carSearch
En bilsökning: märke, modell, pris och årsmodell filtrerar bilarna till salu.
Inställningar (4)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Etsi autoa |
Introduktion intro | Formaterad text | – |
Kategorins adress (t.ex. mailat/padel, tom = alla) category | Text | – |
Sidan Alla bilar allLink | Länk | – |
Tillgänglighet
Varje fält har en synlig etikett, obligatoriska fält anges i text, fel läses upp och leder till fältet och autocomplete fyller i bekanta uppgifter. Pekytorna är minst 44 px.
Används i 1 mallar
Resource list
Sektion resourceList
Bokningsbara objekt som lista: banor, lokaler eller utrustning med beskrivningar och priser.
Inställningar (4)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | – |
Resource group resourceGroup | Bokningsbart objekt | – |
Limit limit | Tal | 12 |
Show prices showPrices | På / av | true |
Tillgänglighet
Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.
Används i 1 mallar
Ajanvarauksen sivu
Sektion appointmentPage
Tidsbokningssidans hållare: val av tjänst och tid samt bekräftelse.
Inget levande exempel: sektionen ritar plattformens egen tidsbokningssida. Prova tidsbokning i förhandsvisningen av frisersalongs- eller klinikmallen.
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 0 mallar
Plattformen lägger själv till detta på sina egna sidor; det läggs inte till i redigeraren.