I dag dykker vi ned i, hvordan du kan guide dine brugere til det rigtige sted i din SuperSaaS-kalender med så få trin som muligt. Få styr på dette for at strømline bookingprocessen og reducere den tid, din kunde bruger på at navigere i kalenderen.
Når du begynder at bruge SuperSaaS til at strømline din bookingproces, kan dine kunder have brug for lidt vejledning i, hvordan de bedst navigerer i din kalender. Selvom det bestemt er praktisk bare at sende dem et link til din kalender, kan nogle kunder have svært ved at finde den præcise klasse, ressource eller service, de har brug for. For at sikre, at dine kunder ubesværet finder det perfekte tidsrum eller den rigtige dato, kan du give dem et “deep link”, som forudvælger den rigtige klasse, ressource eller service for dem.
Hvordan, spørger du? Lad os dele nogle måder nedenfor.
1. Send brugere direkte til en bestemt klasse, ressource eller service
Som standard åbner en SuperSaaS-kalender ved den første ledige tid i din kalender. Men du kan sende kunder til en bestemt måned, uge eller dag ved at ændre dit kalenderlink. Afhængigt af hvilken kalender-type du har, kan trinene se lidt forskellige ud.
Kapacitetskalender: tilføj slot-ID’et til dit link
Hvis du vil linke direkte til en bestemt klasse eller et slot i din kapacitetskalender, kan du gøre det ved at tilføje slot-ID’et til dit link. For at finde slot-ID’et går du til dit administrator-dashboard og klikker på Supervise ved siden af navnet på din kalender.
Når siden er indlæst, klikker du på spyglass-ikonet (forstørrelsesglasset) ved siden af den klasse, du vil linke til. Siden, der åbner, viser deep-linket direkte til slot’et, med slot-ID’et i slutningen.
For eksempel har demoen Cupcake workshop med slotten kaldet “Cupcake Mania” dette link:
supersaas.com/schedule/demo/Cupcake_Workshop/12320083
Ressource- eller servicekalender: tilføj navnet på ressourcen eller servicen til dit link
For at sende brugere til en bestemt ressource eller service i din kalender skal du blot tilføje navnet på din ressource i slutningen af kalenderlinket. Husk, at hvis din ressource normalt indeholder mellemrum, bliver de erstattet af underscores (“_”) i linket.
For vores demo med mødelokaler ville det give følgende link:
supersaas.com/schedule/demos/Mødelokaler/Mødelokale_1
Hvis du bruger en servicekalender, kan du følge samme mønster og tilføje titlen på en bestemt service til slutningen af dit kalenderlink. Den samme regel gælder, når din service indeholder mellemrum; erstat dem blot med underscores. Det fulde link til servicen “Long treatment” i vores Terapeut-demo ville være:
supersaas.com/schedule/demos/Terapeut_2/Long_treatment
2. Tilføj URL-udvidelser for at vise bestemte kalender-sider eller klasser
Send brugere til en bestemt dato
Ved at tilføje ?day=X&month=X til slutningen af din URL og erstatte X med den ønskede dag/måned, sendes brugeren direkte til den dato. Hvis du for eksempel tilføjer ?day=25&month=12, bliver brugeren sendt til juledag. Andre udvidelser er ?year=X og ?week=X. Du kan bruge disse muligheder separat eller i kombination.
Vær opmærksom på, at når du kombinerer disse URL-udvidelser, skal du erstatte hvert efterfølgende spørgsmålstegn med et ampersand (“&”). For eksempel vil dette link åbne en kalender på juledag:
supersaas.com/schedule/demos/Mødelokaler?month=12&day=24
Kapacitetskalender: send brugere til klasser med en bestemt farve
Hvis du bruger en kapacitetskalender, kan du også bruge en URL-udvidelse til at vise tidsrum med en bestemt farve.
For eksempel kan du give alle begynderklasser en grøn farve og alle avancerede klasser en rød farve.
For at gøre det tilføjer du ?color=X til slutningen af din kalender-URL.
X kan erstattes med nummeret på den farve, du valgte til tidsrummet. Disse numre tildeles ud fra rækkefølgen i farvevælger-menuen, så blå er 0, rød er 1 osv.
supersaas.com/schedule/demos/Fitness_klub?color=0
Dette link indlæser din kalender, men kun med de tidsrum, der har den farve, der er angivet i din URL. Du kan også kombinere denne URL-udvidelse med andre for at præcisere, hvilke tidsrum dine brugere præcist skal se.
For at læse mere om URL-udvidelser og finde ud af, hvilke andre muligheder der findes, kan du klikke her.
3. Filtrér på ressourcer med en farvenøgle eller drop-down-menu
Hvis du har en ressourcekalender og ikke ønsker at bruge URL-udvidelser, men gerne vil gøre det lettere for dine brugere at booke en tid med den rigtige ressource, kan du lade dem filtrere de tilgængelige ressourcer.
Der er to måder at præsentere dine ressourcer i kalenderen på. Du kan bruge en drop-down-menu:
Eller du kan tilbyde en farvenøgle:
Farven i farvenøglen matcher farven på ressourcen gennem hele kalenderen og dermed også de aftaler, der allerede er booket for den ressource. For at filtrere aftalerne i kalenderen klikker brugerne på en af knapperne for kun at se alle aftaler med den matchende ressource.
4. Brug en integreret widget for flere muligheder
Du har måske lagt mærke til i vores tidligere blogindlæg, at vi er meget stolte af vores egen widget-integration. Og med god grund! Du kan også integrere vores widget på dit website, så dine kunder får en gnidningsfri bookingoplevelse uden at forlade dit website. Hvis det stadig ikke er gnidningsfrit nok, kan du også forudvælge bestemte klasser, ressourcer eller services, der skal vises i widgeten, så kunderne ikke ved en fejl registrerer sig til en anden klasse, ressource eller service i din kalender. Denne mulighed kræver en vis teknisk forståelse, da du skal tilføje lidt tekst til JavaScript-kodeudsnittet, der genererer widgeten, men det burde bestemt være muligt, selv hvis du ikke har arbejdet med JavaScript før.
For at finde widget-kodeudsnittet for hver af dine SuperSaaS-kalendere, skal du besøge vores widget-integrationsside. På denne side kan du også konfigurere widgetens generelle udseende.
Med instruktionerne nedenfor kan du forudvælge de klasser, ressourcer eller services, du ønsker at vise (og gøre bookbare) i din widget. Andre klasser, ressourcer og services vil ikke være synlige, når dine brugere først ser widgeten.
Kapacitetskalender: forudvælg en klasse eller workshop
Hvis du har flere workshops i én kapacitetskalender og vil have en widget til at fremhæve en bestemt, skal du finde slot-ID’et på Supervise-siden via spyglass-ikonet for det ønskede slot. Kopiér slot-ID’et og tilføj det til dit kodeudsnit som select:slotID. Inkludér også view: "free" i kodeudsnittet for at sikre, at widgeten åbner det slot.
For vores Cupcake workshop-demo er det almindelige kodeudsnit:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Cupcake_Workshop", {"widget_type": "frame", "menu": "show"})</script>
Kodeudsnittet, der åbner et valgt slot, vil i stedet være:
<script class="supersaas-widget"> var supersaas = new SuperSaaS("demo", "CupcakeWorkshop", {"widgettype": "frame", "view": "free", select:12320083}) </script>
Ressourcekalender: forudvælg en ressource
I widget-kodeudsnittet for en ressourcekalender kan du sende ressource-navnet med for at forudvælge netop den ressource. Med denne tilføjelse vil brugerne kun se tilgængeligheden for den valgte ressource. De kan dog stadig ændre ressourcen, når de færdiggør bookingen.
Det almindelige kodeudsnit ville være:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demos", "Mødelokaler", {"widget_type": "frame", "menu": "show"})</script>
Hvis du kun vil se tilgængeligheden for Mødelokale 1, vil dit kodeudsnit så se nogenlunde sådan ud:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demos", "Mødelokaler", {"widget_type": "frame", "menu": "show", select:"Mødelokale 1"})</script>
Servicekalender: forudvælg en service
For en servicekalender ligner ændringen til kodeudsnittet meget det, der gælder for ressourcekalenderen. Du tilføjer select: og navnet på den service, du ønsker at forudvælge. Brugeren kan stadig skifte mellem services med vælgeren.
Det almindelige kodeudsnit for vores Terapeut-demo er:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demos", "Terapeut_2", {"widget_type": "frame", "menu": "show"})</script>
Hvis du specifikt vil forudvælge servicen “Long treatment”, skal du bruge:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demos", "Terapeut_2",{"widget_type": "frame", "menu": "show", select:"Long treatment"})</script>
Hvis du vil tilføje flere widgets med forskellige klasser/ressourcer/services på din side, kan du selvfølgelig sagtens gøre det. Du kan for eksempel også tilføje forskellige versioner af widgeten til forskellige sider på dit website.
Læs mere om JavaScript-konfigurationer i vores developer widget-dokumentation. Hvis du har yderligere spørgsmål, står vores supportteam klar til at hjælpe.