Bestillingsblokker: Gjennomsøkbar planlegging og avtalebrukeropplevelse

En bestillingsblokk lar en leser velge eller be om en avtale samtidig som vesentlige fakta beholdes i HTML. Den kombinerer en spesifikk handling, tjeneste- og lokasjonskontekst, kvalifikasjonskrav, planlegging og en reservevei.

Bestill et hvitevareservicebesøk
Oppvaskmaskindiagnose · omtrent 60 minutter
Tilgjengelig for hjem innenfor Northside tjenesteområde. Et diagnosegebyr kan påløpe.
Velg et avtaletidspunkt
Hvis online planlegging ikke er tilgjengelig, ring (555) 014-0186, mandag–fredag, 08:00–18:00.

Planleggingsverktøyet kan vises innebygd, i en dialog eller utenfor siden. Fjerning av det må ikke fjerne tjenesten, varigheten, området, vilkårene eller reserveveien.

Hvorfor dette elementet er viktig

Planlegging gjør interesse til en forpliktelse. I det øyeblikket sjekker lesere vanligvis tre ting samtidig: “Er dette den riktige avtalen?”, “Kan denne virksomheten betjene meg?” og “Hva skjer etter at jeg har valgt?” En blokk som kun sier “Bestill nå” tvinger leseren til å forlate siden eller gå inn i en widget for å få svar på disse spørsmålene. Den usikkerheten er spesielt kostbar for lokale tjenester, hvor feil avdeling, tidssone, tjenesteområde eller avtaletype kan ugyldiggjøre bestillingen.

Tydelighet reduserer risikoen ved å handle. “Bestill en 30-minutters innledende konsultasjon” setter en fastere forventning enn “Kom i gang.” Synlige kvalifikasjonskrav, gebyrer, forberedelser, kanselleringsvilkår og kontaktinformasjon avslører en mismatch før leseren deler personlig informasjon.

Maskinuttrekkbarhet er viktig fordi mange planleggingsverktøy kommer via en tredjeparts iframe eller skript. En søkerobot, AI-svarssystem, samtykkeblokkert økt eller hjelpemiddel kan motta en tom ramme. Det kan da ikke fastslå hva som kan bookes, hvor, under hvilke betingelser, eller hvordan man kommer seg videre.

Ikke kopier ledige tidspunkt inn i brødtekst; de endrer seg raskt og tilhører planleggingssystemet. Render stabilt innhold på vertssiden: avtalenavn, lokasjon, varighet, kvalifikasjonskrav, forberedelser, kostnader, tidssone, leverandør og reservevei. Widgeten legger til aktuelle datoer og tider.

Bruk elementets skriveregler før du velger denne komponenten. Formål går foran utseende. Hvis blokken planlegger en tidsavgrenset interaksjon, er det en bestillingsblokk selv når det nåværende designet ser ut som en vanlig handlingsknapp. Hvis den bare samler inn en salgshenvendelse uten å tilby eller be om en avtale, er det i stedet et skjema eller en CTA.

Når du bør bruke det

Bruk en bestillingsblokk når leseren kan utføre en definert planleggingshandling: booke et servicebesøk, be om en avtale, velge en konsultasjonstid, arrangere en visning av eiendom, planlegge et avdelingsmøte eller bli med på en venteliste for en navngitt tjeneste. Virksomheten må ha en operativ prosess som mottar forespørselen og kan bekrefte, avvise eller ombooke den.

Nære bom er vanlige:

• Et generelt kontaktskjema er ikke en bestillingsblokk når ingen dato, tid eller avtaleforespørsel er involvert. Merk det som en henvendelse og oppgi forventet svartid.
• En handlingsknapp er ikke en komplett bestillingsblokk når den sender leseren til en uforklart kalender. Legg til den stabile bestillingskonteksten og reserveveien.
• Åpningstider beskriver når en virksomhet opererer; de beviser ikke avtaletilgjengelighet. Hold åpningstider atskilt fra ledige tidspunkt.
• Arrangementsregistrering reserverer deltakelse på et fast arrangement i stedet for å arrangere en individuell tjenestetid. Bruk det aktuelle arrangements- eller registreringsmønsteret.
• En nødvei må ikke være avhengig av en rutinekalender. Hvis akutt- eller nødhjelp er aktuelt, oppgi den korrekte umiddelbare kontaktveien før noen planlegger.

Hvor du bør plassere det

