Booking bloky: prehľadateľné plánovanie a používateľská skúsenosť s objednávaním

Booking blok umožňuje čitateľovi vybrať alebo požiadať o schôdzku, pričom podstatné informácie zostávajú v HTML. Kombinuje konkrétnu akciu, kontext služby a lokality, oprávnenosť, plánovanie a záložnú cestu.

Rezervovať návštevu opravy spotrebiča Diagnostika umývačky riadu · približne 60 minút Dostupné pre domácnosti v rámci servisnej oblasti Northside. Môže byť účtovaný diagnostický poplatok. Vyberte si čas schôdzky Ak online plánovanie nie je k dispozícii, zavolajte na (555) 014-0186, pondelok–piatok, 8:00–18:00.

Plánovač sa môže zobraziť vnútri stránky, v dialógovom okne alebo mimo nej. Jeho odstránenie nesmie odstrániť službu, trvanie, oblasť, podmienky ani záložné riešenie.

Prečo na tomto elemente záleží

Plánovanie mení záujem na záväzok. V tomto momente čitatelia zvyčajne kontrolujú tri veci naraz: „Je to správna schôdzka?“, „Môže ma tento podnik obslúžiť?“ a „Čo sa stane po výbere?“ Blok, ktorý uvádza iba „Rezervovať teraz“, núti čitateľa opustiť stránku alebo vstúpiť do widgetu, aby si tieto otázky vyjasnil. Táto neistota je obzvlášť nákladná pre lokálne služby, kde nesprávna pobočka, časové pásmo, oblasť služby alebo typ schôdzky môže rezerváciu zneplatniť.

Jasnosť znižuje riziko konania. „Objednať 30-minútovú úvodnú konzultáciu“ vytvára pevnejšie očakávanie ako „Začať.“ Viditeľná oprávnenosť, poplatky, príprava, podmienky zrušenia a kontaktné údaje odhalia nesúlad skôr, než čitateľ zdieľa osobné informácie.

Strojová extrahovateľnosť je dôležitá, pretože mnohé plánovače prichádzajú prostredníctvom iframe alebo skriptu tretej strany. Crawler, AI systém odpovedí, relácia blokovaná súhlasom alebo asistenčná technológia môžu dostať prázdny rámec. Potom nemôžu určiť, čo sa dá rezervovať, kde, za akých podmienok ani ako sa zotaviť.

Nekopírujte živé sloty do prozaického textu; rýchlo sa menia a patria do systému plánovania. Vykreslite stabilný kontext na hostiteľskej stránke: názov schôdzky, lokalita, trvanie, oprávnenosť, príprava, náklady, časové pásmo, poskytovateľ a záložné riešenie. Widget pridáva aktuálne dátumy a časy.

Pred výberom tohto komponentu aplikujte pravidlá písania elementov . Účel má prednosť pred vzhľadom. Ak blok plánuje časovo ohraničenú interakciu, ide o booking blok, aj keď aktuálny dizajn vyzerá ako bežná výzva na akciu. Ak iba zbiera obchodný dopyt bez ponúknutia alebo vyžiadania schôdzky, ide o formulár alebo CTA.

Kedy ho použiť

Použite booking blok, keď čitateľ môže vykonať definovanú plánovaciu akciu: rezervovať návštevu služby, požiadať o schôdzku, vybrať si konzultačný slot, dohodnúť obhliadku nehnuteľnosti, naplánovať stretnutie v pobočke alebo sa pripojiť na čakací zoznam pre pomenovanú službu. Podnik musí mať prevádzkový proces, ktorý prijíma požiadavku a vie ju potvrdiť, zamietnuť alebo preplánovať.

Časté sú takmer správne prípady:

