Booking blok: Prohledávatelné plánování a UX pro objednávání schůzek

Booking blok umožňuje čtenáři vybrat nebo požádat o schůzku a přitom uchovává důležité informace v HTML. Kombinuje konkrétní akci, kontext služby a místa, podmínky způsobilosti, plánování a záložní cestu.

Objednat servis spotřebičů
Diagnostika myčky · přibližně 60 minut
Dostupné pro domácnosti v rámci oblasti služeb Northside. Může být účtován diagnostický poplatek.
Zvolte čas schůzky
Pokud online plánování není k dispozici, volejte (555) 014-0186, pondělí–pátek, 8:00–18:00.

Plánovač se může zobrazit inline, v dialogu nebo na externím webu. Jeho odstranění nesmí odstranit službu, dobu trvání, oblast, podmínky ani záložní řešení.

Proč na tomto elementu záleží

Plánování mění zájem v závazek. V tu chvíli čtenáři obvykle ověřují tři věci najednou: „Je to ta správná schůzka?“, „Může mi tento podnik poskytnout službu?“ a „Co se stane, když si ji vyberu?“ Blok, který uvádí pouze „Rezervovat nyní“, nutí čtenáře opustit stránku nebo vstoupit do widgetu, aby si tyto otázky zodpověděl. Tato nejistota je obzvláště nákladná u místních služeb, kde nesprávná pobočka, časové pásmo, oblast služeb nebo typ schůzky může rezervaci znemožnit.

Jasnost snižuje riziko jednání. „Objednat 30minutovou úvodní konzultaci“ vytváří pevnější očekávání než „Začít.“ Viditelné podmínky způsobilosti, poplatky, příprava, storno podmínky a kontaktní údaje odhalí nesoulad dříve, než čtenář sdílí osobní údaje.

Strojová extrahovatelnost je důležitá, protože mnoho plánovačů přichází prostřednictvím iframe nebo skriptu třetí strany. Prohledávač, systém AI odpovědí, relace blokovaná souhlasem nebo asistenční technologie mohou obdržet prázdný rámeček. Pak není možné zjistit, co lze rezervovat, kde, za jakých podmínek nebo jak situaci řešit.

Nekopírujte živé časové sloty do textu; rychle se mění a patří do rezervačního systému. Na hostitelské stránce renderujte stabilní kontext: název schůzky, místo, dobu trvání, podmínky způsobilosti, přípravu, náklady, časové pásmo, poskytovatele a záložní řešení. Widget přidává aktuální data a časy.

Před výběrem této komponenty použijte pravidla pro psaní elementů . Účel má přednost před vzhledem. Pokud blok plánuje časově vázanou interakci, jedná se o booking blok, i když současný design vypadá jako běžná výzva k akci. Pokud pouze sbírá obchodní poptávku bez nabídky nebo žádosti o schůzku, jde místo toho o formulář nebo CTA.

Kdy jej použít

Použijte booking blok, když čtenář může provést definovanou akci plánování: rezervovat návštěvu služby, požádat o schůzku, vybrat termín konzultace, domluvit prohlídku nemovitosti, naplánovat schůzku na pobočce nebo se přidat na čekací listinu pro konkrétní službu. Podnik musí mít provozní proces, který žádost přijme a může ji potvrdit, zamítnout nebo přeplánovat.

Časté jsou případy, které se blíží, ale nejsou totožné:

• Obecný kontaktní formulář není booking blok, pokud nezahrnuje datum, čas nebo žádost o schůzku. Označte jej jako poptávku a uveďte očekávanou dobu odpovědi.
• Tlačítko výzvy k akci není úplný booking blok, pokud posílá čtenáře na nevysvětlený kalendář. Přidejte stabilní kontext rezervace a záložní cestu.
• Otevírací doba popisuje, kdy podnik funguje; neprokazuje dostupnost schůzek. Udržujte otevírací dobu oddělenou od živých slotů.
• Registrace na událost rezervuje účast na pevně stanovené události, nikoli sjednává individuální čas služby. Použijte odpovídající vzor pro událost nebo registraci.
• Nouzová cesta nesmí záviset na běžném kalendáři. Pokud je v rozsahu urgentní nebo pohotovostní pomoc, uveďte správnou okamžitou kontaktní cestu před jakýmkoli plánovačem.