Plasser bestillingsblokken etter at siden har etablert tjenestetilpasning og før sekundært reklameinnhold. På en lokasjonsside , plasser den etter avdelingens identitet, adresse eller tjenesteområde, åpningstider og den korte forklaringen av tilgjengelige tjenester. På en tjenesteside , plasser den etter omfang, egnethet og hovedvilkår. En kompakt gjentakelseshandling kan vises nær slutten, men den bør peke til samme bestillingsområde i stedet for å initialisere en ny leverandørforekomst.

Ikke plasser blokken rett ved siden av et annet primærskjema, en annen planlegger, en telefon-CTA uten forklaring, eller en reklamenedtelling. Konkurrerende handlinger gjør det uklart hvilken vei som er autoritativ. Ikke plasser den inne i en fane, karusell, accordion, sammenligningstabellcelle, klikkbart kort eller samtykkelag. Vesentlige vilkår må ikke ligge under et urelatert vitnesbyrd eller tilbud.

For tjenester med konsekvenser, plasser eventuelle begrensninger som endrer om leseren bør booke umiddelbart før handlingen. Antyld aldri at valg av et tidspunkt bekrefter kvalifikasjon.

Anatomi

Det merkede bildet må identifisere disse delene:

1. Handlingsspesifikk tittel: sier hva som kan bookes, ikke bare «Bestill nå.»
2. Tjenesteoppsummering: forklarer formål i én setning.
3. Lokasjonskontekst: navngir avdelingen, tjenesteområdet eller fjernformatet, og tidssonen.
4. Avtalefakta: viser varighet, målgruppe, gebyrsituasjon og kvalifikasjonskrav.
5. Forberedelsesmerknad: oppgir krav som påvirker gjennomføringen.
6. Primærhandling: bruker en spesifikk, tilgjengelig merkelapp.
7. Planleggingsområde: inneholder ledige tidspunkt, validering og leverandørattribusjon.
8. Personvernkontekst: identifiserer tredjeparts databehandling.
9. Bekreftelsesforventning: skiller bekreftelse fra en forespørsel.
10. Reservevei: tilbyr et overvåket alternativ og dets åpningstider.

Designeksempler

Hver variant bærer den samme gjennomsøkbare konteksten; kun plasseringen og kompleksiteten av det levende utvalget endres.

Innebygd planlegger

Bruk den for én tjeneste og lokasjon når leverandøren er tilgjengelig og stabil. Reserver nok høyde for å unngå layoutendring.

Dialog- eller skuffplanlegger

Bruk den når en innebygd kalender ville dominere siden. Merk dialogen, tilby Lukk, isoler bakgrunnen og returner fokus ved avslutning.

Leverandørvert bestillingsside

Bruk den når autentisering, betaling, kompleks innsamling eller leverandørpålitelighet taler for leverandørens nettsted. Navngi destinasjonen og hold reserveveien synlig.

Avtaleforespørsel

Bruk den når ansatte må verifisere kvalifikasjoner, reise, utstyr eller spesialisttilgjengelighet. Be om foretrukne tider og oppgi responskanal og forventning.

Telefonbasert og assistert bestilling

Bruk den når samtale er nødvendig for triage eller trygg allokering. Gjør nummeret valgbart og oppgi betjente åpningstider samt et ikke-talende alternativ.

Flere lokasjoner-velger

Bruk den på tvers av flere avdelinger. Bestem avdelingen før tidspunkter, vis dens adresse og tidssone, og bevar valget gjennom bekreftelse.

Parametere

«Kilde» beskriver hvor rendereren henter den kanoniske verdien. Leverandørens innstillinger kan styre levende beholdning, men de erstatter ikke de synlige innholdsfeltene nedenfor.

Minst én av fallbackPhone eller fallbackUrl er påkrevd med tredjepartskode. Den første overskriften kartlegges til title, første avsnitt til summary, og resten av brødteksten til fakta, bekreftelse, personvern og reserve. Levende tidspunkt hører aldri hjemme i forfattet innhold.

Syntaks og kodeeksempler

De tre notasjonene bevarer samme tjeneste, avdeling, varighet, leverandør, bekreftelsesmodus og reserve. URL-er er illustrerende.

Bærbar Markdown-direktiv

:::booking-block{id=dishwasher-repair service="Oppvaskmaskindiagnose" variant=inline duration=PT1H location=northside timezone=America/Chicago provider="Eksempelplanlegger" src="https://scheduler.example.com/northside/dishwasher" ctaLabel="Velg et avtaletidspunkt" confirmationMode=instant fallbackPhone="+15550140186"}
## Bestill et hvitevareservicebesøk

Velg en 60-minutters oppvaskmaskindiagnose ved vår Northside-avdeling.