• Všeobecný kontaktný formulár nie je booking blok, ak nezahŕňa dátum, čas ani požiadavku na schôdzku. Označte ho ako dopyt a uveďte očakávanú dobu odpovede.
• Tlačidlo výzvy na akciu nie je kompletný booking blok, ak posiela čitateľa na nevysvetlený kalendár. Pridajte stabilný booking kontext a záložnú cestu.
• Otváracie hodiny popisujú, kedy podnik prevádzkuje; nedokazujú dostupnosť schôdzok. Uchovávajte hodiny oddelene od živých slotov.
• Registrácia na udalosť rezervuje účasť na fixnej udalosti, nie individuálny čas služby. Použite príslušný vzor pre udalosť alebo registráciu.
• Núdzová cesta nesmie závisieť od bežného kalendára. Ak je v rozsahu urgentná alebo núdzová pomoc, uveďte správnu okamžitú kontaktnú cestu pred akýmkoľvek plánovačom.

Kam ho umiestniť

Umiestnite booking blok potom, čo stránka stanovila vhodnosť služby a pred sekundárnym propagačným obsahom. Na lokačnej stránke ho umiestnite po identite pobočky, adrese alebo oblasti služby, hodinách a krátkom vysvetlení dostupných služieb. Na stránke služby ho umiestnite po rozsahu, vhodnosti a hlavných podmienkach. Kompaktná opakovaná akcia sa môže objaviť na konci, ale mala by smerovať do rovnakej booking oblasti, nie inicializovať druhú inštanciu poskytovateľa.

Neumiestňujte blok priamo vedľa iného primárneho formulára, iného plánovača, telefónneho CTA bez vysvetlenia ani propagačného odpočítavania. Konkurenčné akcie sťažujú určenie, ktorá cesta je autoritatívna. Neumiestňujte ho do karty, karuselu, accordeonu, bunky porovnávacej tabuľky, klikateľnej karty ani do vrstvy súhlasu. Nevyhnutné podmienky nesmú byť pod nesúvisiacim svedectvom alebo ponukou.

Pri závažných službách umiestnite akékoľvek obmedzenie, ktoré mení to, či by si mal čitateľ rezervovať, bezprostredne pred akciu. Nikdy nenaznačujte, že výber času potvrdzuje oprávnenosť.

Anatómia

Označená snímka musí identifikovať tieto časti:

1. Názov špecifický pre akciu: hovorí, čo sa dá rezervovať, nie iba „Rezervovať teraz.“
2. Súhrn služby: vysvetľuje účel jednou vetou.
3. Kontext lokality: uvádza názov pobočky, oblasť služby alebo vzdialený formát a časové pásmo.
4. Fakty o schôdzke: zobrazuje trvanie, publikum, podmienky poplatkov a oprávnenosť.
5. Poznámka k príprave: uvádza požiadavky ovplyvňujúce úspech.
6. Primárna akcia: používa špecifický prístupný popisok.
7. Oblasť plánovača: obsahuje živé sloty, validáciu a atribúciu poskytovateľa.
8. Kontext ochrany súkromia: identifikuje nakladanie s údajmi treťou stranou.
9. Očakávanie potvrdenia: rozlišuje potvrdenie od žiadosti.
10. Záložná cesta: poskytuje monitorovanú alternatívu a jej prevádzkové hodiny.

Príklady dizajnu

Každá varianta nesie rovnaký prehľadateľný kontext; mení sa len umiestnenie a zložitosť živého výberu.

Vnútorný plánovač

Použite ho pre jednu službu a lokalitu, keď je poskytovateľ prístupný a stabilný. Vyhraďte dostatočnú výšku, aby nedošlo k posunu rozloženia.

Dialógový alebo výsuvný plánovač

Použite ho, keď by vnútorný kalendár dominoval stránke. Označte dialóg, poskytnite tlačidlo Zatvoriť, izolujte pozadie a vráťte fokus pri opustení.

Rezervačná stránka hosťovaná poskytovateľom

Použite ju, keď autentifikácia, platba, komplexný vstup alebo spoľahlivosť poskytovateľa uprednostňuje stránku poskytovateľa. Uveďte názov cieľa a zachovajte viditeľné záložné riešenie.

Žiadosť o schôdzku

