Komponentit· Varaukset ja ajanvaraus
Varaukset ja ajanvaraus
Varauskalenteri, palvelut ja ajanvaraus, vapaat ajat, aukioloajat, ”auki nyt” sekä vuokraus- ja autohaku.
14 komponenttia
Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.
Varauskalenteri
Osio Kokeiltava bookingCalendar
Varauskalenteri: päivät, kentät tai tilat ja vapaat vuorot hintoineen. Kävijä valitsee vuoron ja maksaa.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Resurssi resourceId | Varattava kohde | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 2 pohjassa
Varausjärjestelmä
Osio externalBooking
Ulkoisen varausjärjestelmän painike tai upotus (esim. Timma, Slotti), kun varaukset ovat muualla.
Asetukset (8)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Varaa aika |
Sisältö body | Muotoiltu teksti | Varaa aika verkossa. Varaus tehdään varausjärje… |
Painikkeen teksti buttonLabel | Teksti | Varaa aika |
Varausjärjestelmän osoite bookingUrl | Linkki | – |
Näytä varausnäkymä myös sivulla showEmbed | Päällä / pois | false |
Upotuksen osoite embedUrl | Linkki | – |
Upotuksen korkeus (px) embedHeight | Luku | – |
Ohje ylläpitäjälle editorHint | Pitkä teksti | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 14 pohjassa
Ajanvaraus: palvelut ja hinnat
Osio Kokeiltava appointmentServices
Ajanvarauksen palvelut ja hinnat: kesto, hinta ja Varaa-painike palvelukohtaisesti.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Palvelut ja hinnat |
Esittely intro | Muotoiltu teksti | – |
Tyyli listStyle | Valinta | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 1 pohjassa
Ajanvaraus: henkilökunta
Osio Kokeiltava appointmentStaff
Henkilökunta ajanvarauksessa: kuka tekee mitä, ja ajan voi varata suoraan tietylle tekijälle.
Asetukset (1)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Henkilökunta |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 1 pohjassa
Ajanvaraus: varaa aika
Osio Kokeiltava appointmentBooking
Varaa aika: palvelun, tekijän, päivän ja kellonajan valinta ja vahvistus yhdellä sivulla.
Asetukset (1)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Varaa aika |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 20 pohjassa
Kaikki 20 pohjaa
- Kuntosali
- Personal trainer
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Valokuvaaja
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Fysioterapia ja terapia
- Polkupyöräkauppa
- Apteekki
- Vakuutusasiamies
Seuraavat vapaat ajat
Osio Kokeiltava nextFreeTimes
Seuraavat vapaat ajat: lähimmät vapaat vuorot suoraan etusivulla, kukin vie varaukseen.
Asetukset (11)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Seuraavat vapaat ajat |
Mistä ajat tulevat source | Valinta | Automaattisesti |
Näkymä mode | Valinta | Seuraavat vapaat ajat |
Palvelu service | Palvelu | – |
Työntekijä staff | Teksti | – |
Kenttien ryhmä category | Teksti | – |
Aikojen määrä count | Luku | 4 |
Vapaan päivän linkki requestUrl | Linkki | – |
Lomakkeen päivämääräkenttä requestField | Teksti | – |
Oma varausjärjestelmä muualla externalUrl | Linkki | – |
Varausjärjestelmän nimi externalName | Teksti | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 23 pohjassa
Kaikki 23 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Hieronta tai hoitola
- Parturi tai kampaamo
- Personal trainer
- Autokorjaamo
- Rengasliike ja rengashotelli
- Katsastusasema
- Autopesula
- Pianokoulu ja soitintunnit
- Fysioterapia: varaus ensin
- Valokuvaaja
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Polkupyöräkauppa
- Apteekki
Lounaslista
Osio lunchMenu
Lounaslista: viikon lounas ylläpidosta, tämän päivän lounas korostettuna, hinnat, ruokavaliomerkinnät ja lihan alkuperä.
Asetukset (5)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Tämän viikon lounas |
Näytä show | Valinta | Koko viikko |
Päiviä days | Luku | 4 |
Näytä merkintöjen selitykset legend | Päällä / pois | true |
Näytä lounasaika, hinnat ja lisätiedot info | Päällä / pois | true |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Käytössä 1 pohjassa
Kenttien tila
Osio facilityStatus
Kenttien tila: kentät, radat tai rinteet auki, rajoitettu tai suljettu nyt, syy ja päivitysaika; henkilökunta vaihtaa tilan yhdellä painalluksella.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Kenttien tila nyt |
Näytä view | Valinta | Kaikki kentät |
Vain luokka category | Teksti | – |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Käytössä 3 pohjassa
Aukioloajat
Osio openingHours
Aukioloajat viikonpäivittäin sekä poikkeusaukiolot pyhinä.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Aukioloajat |
Lisätieto (esim. sijainti tai pyhäpäivät) note | Muotoiltu teksti | – |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Käytössä 19 pohjassa
Kaikki 19 pohjaa
- Personal trainer
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Pianokoulu ja soitintunnit
- Siivouspalvelu
- Lakitoimisto
- Tilitoimisto
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Polkupyöräkauppa
- Hoivakoti ja päiväkoti
- Nuohooja
Auki nyt / päivystys
Osio statusNow
Auki nyt / päivystys: kertoo kellon mukaan, onko paikka nyt auki ja milloin se sulkeutuu tai aukeaa.
Asetukset (17)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Mitä näytetään mode | Valinta | Auki nyt (aukioloajat) |
Aukioloajat hours | Pitkä teksti | ma–pe | 8–16 la | 10–14 su | suljettu |
Poikkeavat päivät exceptions | Pitkä teksti | – |
Puhelinnumero phone | Teksti | – |
Soittopainikkeen teksti callLabel | Teksti | – |
Soittopainike näkyy callWhen | Valinta | Vain aukioloaikana |
Vasteaika responseTime | Teksti | – |
Toinen painike secondaryLabel | Teksti | – |
Toisen painikkeen osoite secondaryUrl | Linkki | – |
Päivystys ympäri vuorokauden oncallAlways | Päällä / pois | – |
Päivystysnumero oncallPhone | Teksti | – |
Päivystyksen lisätieto oncallText | Teksti | – |
Keittiö sulkeutuu ennen sulkemista (min) kitchenClosesBefore | Luku | – |
Jaa sijaintini shareLocation | Valinta | Ei |
Näytä viikon aukioloajat showWeek | Päällä / pois | true |
Aukioloaikojen lähde hoursSource | Valinta | Ajanvaraus, jos käytössä |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Vuokrauksen pikahaku
Osio Kokeiltava rentalSearch
Vuokrauksen pikahaku: aikaväli ja kohde, ja kävijä näkee heti, mikä on vapaana.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Vapaat ja hinnat |
Esittely intro | Muotoiltu teksti | – |
Vuokrausluokka category | Teksti | – |
Kysy myös nouto- ja palautusaika times | Päällä / pois | false |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 3 pohjassa
Autohaku
Osio Kokeiltava carSearch
Autohaku: merkki, malli, hinta ja vuosimalli suodattavat myytävät autot.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Etsi autoa |
Esittely intro | Muotoiltu teksti | – |
Kategorian osoite (esim. mailat/padel, tyhjä = kaikki) category | Teksti | – |
Kaikki autot -sivu allLink | Linkki | – |
Saavutettavuus
Jokaisella kentällä on näkyvä nimi, pakollisuus kerrotaan tekstinä, virheet luetaan ruudunlukijalle ja vievät kenttään, ja autocomplete täyttää tutut tiedot. Kosketusalueet ovat vähintään 44 px.
Käytössä 1 pohjassa
Resurssilista
Osio resourceList
Varattavat kohteet listana: kentät, tilat tai laitteet kuvauksineen ja hintoineen.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Resurssiryhmä resourceGroup | Varattava kohde | – |
Enimmäismäärä limit | Luku | 12 |
Näytä hinnat showPrices | Päällä / pois | true |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Käytössä 1 pohjassa
Ajanvarauksen sivu
Osio appointmentPage
Ajanvarauksen sivun alusta: palvelun ja ajan valinta sekä vahvistus.
Ei elävää esimerkkiä: osio piirtää alustan oman ajanvaraussivun. Kokeile ajanvarausta Kampaamo- tai Hoitola-pohjan esikatselussa.
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 0 pohjassa
Alusta lisää tämän itse omille sivuilleen; sitä ei lisätä editorissa.