Tilgjengelig for hjem innenfor Northside tjenesteområde. Et diagnosegebyr kan påløpe og vil bli bekreftet før besøket.

Avtalen din er bekreftet kun når du mottar en e-post med dato, tid, adresse og referansenummer.

Planlegging leveres av Eksempelplanlegger. Hvis den ikke lastes, ring (555) 014-0186, mandag–fredag, 08:00–18:00.
:::

Hugo-shortkode

Dette er den tiltenkte adapterkontrakten, ikke en påstand om at en shortkode allerede eksisterer. Den bruker kun navngitte parametere.

{{< booking-block id="dishwasher-repair" service="Oppvaskmaskindiagnose" variant="inline" duration="PT1H" location="northside" timezone="America/Chicago" provider="Eksempelplanlegger" src="https://scheduler.example.com/northside/dishwasher" ctaLabel="Velg et avtaletidspunkt" confirmationMode="instant" fallbackPhone="+15550140186" >}}
## Bestill et hvitevareservicebesøk

Velg en 60-minutters oppvaskmaskindiagnose ved vår Northside-avdeling.

Tilgjengelig for hjem innenfor Northside tjenesteområde. Et diagnosegebyr kan påløpe og vil bli bekreftet før besøket.

Avtalen din er bekreftet kun når du mottar en e-post med dato, tid, adresse og referansenummer.

Planlegging leveres av Eksempelplanlegger. Hvis den ikke lastes, ring (555) 014-0186, mandag–fredag, 08:00–18:00.
{{< /booking-block >}}

Hugo-rendereren produserer stabilt innhold og reserve på serveren, deretter lastes leverandøren inn i et merket område.

WordPress-blokk

<!-- wp:amicited/booking-block {"id":"dishwasher-repair","service":"Oppvaskmaskindiagnose","variant":"inline","duration":"PT1H","location":"northside","timezone":"America/Chicago","provider":"Eksempelplanlegger","src":"https://scheduler.example.com/northside/dishwasher","ctaLabel":"Velg et avtaletidspunkt","confirmationMode":"instant","fallbackPhone":"+15550140186"} -->
<h2>Bestill et hvitevareservicebesøk</h2>
<p>Velg en 60-minutters oppvaskmaskindiagnose ved vår Northside-avdeling.</p>
<p>Tilgjengelig for hjem innenfor Northside tjenesteområde. Et diagnosegebyr kan påløpe og vil bli bekreftet før besøket.</p>
<p>Avtalen din er bekreftet kun når du mottar en e-post med dato, tid, adresse og referansenummer.</p>
<p>Planlegging leveres av Eksempelplanlegger. Hvis den ikke lastes, ring <a href="tel:+15550140186">(555) 014-0186</a>, mandag–fredag, 08:00–18:00.</p>
<!-- /wp:amicited/booking-block -->

Den registrerte blokken renderer stabilt innhold via PHP og behandler leverandørkode som progressiv forbedring.

Eksempler

Bra: én avtale med en gjenopprettbar vei

Bestill en 30-minutters gjennomgang av skattedokumenter

Blokken navngir Downtown-avdelingen, lokal tidssone, dokumenter å ta med, og det faktum at møtet gjennomgår journaler men ikke garanterer innleveringskvalifikasjon. «Velg en gjennomgangstid»-knappen åpner en kalender. Under den står det på siden at bekreftelse kommer via e-post og gir et overvåket telefonnummer med betjente åpningstider hvis leverandøren er utilgjengelig.

Dette fungerer fordi tilpasning er tydelig før dataregistrering og betydningen overlever uten kalenderen. Planleggeren har ansvar for tilgjengelighet; siden har ansvar for holdbar tjenestesannhet og gjenoppretting.

Dårlig: en kontekstfri iframe

Bestill nå
En umerket iframe laster en leverandørkalender. Avdeling, tidssone, avtaletype, varighet, gebyr, kvalifikasjonskrav, bekreftelsesstatus og reservekontakt mangler.

Den dårlige versjonen får lesere og uttrekkere til å utlede tilbudet fra tredjepartsgrensesnitt. Et driftsbrudd etterlater en tom seksjon, og en forespørsel kan forveksles med bekreftelse. Reparer det med en HTML-avtaleavtale, merket innebygging, bevarte valg, bekreftelsestekst og reserve.

Skjemamerking og tilgjengelighet