Použite ju, keď personál musí overiť oprávnenosť, cestovanie, vybavenie alebo dostupnosť špecialistu. Opýtajte sa na preferované časy a uveďte komunikačný kanál a očakávanie odpovede.

Telefonické a asistované rezervácie

Použite ich, keď je potrebný rozhovor na triedenie alebo bezpečné priradenie. Urobte číslo vyberateľným a uveďte obsadené hodiny plus nehlasovú alternatívu.

Viaclokačný selektor

Použite ho pre niekoľko pobočiek. Vyriešte pobočku pred časmi, zobrazte jej adresu a časové pásmo a zachovajte výber až do potvrdenia.

Parametre

„Zdroj“ popisuje, odkiaľ renderer získava kanonickú hodnotu. Nastavenia na strane poskytovateľa môžu riadiť živý inventár, ale nenahrádzajú viditeľné obsahové polia uvedené nižšie.

Aspoň jeden z fallbackPhone alebo fallbackUrl je povinný s kódom tretej strany. Prvý nadpis sa mapuje na title, prvý odsek na summary a zvyšok tela na fakty, potvrdenie, súkromie a záložné riešenie. Živé sloty nikdy nepatria do autorovaného obsahu.

Syntax a príklady kódu

Tri zápisy zachovávajú rovnakú službu, pobočku, trvanie, poskytovateľa, režim potvrdenia a záložné riešenie. URL sú ilustračné.

Prenosná Markdown direktíva

:::booking-block{id=dishwasher-repair service="Dishwasher diagnosis" variant=inline duration=PT1H location=northside timezone=America/Chicago provider="Example Scheduler" src="https://scheduler.example.com/northside/dishwasher" ctaLabel="Choose an appointment time" confirmationMode=instant fallbackPhone="+15550140186"}
## Book an appliance repair visit

Choose a 60-minute dishwasher diagnosis at our Northside branch.

Available for homes within the Northside service area. A diagnostic fee may apply and will be confirmed before the visit.

Your appointment is confirmed only when you receive an email with the date, time, address, and reference number.

Scheduling is provided by Example Scheduler. If it does not load, call (555) 014-0186, Monday–Friday, 8:00 a.m.–6:00 p.m.
:::

Hugo shortcode

Toto je zamýšľaný adaptérový kontrakt, nie tvrdenie, že shortcode už existuje. Používa len pomenované parametre.

{{< booking-block id="dishwasher-repair" service="Dishwasher diagnosis" variant="inline" duration="PT1H" location="northside" timezone="America/Chicago" provider="Example Scheduler" src="https://scheduler.example.com/northside/dishwasher" ctaLabel="Choose an appointment time" confirmationMode="instant" fallbackPhone="+15550140186" >}}
## Book an appliance repair visit

Choose a 60-minute dishwasher diagnosis at our Northside branch.

Available for homes within the Northside service area. A diagnostic fee may apply and will be confirmed before the visit.

Your appointment is confirmed only when you receive an email with the date, time, address, and reference number.

Scheduling is provided by Example Scheduler. If it does not load, call (555) 014-0186, Monday–Friday, 8:00 a.m.–6:00 p.m.
{{< /booking-block >}}

Hugo renderer vykresľuje stabilný obsah a záložné riešenie na serveri, potom načíta poskytovateľa do označenej oblasti.

WordPress blok

<!-- wp:amicited/booking-block {"id":"dishwasher-repair","service":"Dishwasher diagnosis","variant":"inline","duration":"PT1H","location":"northside","timezone":"America/Chicago","provider":"Example Scheduler","src":"https://scheduler.example.com/northside/dishwasher","ctaLabel":"Choose an appointment time","confirmationMode":"instant","fallbackPhone":"+15550140186"} -->
<h2>Book an appliance repair visit</h2>
<p>Choose a 60-minute dishwasher diagnosis at our Northside branch.</p>
<p>Available for homes within the Northside service area. A diagnostic fee may apply and will be confirmed before the visit.</p>
<p>Your appointment is confirmed only when you receive an email with the date, time, address, and reference number.</p>
<p>Scheduling is provided by Example Scheduler. If it does not load, call <a href="tel:+15550140186">(555) 014-0186</a>, Monday–Friday, 8:00 a.m.–6:00 p.m.</p>
<!-- /wp:amicited/booking-block -->