Kam jej umístit

Umístěte booking blok poté, co stránka stanoví vhodnost služby, a před sekundární propagační obsah. Na stránce pobočky jej umístěte za identitu pobočky, adresu nebo oblast služeb, otevírací dobu a krátké vysvětlení dostupných služeb. Na stránce služby jej umístěte za rozsah, vhodnost a hlavní podmínky. Kompaktní opakovaná akce se může objevit poblíž konce, ale měla by odkazovat na stejnou rezervační oblast, nikoli inicializovat druhou instanci poskytovatele.

Neumísťujte blok přímo vedle jiného primárního formuláře, jiného plánovače, telefonického CTA bez vysvětlení nebo propagačního odpočtu. Konkurenční akce znejasňují, která cesta je autoritativní. Neumísťujte jej do karty, karuselu, accordionu, buňky srovnávací tabulky, klikatelné karty ani vrstvy souhlasu. Nezbytné podmínky nesmí být pod nesouvisejícím svědectvím nebo nabídkou.

U důležitých služeb umístěte veškerá omezení, která mění, zda by si měl čtenář rezervovat, bezprostředně před akci. Nikdy nenaznačujte, že výběr času potvrzuje způsobilost.

Anatomie

Označený snímek musí identifikovat tyto části:

1. Akčně specifický název: říká, co lze rezervovat, nejen „Rezervovat nyní.“
2. Shrnutí služby: vysvětluje účel v jedné větě.
3. Kontext místa: uvádí pobočku, oblast služeb nebo vzdálený formát a časové pásmo.
4. Informace o schůzce: ukazuje dobu trvání, cílovou skupinu, podmínky poplatku a způsobilost.
5. Poznámka k přípravě: uvádí požadavky, které ovlivňují úspěch.
6. Primární akce: používá specifický přístupný popisek.
7. Oblast plánovače: obsahuje živé sloty, validaci a atribuci poskytovatele.
8. Kontext soukromí: identifikuje nakládání s údaji třetí stranou.
9. Očekávání potvrzení: rozlišuje potvrzení od žádosti.
10. Záložní cesta: poskytuje monitorovanou alternativu a její provozní dobu.

Příklady provedení

Každá varianta nese stejný prohledávatelný kontext; mění se pouze umístění a složitost živého výběru.

Inline plánovač

Použijte jej pro jednu službu a místo, když je poskytovatel přístupný a stabilní. Vyhraďte dostatek výšky, aby nedošlo k posunu rozvržení.

Dialogový nebo zásuvný plánovač

Použijte jej, když by inline kalendář dominoval stránce. Pojmenujte dialog, poskytněte tlačítko Zavřít, izolujte pozadí a po ukončení vraťte fokus.

Rezervační stránka hostovaná poskytovatelem

Použijte ji, když autentizace, platba, složitý vstup nebo spolehlivost poskytovatele upřednostňuje web poskytovatele. Pojmenujte cílové místo a ponechte záložní řešení viditelné.

Žádost o schůzku

Použijte ji, když personál musí ověřit způsobilost, cestování, vybavení nebo dostupnost specialisty. Požádejte o preferované časy a uveďte komunikační kanál a očekávání.

Telefonické a asistované objednání

Použijte jej, když je ke třídění nebo bezpečnému přiřazení potřeba konverzace. Zpřístupněte číslo pro výběr a uveďte obsazené hodiny plus neslyšící alternativu.

Výběr více poboček

Použijte jej napříč několika pobočkami. Vyřešte pobočku před časy, zobrazte její adresu a časové pásmo a zachovejte volbu až do potvrzení.

