Vandaag duiken we in hoe u uw gebruikers in zo min mogelijk stappen naar de juiste plek in uw SuperSaaS-planning kunt leiden. Beheers dit om uw boekingsproces te stroomlijnen en de tijd die uw klant in uw planning doorbrengt te verkorten.
Wanneer u SuperSaaS gaat gebruiken om uw boekingsproces te stroomlijnen, hebben uw klanten misschien wat begeleiding nodig over hoe ze het beste door uw planning kunnen navigeren. Hoewel het zeker handig is om hen simpelweg een link naar uw planning te sturen, kan het voor sommige klanten lastig zijn om precies de juiste klas, resource of dienst te vinden die ze nodig hebben. Om ervoor te zorgen dat uw klanten moeiteloos het perfecte tijdslot of de juiste datum vinden, kunt u hen een “deep link” geven die de juiste klas, resource of dienst voor hen vooraf selecteert.
Hoe, vraagt u zich af? Hieronder delen we een paar manieren.
1. Gebruikers naar een specifieke klas, resource of dienst sturen
Standaard opent een SuperSaaS-planning op de eerste beschikbaarheid in uw planning. U kunt klanten echter naar een specifieke maand, week of dag sturen door uw planningslink aan te passen. Afhankelijk van uw type planning kunnen de stappen er iets anders uitzien.
Capaciteitsplanning: voeg het slot-ID toe aan uw link
Als u rechtstreeks naar een specifieke klas of slot in uw capaciteitsplanning wilt linken, kunt u dat doen door het slot-ID aan uw link toe te voegen. Om het slot-ID te vinden, gaat u naar uw beheerdersdashboard en klikt u op Bekijken naast de naam van uw planning.
Zodra de pagina is geladen, klikt u op het vergrootglaspictogram naast de klas waarnaar u wilt linken. De pagina die opent, toont de deep link rechtstreeks naar het slot, met het slot-ID aan het einde.
In onze demo voor de cupcakeworkshop heeft het slot met de naam “Cupcake Mania” bijvoorbeeld deze link:
supersaas.nl/schedule/demonstratie/Cupcake_workshop/12320083
Resourceplanning of dienstenplanning: voeg de naam van de resource of dienst toe aan uw link
Om gebruikers naar een specifieke resource of dienst in uw planning te sturen, voegt u eenvoudig de naam van uw resource toe aan het einde van uw planningslink. Houd er rekening mee dat als uw resource doorgaans spaties bevat, deze in uw link worden vervangen door underscores (“_”).
Voor onze vergaderzaaldemo zou dit de volgende link opleveren:
supersaas.nl/schedule/demonstratie/Vergaderzalen/Vergaderzaal_1
Als u een dienstenplanning gebruikt, kunt u hetzelfde patroon volgen en de titel van een specifieke dienst aan het einde van uw planningslink toevoegen. Dezelfde regel geldt wanneer uw dienst spaties bevat; vervang die simpelweg door underscores. De volledige link naar de dienst “Lange behandeling” in onze Therapeut-demo zou zijn:
supersaas.nl/schedule/demonstratie/Therapeut_2/Lange_behandeling
2. URL-uitbreidingen toevoegen om specifieke planningspagina’s of klassen te tonen
Gebruikers naar een specifieke datum sturen
Door ?day=X&month=X aan het einde van uw URL toe te voegen en de X te vervangen door de gewenste dag/maand, stuurt u een gebruiker rechtstreeks naar die datum. Als u bijvoorbeeld ?day=25&month=12 toevoegt, wordt uw gebruiker doorgestuurd naar eerste kerstdag. Andere uitbreidingen zijn ?year=X en ?week=X. U kunt deze opties afzonderlijk of gecombineerd gebruiken.
Houd er rekening mee dat wanneer u deze URL-uitbreidingen combineert, u elk volgend vraagteken moet vervangen door een ampersand (“&”). Deze link zou bijvoorbeeld een agenda openen op kerstdag:
supersaas.nl/schedule/demonstratie/Vergaderzalen?month=12&day=24
Capaciteitsplanning: gebruikers naar lessen met een specifieke kleur sturen
Als u een capaciteitsplanning gebruikt, kunt u ook een URL-uitbreiding gebruiken om tijdslots van een specifieke kleur weer te geven.
U kunt bijvoorbeeld alle beginnerslessen een groene kleur geven en alle gevorderde lessen een rode kleur.
Voeg daarvoor ?color=X toe aan het einde van uw planningslink.
De X kan worden vervangen door het nummer van de kleur die u voor het tijdslot heeft gekozen. Die nummers worden toegekend op basis van de volgorde van het kleurkeuzemenu, dus blauw is 0, rood is 1, enzovoort.
supersaas.nl/schedule/demonstratie/Fitness_Club?color=0
Deze link laadt uw planning, maar alleen met de tijdslots die de kleur hebben die u in uw URL heeft opgegeven. U kunt deze URL-uitbreiding ook combineren met andere om precies te bepalen welke tijdslot(s) uw gebruikers zien.
Lees meer over URL-uitbreidingen en ontdek welke andere opties mogelijk zijn op deze pagina.
3. Filteren op resource met een kleurcode of dropdownmenu
Als u een resourceplanning heeft en u wilt geen gebruikmaken van URL-uitbreidingen, maar u wilt het uw gebruikers wel gemakkelijker maken om een tijdstip met de juiste resource te boeken, kunt u uw gebruikers de beschikbare resources laten filteren.
Er zijn twee manieren om uw resources in de planning te presenteren. U kunt een dropdownmenu gebruiken:
Of u kunt een kleurcode aanbieden:
De kleur van de kleurcode komt overeen met de kleur van de resource in de hele planning en, als gevolg daarvan, met de afspraken die al voor die resource geboekt zijn. Om de afspraken in de planning te filteren, klikken gebruikers op een van de knoppen om alleen de afspraken met de bijbehorende resource te bekijken.
4. Een geïntegreerde widget gebruiken voor meer mogelijkheden
U heeft misschien gemerkt in onze eerdere blogposts dat we erg trots zijn op onze eigen widgetintegratie. En terecht! U kunt onze widget ook in uw eigen website integreren, zodat uw klanten een naadloze boekingservaring krijgen zonder uw website te verlaten. Mocht dat niet naadloos genoeg zijn, dan kunt u ook bepaalde klassen, resources of diensten vooraf selecteren om in de widget te tonen, zodat klanten zich niet per ongeluk inschrijven voor een andere klas, resource of dienst in uw planning. Voor deze optie is enige technische kennis vereist, omdat u een stukje tekst aan het JavaScript-fragment toevoegt dat de widget genereert. Maar het is zeker haalbaar, zelfs als u nog niet eerder met JavaScript heeft gewerkt.
Het widgetfragment voor elk van uw SuperSaaS-planningen vindt u op onze pagina voor widgetintegratie. Op deze pagina kunt u ook het algemene uiterlijk van uw widget configureren.
Met de onderstaande instructies kunt u klassen, resources of diensten vooraf selecteren die u in uw widget wilt tonen (en boekbaar maken). Andere klassen, resources en diensten zijn niet zichtbaar wanneer uw gebruikers de widget voor het eerst bekijken.
Capaciteitsplanning: een klas of workshop vooraf selecteren
Als u meerdere workshops in één capaciteitsplanning heeft en u wilt dat een widget er één uitlicht, zoek dan het slot-ID op de pagina Bekijken door op het vergrootglaspictogram bij het gewenste slot te klikken. Kopieer het slot-ID en voeg het toe aan uw codefragment als select:slotID. Voeg ook view: "free" toe aan het codefragment om er zeker van te zijn dat de widget dat slot opent.
Voor onze demo van de cupcakeworkshop is het standaard codefragment:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstratie", "Cupcake_workshop", {"widget_type": "frame", "menu": "show"})</script>
Het fragment dat een geselecteerd slot opent, wordt dan:
<script class="supersaas-widget"> var supersaas = new SuperSaaS("demonstratie", "Cupcake_workshop", {"widget_type": "frame", "view": "free", select:12320083}) </script>
Resourceplanning: een resource vooraf selecteren
In het widgetfragment voor een resourceplanning kunt u de naam van een resource doorgeven om die specifieke resource vooraf te selecteren. Met deze toevoeging zien gebruikers alleen de beschikbaarheid voor de resource die u heeft geselecteerd. Ze kunnen echter de resource nog steeds wijzigen bij het afronden van hun boeking.
Het standaard codefragment zou zijn:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstratie", "Vergaderzalen", {"widget_type": "frame", "menu": "show"})</script>
Om alleen de beschikbaarheid voor Vergaderzaal 1 te zien, ziet uw codefragment er ongeveer zo uit:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstratie", "Vergaderzalen", {"widget_type": "frame", "menu": "show", select:"Vergaderzaal 1"})</script>
Dienstenplanning: een dienst vooraf selecteren
Voor een dienstenplanning lijkt de wijziging van het fragment veel op die voor de resourceplanning. U voegt select: toe en de naam van de dienst die u vooraf wilt selecteren. De gebruiker kan nog steeds met de selector tussen diensten wisselen.
Het standaard codefragment voor onze Therapeut-demo is:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstratie", "Therapeut_2", {"widget_type": "frame", "menu": "show"})</script>
Als u specifiek de dienst “Lange behandeling” vooraf wilt selecteren, gebruikt u:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstratie", "Therapeut_2",{"widget_type": "frame", "menu": "show", select:"Lange behandeling"})</script>
Als u meerdere widgets met verschillende klassen/resources/diensten op uw pagina wilt toevoegen, kan dat zeker. U kunt bijvoorbeeld ook verschillende versies van de widget op verschillende pagina’s van uw website plaatsen.
Lees meer over JavaScript-configuraties in onze ontwikkelaarsdocumentatie voor de widget. Heeft u nog vragen, dan staat ons supportteam klaar om te helpen.