Registrovaný blok vykresľuje stabilný obsah cez PHP a považuje kód poskytovateľa za progresívne vylepšenie.

Príklady

Dobrý: jedna schôdzka s obnoviteľnou cestou

Objednať 30-minútovú kontrolu daňových dokladov

Blok uvádza pobočku Downtown, miestne časové pásmo, dokumenty na priniesenie a skutočnosť, že stretnutie kontroluje záznamy, ale nezaručuje oprávnenosť na podanie. Tlačidlo „Vybrať čas kontroly“ otvára kalendár. Pod ním stránka uvádza, že potvrdenie prichádza e-mailom, a poskytuje monitorované telefónne číslo s obsadenými hodinami, ak poskytovateľ nie je k dispozícii.

Toto funguje, pretože vhodnosť je jasná pred zadávaním údajov a význam pretrváva aj bez kalendára. Plánovač vlastní dostupnosť; stránka vlastní trvalú pravdu o službe a obnovenie.

Zlý: iframe bez kontextu

Rezervovať teraz Neoznačený iframe načíta kalendár poskytovateľa. Pobočka, časové pásmo, typ schôdzky, trvanie, poplatok, oprávnenosť, stav potvrdenia a záložný kontakt chýbajú.

Zlá verzia núti čitateľov a extraktory odvodzovať ponuku z UI tretej strany. Výpadok zanechá prázdnu sekciu a žiadosť môže byť zamenená za potvrdenie. Opravte to pomocou HTML kontraktu schôdzky, označeného vloženia, zachovaných výberov, znenia potvrdenia a záložného riešenia.

Schema markup a prístupnosť

Booking blok nevytvára automatickú požiadavku na schema. Obsahujúca stránka už môže popisovať viditeľný podnik alebo službu s príslušnou entitou LocalBusiness, konkrétnejším typom podnikania, Organization alebo Service. Udržujte tieto fakty v súlade s textom rezervácie, najmä názov, lokalitu, telefónne číslo, oblasť služby a hodiny.

ReserveAction môže reprezentovať skutočnú rezervačnú akciu, keď jej cieľ otvára viditeľnú, funkčnú cestu a akcia presne patrí opísanej entite. Nesmie naznačovať, že je slot dostupný, že žiadosť je potvrdená alebo že každý návštevník je oprávnený. Nezverejňujte dátumy schôdzok ako Event, nepovažujte bežné otváracie hodiny za rezervovateľný inventár ani nevytvárajte štruktúrované hodnoty, ktoré stránka a systém plánovania nemôžu overiť.

Prístupnosť začína pred načítaním. Použite skutočný nadpis a akciu, ktorej prístupný názov zahŕňa účel. Iframe dajte špecifický title, napríklad „Vyberte si schôdzku opravy umývačky v Northside.“ Nikdy nepoužívajte zástupný text ako jediný popisok poľa.

Používatelia klávesnice musia byť schopní vstúpiť, ovládať a opustiť bez pascí na fokus. Dialóg potrebuje názov, počiatočný fokus, akciu Zatvoriť, izoláciu pozadia a návrat fokusu. Validácia identifikuje pole a opravu. Stavy dátumov sa nemôžu spoliehať na farbu a aktualizácie stavu musia byť oznámené.

Uchovávajte záložné riešenie v normálnom poradí čítania a viditeľné bez JavaScriptu. Tok musí fungovať pri 200% zväčšení a úzkych šírkach. Zobrazte časové pásmo a vyhýbajte sa nejednoznačným číselným dátumom.