En bestillingsblokk skaper ikke et automatisk krav om skjemamerking. Den omkringliggende siden kan allerede beskrive en synlig virksomhet eller tjeneste med en passende LocalBusiness, mer spesifikk virksomhetstype, Organization eller Service-enhet. Hold disse faktaene konsistente med bestillingsteksten, spesielt navn, lokasjon, telefonnummer, tjenesteområde og åpningstider.

ReserveAction kan representere en ekte reservasjonshandling når målet åpner den synlige, fungerende veien og handlingen nøyaktig tilhører den beskrevne enheten. Den må ikke antyde at et tidspunkt er tilgjengelig, at en forespørsel er bekreftet, eller at alle besøkende er kvalifisert. Ikke publiser avtaledatoer som Event, behandle vanlige åpningstider som bookbar beholdning, eller fabriker strukturerte verdier som siden og planleggingssystemet ikke kan verifisere.

Tilgjengelighet starter før lasting. Bruk en reell overskrift og en handling hvis tilgjengelige navn inkluderer formålet. Gi en iframe en spesifikk title, som «Velg en oppvaskmaskinreparasjonsavtale ved Northside.» Bruk aldri plassholdertekst som eneste feltmerkelapp.

Tastaturbrukere må kunne gå inn, betjene og forlate uten en fokusfelle. En dialog trenger et navn, innledende fokus, Lukk-handling, bakgrunnsisolering og fokusretur. Validering identifiserer feltet og korrigeringen. Datotilstander kan ikke stole på farge alene, og statusoppdateringer må kunngjøres.

Hold reserveveien i normal leserekkefølge og synlig uten JavaScript. Flyten må fungere ved 200 % zoom og smale bredder. Vis tidssonen og unngå tvetydige numeriske datoer.

Hvis leverandøren mislykkes i tastatur-, skjermleser-, kontrast-, personvern- eller gjenopprettingskrav, tilby en tilsvarende assistert vei. CAPTCHA, betaling og identitetskontroller trenger også tilgjengelig gjenoppretting.

Skriveregler

• Skriv en tittel på 3–10 ord som kombinerer en handling med avtalen: «Bestill en hørselsundersøkelse», ikke «Planlegg» eller «Kom i gang.»
• Skriv én oppsummering på 12–35 ord som navngir tjenesten, formatet, varigheten og lokasjonen der disse faktaene er kjent.
• Oppgi maksimalt fem kvalifikasjons- eller forberedelsesvilkår. Oppsummer kun beslutningsendrende regler fra lengre retningslinjer.
• Bruk spesifikke handlingsmerkelapper på 2–8 ord: «Velg en konsultasjonstid», «Be om et hjemmebesøk» eller «Ring for å avtale en vurdering.» Unngå «Send inn», «Fortsett» og «Klikk her.»
• Skill øyeblikkelig bekreftelse fra avtaleforespørsel. Bruk aldri «booket» når ansattes godkjenning fortsatt er nødvendig.
• Oppgi tidssonen når lesere kan booke på tvers av soner eller avtalen er på avstand. Bruk en utvetydig skreven dato i bekreftelser.
• Beskriv gebyrer før leseren velger et tidspunkt når et bestillings-, depositum-, kansellerings-, diagnose- eller oppmøtegebyr kan påløpe. Ikke skjul en nødvendig betaling inne i leverandørens trinn.
• Hold tjenestenavn, varighet, lokasjon, kvalifikasjonskrav, vesentlig forberedelse, bekreftelsesatferd og reserve utenfor iframe eller klientsideapplikasjon.
• Navngi leverandøren før dataoverføring og forklar overleveringen uten å love uunderstøttet personvernatferd.
• Oppgi reserveveien, betjente åpningstider, responsforventning og avtalekontekst som må oppgis.
• For bestilling på tvers av flere lokasjoner, navngi den valgte avdelingen i utløseren, planleggeren og bekreftelsen. Gjenbruk aldri en organisasjonsomfattende «Bestill nå»-lenke uten å forhåndsvelge eller kreve et eksplisitt lokasjonsvalg.
• Hold nødsinstruksjoner, kliniske råd, garantier, vitnesbyrd, rabattnedtellinger, urelaterte tilbud og et andre leadskjema utenfor bestillingsblokken.
• Ikke skriv statiske «neste ledige»-påstander med mindre de genereres fra levende beholdning og merkes med innhentingstidspunkt. Tilgjengelighet kan endre seg mellom gjennomsøking, klikk og bekreftelse.
• Tildel en eier og gjennomgå etter endringer i åpningstider, lokasjoner, gebyrer, kvalifikasjonskrav, leverandøratferd eller innsamlingspolicy.

Innleggstyper som bruker det