Parametry

„Zdroj“ popisuje, odkud renderer získává kanonickou hodnotu. Nastavení na straně poskytovatele může řídit živé zásoby, ale nenahrazuje níže uvedená viditelná pole obsahu.

U kódu třetí strany je vyžadován alespoň jeden z fallbackPhone nebo fallbackUrl. První nadheads mapuje na title, první odstavec na summary a zbývající tělo na fakta, potvrzení, soukromí a záložní řešení. Živé sloty nikdy nepatří do autorského obsahu.

Syntaxe a příklady kódu

Tři zápisy zachovávají stejnou službu, pobočku, dobu trvání, poskytovatele, režim potvrzení a záložní řešení. URL jsou ilustrativní.

Přenosná Markdown direktiva

:::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ýšlená adaptérová smlouva, nikoli tvrzení, že shortcode již existuje. Používá pouze pojmenované parametry.

{{< 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 >}}

Renderer Hugo vykresluje stabilní obsah a záložní řešení na serveru, poté načte poskytovatele do označené 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 vykresluje stabilní obsah prostřednictvím PHP a považuje kód poskytovatele za progresivní vylepšení.

Příklady

Dobrý: jedna schůzka s obnovitelnou cestou

Objednat 30minutovou kontrolu daňových dokumentů

Blok pojmenovává pobočku Downtown, místní časové pásmo, dokumenty k přinesení a skutečnost, že schůzka kontroluje záznamy, ale nezaručuje způsobilost k podání. Tlačítko „Zvolit čas kontroly“ otevře kalendář. Pod ním stránka uvádí, že potvrzení přichází e-mailem, a poskytuje monitorované telefonní číslo s obsazenými hodinami, pokud poskytovatel není k dispozici.

Toto funguje, protože vhodnost je jasná před zadáním údajů a význam přežije i bez kalendáře. Plánovač vlastní dostupnost; stránka vlastní trvalou pravdu o službě a možnost obnovy.

Špatný: iframe bez kontextu

Rezervovat nyní
Neoznačený iframe načítá kalendář poskytovatele. Pobočka, časové pásmo, typ schůzky, doba trvání, poplatek, způsobilost, stav potvrzení a záložní kontakt chybí.

Špatná verze nutí čtenáře a extraktory odvozovat nabídku z rozhraní třetí strany. Výpadek zanechá prázdnou sekci a žádost může být zaměněna za potvrzení. Napravte to HTML smlouvou o schůzce, označeným vložením, zachovanými výběry, zněním potvrzení a záložním řešením.

Schema markup a přístupnost

Booking blok nevytváří automatický požadavek na schema. Obsahující stránka již může popisovat viditelný podnik nebo službu pomocí vhodné entity LocalBusiness, specifičtějšího typu podnikání, Organization nebo Service. Udržujte tato fakta konzistentní s textem rezervace, zejména název, místo, telefonní číslo, oblast služeb a otevírací dobu.

ReserveAction může reprezentovat skutečnou rezervační akci, pokud její cíl otevírá viditelnou, funkční cestu a akce přesně patří k popsané entitě. Nesmí naznačovat, že je slot k dispozici, že je žádost potvrzena nebo že je každý návštěvník způsobilý. Nezveřejňujte data schůzek jako Event, nepovažujte běžnou otevírací dobu za rezervovatelné zásoby ani nevytvářejte strukturované hodnoty, které stránka a rezervační systém nemohou ověřit.

Přístupnost začíná před načtením. Použijte skutečný nadpis a akci, jejíž přístupný název zahrnuje účel. Iframe opatřete konkrétním title, například „Zvolte schůzku na opravu myčky na pobočce Northside.“ Nikdy nepoužívejte zástupný text jako jediný popisek pole.