Ak poskytovateľ zlyhá v požiadavkách na klávesnicu, čítačku obrazovky, kontrast, súkromie alebo obnovenie, ponúknite ekvivalentnú asistovanú cestu. CAPTCHA, platba a kontroly identity tiež potrebujú prístupné obnovenie.

Pravidlá písania

• Napíšte názov o 3–10 slovách, ktorý kombinuje akciu so schôdzkou: „Objednať test sluchu,“ nie „Naplánovať“ alebo „Začať.“
• Napíšte jeden súhrn o 12–35 slovách, ktorý uvádza službu, formát, trvanie a lokalitu, pokiaľ sú tieto fakty známe.
• Uveďte najviac päť podmienok oprávnenosti alebo prípravy. Zhrňte len pravidlá meniace rozhodnutia z dlhších politík.
• Používajte špecifické akčné popisky o 2–8 slovách: „Vybrať čas konzultácie,“ „Požiadať o domácu návštevu“ alebo „Zavolať a dohodnúť posúdenie.“ Vyhýbajte sa „Odoslať,“ „Pokračovať“ a „Kliknúť sem.“
• Rozlišujte okamžité potvrdenie od žiadosti o schôdzku. Nikdy nepoužívajte „rezervované“, keď je stále potrebný súhlas personálu.
• Uveďte časové pásmo vždy, keď si čitatelia môžu rezervovať naprieč pásmami alebo je schôdzka vzdialená. Použite jednoznačný písaný dátum v potvrdeniach.
• Popíšte poplatky predtým, než si čitateľ vyberie čas, ak môže byť účtovaný poplatok za rezerváciu, zálohu, zrušenie, diagnostiku alebo nedostavenie sa. Neschovávajte požadovanú platbu do krokov poskytovateľa.
• Uchovávajte názov služby, trvanie, lokalitu, oprávnenosť, nevyhnutnú prípravu, správanie pri potvrdení a záložné riešenie mimo iframe alebo klientskej aplikácie.
• Uveďte poskytovateľa pred prenosom údajov a vysvetlite odovzdanie bez sľubovania nepodporovaného správania pri ochrane súkromia.
• Poskytnite záložnú cestu, obsadené hodiny, očakávanie odpovede a kontext schôdzky.
• Pri viaclokačných rezerváciách uveďte vybranú pobočku v spúšťači, plánovači a potvrdení. Nikdy znovu nepoužívajte odkaz „Rezervovať teraz“ pre celú organizáciu bez predvýberu alebo požiadavky na explicitný výber lokality.
• Udržujte núdzové inštrukcie, klinické rady, záruky, svedectvá, zľavové odpočítavania, nesúvisiace ponuky a druhý lead formulár mimo booking bloku.
• Nepíšte statické tvrdenia „najbližší dostupný termín“, pokiaľ nie sú generované z živého inventára a označené časom získania. Dostupnosť sa môže zmeniť medzi prehľadávaním, kliknutím a potvrdením.
• Priraďte vlastníka a vykonajte kontrolu po zmenách hodín, lokalít, poplatkov, oprávnenosti, správania poskytovateľa alebo politiky prijímania.

Typy príspevkov, ktoré ho používajú

Pole postTypes vo frontmatter riadi túto maticu. Zahrnutie znamená, že stránka môže použiť booking blok, keď existuje skutočná akcia rezervácie; nevyžaduje plánovanie na každej stránke.

QA checklist