postTypes-frontmatter-matrisen driver denne matrisen. Inkludering betyr at siden kan bruke en bestillingsblokk når en reell avtalehandling eksisterer; det krever ikke planlegging på hver side.

QA-sjekkliste

• Blokken planlegger eller ber om en definert avtale i stedet for å samle inn en generell henvendelse.
• Den synlige tittelen navngir avtalen, og handlingsmerkelappen beskriver neste planleggingstrinn.
• Tjeneste, varighet, lokasjon eller tjenesteområde, tidssone, kvalifikasjonskrav og vesentlige gebyrsituasjoner er nøyaktige.
• Stabile avtalefakta rendres som HTML uten å være avhengig av leverandøren, iframe, samtykkebehandler eller JavaScript.
• Levende tilgjengelighet kommer fra det autoritative planleggingssystemet og kopieres ikke inn i statisk brødtekst.
• Den valgte tjenesten og lokasjonen beholdes fra utløser gjennom kalender, validering, bekreftelse og gjenoppretting.
• Siden skiller en øyeblikkelig bekreftelse fra en forespørsel som ansatte må godkjenne.
• En tredjepartsleverandør identifiseres før dataoverføring, og personvernteksten samsvarer med den faktiske flyten.
• Feil, ingen tilgjengelighet, validering, kansellering og ombookingssituasjoner gir hver en nyttig neste handling.
• En overvåket reservetelefon eller tilgjengelig alternativ vei forblir synlig når widgeten feiler.
• Reserveinstruksjoner inkluderer betjente åpningstider eller en realistisk responsforventning.
• Planleggeren har et spesifikt, tilgjengelig navn og fungerer med tastatur, skjermleser, berøring, zoom og smale skjermer.
• Fokus går inn og ut av enhver dialog forutsigbart, og validering sletter ikke tidligere gyldige valg.
• Datoer og tider er utvetydige, inkluderer relevant tidssone og er ikke avhengige av farge alene.
• Nød- eller konsekvensbegrensninger vises før handlingen og er aldri avhengige av planleggeren.
• Ingen konkurrerende planlegger, leadskjema, nedtelling eller urelatert promoteringsinnhold står ved siden av primærhandlingen.
• Strukturerte data gjenspeiler synlige, verifiserte virksomhets- og tjenestefakta uten å finne opp tilgjengelighet eller bekreftelse.
• Den valgte innleggstypen vises i postTypes, og plasseringen følger matrisen ovenfor.
• En eier og gjennomgangsutløser finnes for innhold, reservekontakt, leverandørintegrasjon og bekreftelsesatferd.

FAQ

Kan en bestillingswidget være den eneste avtaleinformasjonen på en side?

Nei. En tredjepartswidget kan feile, kreve samtykke, blokkere søkeroboter eller være ubrukelig med noen hjelpemidler. Hold tjeneste, lokasjon, kvalifikasjonskrav, forberedelse, kontaktinformasjon og reserveinstruksjoner i server-rendert HTML utenfor widgeten.

Skal planleggingsverktøyet åpnes på siden eller på leverandørens nettside?

Bruk en innebygd eller modal planlegger når den er tilgjengelig, rask og enkel å komme tilbake fra. Bruk en tydelig merket ekstern lenke når leverandøren fungerer mer pålitelig på sitt eget domene. I begge tilfeller, bevar det samme gjennomsøkbare innholdet og en ikke-widget-reserve på siden.

Trenger en bestillingsblokk skjemamerking?

Ikke automatisk. Den omkringliggende siden kan kvalifisere for LocalBusiness, Service eller en annen relevant type. Legg til ReserveAction kun når handlingsmålet er reelt, stabilt og nøyaktig representerer den synlige bestillingsveien; finn aldri opp levende avtaletilgjengelighet i strukturerte data.

Hvordan bør en virksomhet med flere lokasjoner håndtere bestilling?

Gjør lokasjonen tydelig før leseren går inn i planleggingsflyten, bevar den valgte lokasjonen gjennom hvert trinn, og vis dens adresse, tidssone og reservekontaktinformasjon i HTML. Send aldri hver avdelingsside til en ufiltrert organisasjonsomfattende kalender.

Hva bør skje når ingen avtaler er tilgjengelige?

Forklar den neste gyldige veien uten å antyde at virksomheten er stengt: tilby en annen lokasjon, venteliste, telefonnummer, forespørselsskjema eller en tydelig dato for å sjekke igjen. Bevar den valgte tjenesten og lokasjonen slik at leseren ikke må starte på nytt.