Uživatelé klávesnice musí vstoupit, ovládat a opustit bez pasti fokusu. Dialog potřebuje název, počáteční fokus, akci Zavřít, izolaci pozadí a návrat fokusu. Validace identifikuje pole a opravu. Stavy data se nemohou spoléhat na barvu a aktualizace stavu musí být oznámeny.

Záložní řešení udržujte v normálním pořadí čtení a viditelné bez JavaScriptu. Tok musí fungovat při 200% zoomu a úzkých šířkách. Zobrazte časové pásmo a vyhněte se nejednoznačným číselným datům.

Pokud poskytovatel nesplňuje požadavky na klávesnici, čtečku obrazovky, kontrast, soukromí nebo obnovu, nabídněte ekvivalentní asistovanou cestu. CAPTCHA, platba a ověření totožnosti také potřebují přístupnou obnovu.

Pravidla psaní

• Napište název o 3–10 slovech, který kombinuje akci se schůzkou: „Objednat test sluchu“, nikoli „Naplánovat“ nebo „Začít.“
• Napište jedno shrnutí o 12–35 slovech s názvem služby, formátem, dobou trvání a místem, pokud jsou tyto údaje známy.
• Uveďte nejvýše pět podmínek způsobilosti nebo přípravy. Shrňte pouze pravidla měnící rozhodnutí z delších zásad.
• Používejte specifické popisky akcí o 2–8 slovech: „Zvolit termín konzultace,“ „Požádat o návštěvu doma“ nebo „Zavolat pro domluvení posouzení.“ Vyhněte se „Odeslat,“ „Pokračovat“ a „Klikněte zde.“
• Rozlišujte okamžité potvrzení od žádosti o schůzku. Nikdy nepoužívejte „rezervováno“, když je stále vyžadován souhlas personálu.
• Uveďte časové pásmo vždy, když si čtenáři mohou rezervovat napříč pásmy nebo je schůzka vzdálená. V potvrzeních používejte jednoznačné písemné datum.
• Popište poplatky dříve, než čtenář vybere čas, pokud může být účtován poplatek za rezervaci, zálohu, storno, diagnostiku nebo neúčast. Neskrývejte požadovanou platbu v krocích poskytovatele.
• Uchovávejte název služby, dobu trvání, místo, způsobilost, nezbytnou přípravu, chování potvrzení a záložní řešení mimo iframe nebo klientskou aplikaci.
• Pojmenujte poskytovatele před přenosem dat a vysvětlete předání, aniž byste slibovali nepodporované chování ohledně soukromí.
• Uveďte záložní cestu, obsazené hodiny, očekávání odpovědi a kontext schůzky k poskytnutí.
• Při rezervaci více poboček pojmenujte vybranou pobočku ve spouštěči, plánovači i potvrzení. Nikdy znovu nepoužívejte celofiremní odkaz „Rezervovat nyní“ bez předvýběru nebo vyžádání explicitní volby místa.
• Udržujte nouzové instrukce, klinické rady, záruky, svědectví, slevové odpočty, nesouvisející nabídky a druhý lead formulář mimo booking blok.
• Nepište statická tvrzení „nejbližší dostupný“, pokud nejsou generována z živých zásob a označena časem získání. Dostupnost se může změnit mezi procházením, kliknutím a potvrzením.
• Přiřaďte vlastníka a provádějte kontrolu po změnách hodin, míst, poplatků, způsobilosti, chování poskytovatele nebo pravidel přijímání.

Typy stránek, které jej používají

Pole postTypes v frontmatter řídí tuto matici. Zahrnutí znamená, že stránka může použít booking blok, pokud existuje reálná akce schůzky; nevyžaduje plánování na každé stránce.

QA kontrolní seznam