• Blok plánuje alebo vyžaduje definovanú schôdzku, nie iba zbiera všeobecný dopyt.
• Viditeľný názov pomenúva schôdzku a popisok akcie popisuje ďalší krok plánovania.
• Služba, trvanie, lokalita alebo oblasť služby, časové pásmo, oprávnenosť a podstatné podmienky poplatkov sú presné.
• Stabilné fakty o schôdzke sa vykresľujú ako HTML bez spoliehania sa na poskytovateľa, iframe, správcu súhlasov alebo JavaScript.
• Živá dostupnosť pochádza z autoritatívneho systému plánovania a nie je kopírovaná do statického prozaického textu.
• Vybraná služba a lokalita pretrvávajú od spúšťača cez kalendár, validáciu, potvrdenie a obnovenie.
• Stránka rozlišuje okamžité potvrdenie od žiadosti, ktorú musí schváliť personál.
• Poskytovateľ tretej strany je identifikovaný pred prenosom údajov a znenie ochrany súkromia zodpovedá skutočnému toku.
• Stavy zlyhania, nedostupnosti, validácie, zrušenia a preplánovania poskytujú užitočnú ďalšiu akciu.
• Monitorované záložné telefónne číslo alebo prístupná alternatívna cesta zostáva viditeľná, keď widget zlyhá.
• Záložné inštrukcie zahŕňajú obsadené hodiny alebo realistické očakávanie odpovede.
• Plánovač má špecifický prístupný názov a funguje s klávesnicou, čítačkou obrazovky, dotykom, zväčšením a úzkymi obrazovkami.
• Fokus predvídateľne vstupuje a opúšťa akýkoľvek dialóg a validácia nevymazáva predtým platné voľby.
• Dátumy a časy sú jednoznačné, zahŕňajú príslušné časové pásmo a nespoliehajú sa len na farbu.
• Núdzové alebo závažné obmedzenia sa zobrazujú pred akciou a nikdy nezávisia od plánovača.
• Vedľa primárnej akcie nie je žiadny konkurenčný plánovač, lead formulár, odpočítavanie ani nesúvisiaca propagácia.
• Štruktúrované dáta odrážajú viditeľné, overené obchodné a servisné fakty bez vymýšľania dostupnosti alebo potvrdenia.
• Vybraný typ príspevku sa nachádza v postTypes a umiestnenie nasleduje maticu vyššie.
• Existuje vlastník a spúšťač kontroly pre obsah, záložný kontakt, integráciu poskytovateľa a správanie pri potvrdení.

FAQ

Môže byť rezervačný widget jedinou informáciou o schôdzke na stránke?

Nie. Widget tretej strany môže zlyhať, vyžadovať súhlas, blokovať crawlerov alebo byť nepoužiteľný s niektorými asistenčnými technológiami. Uchovajte službu, lokalitu, oprávnenosť, prípravu, kontaktnú cestu a záložné inštrukcie v serverom vykreslenom HTML mimo widgetu.

Má sa plánovač otvárať na stránke alebo na webe poskytovateľa?

Použite vnútorný alebo modálny plánovač, keď je prístupný, rýchly a ľahko obnoviteľný. Použite jasne označený externý odkaz, keď poskytovateľ funguje spoľahlivejšie na vlastnej doméne. V oboch prípadoch zachovajte rovnaký prehľadateľný kontext a záložné riešenie bez widgetu na stránke.

Potrebuje booking blok schema markup?

Nie automaticky. Okolitá stránka môže spĺňať podmienky pre LocalBusiness, Service alebo iný relevantný typ. Pridajte ReserveAction len vtedy, keď je cieľ akcie reálny, stabilný a presne reprezentuje viditeľnú rezervačnú cestu; nikdy nevymýšľajte živú dostupnosť schôdzok v štruktúrovaných dátach.

Ako by mala viacpobočková firma riešiť rezervácie?

Uveďte lokalitu explicitne predtým, než čitateľ vstúpi do procesu plánovania, zachovajte vybranú lokalitu v každom kroku a zobrazte jej adresu, časové pásmo a záložné kontaktné údaje v HTML. Nikdy neposielajte každú stránku pobočky na nefiltrovaný celoorganizačný kalendár.

Čo by sa malo stať, keď nie sú dostupné žiadne schôdzky?

Vysvetlite ďalšiu platnú cestu bez naznačenia, že podnik je zatvorený: ponúknite inú lokalitu, čakací zoznam, telefónne číslo, formulár žiadosti alebo jasný dátum na opätovnú kontrolu. Zachovajte vybranú službu a lokalitu, aby čitateľ nemusel začínať odznova.