• Blok plánuje nebo žádá o definovanou schůzku, nikoli sbírá obecnou poptávku.
• Viditelný název pojmenovává schůzku a popisek akce popisuje další krok plánování.
• Služba, doba trvání, místo nebo oblast služeb, časové pásmo, způsobilost a podstatné podmínky poplatků jsou přesné.
• Stabilní informace o schůzce se vykreslují jako HTML bez spoléhání na poskytovatele, iframe, správce souhlasu nebo JavaScript.
• Živá dostupnost pochází z autoritativního rezervačního systému a není zkopírována do statického textu.
• Vybraná služba a místo přetrvávají od spouštěče přes kalendář, validaci, potvrzení a obnovu.
• Stránka rozlišuje okamžité potvrzení od žádosti, kterou musí personál schválit.
• Poskytovatel třetí strany je identifikován před přenosem dat a znění o soukromí odpovídá skutečnému procesu.
• Selhání, nedostupnost, validace, storno a přeplánování – každý stav poskytuje užitečnou další akci.
• Monitorované záložní telefonní číslo nebo přístupná alternativní cesta zůstávají viditelné, když widget selže.
• Záložní instrukce zahrnují obsazené hodiny nebo realistické očekávání odpovědi.
• Plánovač má specifický přístupný název a funguje s klávesnicí, čtečkou obrazovky, dotykem, zoomem a úzkými obrazovkami.
• Fokus předvídatelně vstupuje a opouští jakýkoli dialog a validace nevymaže dříve platné volby.
• Data a časy jsou jednoznačné, zahrnují příslušné časové pásmo a nespoléhají se pouze na barvu.
• Nouzová nebo zásadní omezení se objeví před akcí a nikdy nezávisí na plánovači.
• Vedle primární akce není žádný konkurenční plánovač, lead formulář, odpočet ani nesouvisející propagace.
• Strukturovaná data odrážejí viditelné, ověřené informace o podniku a službě bez vymýšlení dostupnosti nebo potvrzení.
• Vybraný typ stránky je uveden v postTypes a umístění odpovídá výše uvedené matici.
• Existuje vlastník a spouštěč kontroly pro obsah, záložní kontakt, integraci poskytovatele a chování potvrzení.

FAQ

Může být widget pro rezervace jedinou informací o schůzce na stránce?

Ne. Widget třetí strany může selhat, vyžadovat souhlas, blokovat prohledávače nebo být nepoužitelný s některou asistenční technologií. Uchovávejte službu, místo, podmínky způsobilosti, přípravu, kontaktní cestu a záložní instrukce v serverově renderovaném HTML mimo widget.

Má se plánovač otevřít na stránce nebo na webu poskytovatele?

Použijte inline nebo modální plánovač, pokud je přístupný, rychlý a snadno se z něj lze vrátit. Použijte jasně označený externí odkaz, pokud poskytovatel funguje spolehlivěji na vlastní doméně. V obou případech zachovejte stejný prohledávatelný kontext a záložní řešení bez widgetu na stránce.

Potřebuje booking blok schema markup?

Ne automaticky. Okolní stránka může splňovat podmínky pro LocalBusiness, Service nebo jiný relevantní typ. ReserveAction přidávejte pouze tehdy, když je cíl akce reálný, stabilní a přesně reprezentuje viditelnou rezervační cestu; nikdy nevytvářejte vymyšlenou živou dostupnost schůzek ve strukturovaných datech.

Jak by měl podnik s více pobočkami řešit rezervace?

Uveďte místo explicitně ještě předtím, než čtenář vstoupí do rezervačního procesu, zachovejte zvolené místo v každém kroku a zobrazte jeho adresu, časové pásmo a záložní kontaktní údaje v HTML. Nikdy neposílejte každou stránku pobočky do nefiltrovaného celofiremního kalendáře.

Co se má stát, když nejsou k dispozici žádné schůzky?

Vysvětlete další platnou cestu, aniž byste naznačovali, že je podnik uzavřen: nabídněte jinou pobočku, čekací listinu, telefonní číslo, formulář žádosti nebo jasné datum, kdy se znovu podívat. Zachovejte vybranou službu a místo, aby čtenář nemusel začínat znovu.