Benutzer leiten: zu einem Kurs, einer Ressource oder einem Dienst

Heute gehen wir darauf ein, wie Du Deine Benutzer leiten kannst, um sie in möglichst wenigen Schritten an die richtige Stelle in Deinem SuperSaaS-Buchungskalender zu führen. Damit kannst Du Deinen Buchungsprozess optimieren und die Zeit, die Deine Kunden mit der Navigation zu einer Auswahl von bestimmten Buchungsmöglichkeiten in Deinem Buchungskalender verbringen, verringern.

Wenn Du bei der Nutzung von SuperSaaS Deinen Buchungsprozess optimieren willst, benötigen Deine Kunden möglicherweise eine Anleitung, wie sie am besten durch Deine Buchungsangebote navigieren können. Es ist zwar bequem, ihnen einfach einen Link zu Deinem Terminbuchungskalender zu schicken, aber manche Kunden haben vielleicht Schwierigkeiten, genau den Kurs, die Ressource oder die Dienstleistung zu finden, die sie benötigen. Um sicherzustellen, dass Deine Kunden mühelos das perfekte Zeitfenster oder Datum finden, solltest Du ihnen einen „Deep Link“ zur Verfügung stellen, der den richtigen Kurse, die passende Ressource oder die ausgewählte Dienstleistung direkt für sie anbieten kann.

Wie, soll ich Benutzer leiten, fragst Du? Im Folgenden stellen wir Dir ein paar Möglichkeiten vor.

1. Benutzer zu einem bestimmten Kurs, einer Ressource oder einem Dienst leiten

Standardmäßig öffnet ein SuperSaaS Terminbuchungskalender die erstmöglich zur Verfügung stehende Buchungsmöglichkeit in Deinem Buchungskalender. Du kannst Kunden jedoch zu einem bestimmten Monat, eine bestimmte Woche oder einem bestimmten Tag schicken, indem Du den Link zu Deinem Terminbuchungskalender änderst. Je nach Art Deines Buchungsplans können die Schritte dafür ein wenig anders aussehen.

Benutzer im Kapazitätsplan Kalender leiten: Füge die Slot-ID zu Deinem Link hinzu

Wenn Du einen direkten Link zu einem bestimmten Kurs oder einem Zeitfenster in Deinem Kapazitätsplan erstellen möchtest, kannst Du das tun, indem Du die Slot-ID zu Deinem Link hinzufügst. Um die Slot-ID zu finden, gehe zu Deinem Administrator-Dashboard und klicke auf ÜBERWACHEN neben dem Namen Deines Terminbuchungskalenders.

Sobald die Seite geladen ist, klicke auf das Lupensymbol neben dem Kurs, zu der Du einen Link herstellen möchtest. Die Seite, die sich öffnet, zeigt den Deep Link direkt zum Slot, mit der Slot-ID am Ende.

In unserer Cupcake-Workshop-Demo hat der Slot namens „Cupcake Mania“ zum Beispiel diesen Link:

supersaas.de/schedule/demonstrationen/Cupcake_Workshop/20960694

Benutzer im Ressourcen- oder Serviceplan Kalender leiten: Füge den Namen der Ressource oder des Dienstes zu Deinem Link hinzu.

Um Nutzer zu einer bestimmten Ressource oder einem Dienst in Deinem Terminbuchungskalender zu leiten, füge einfach den Namen Deiner Ressource an das Ende von Deinem Buchungskalender-Link hinzu. Wenn Deine Ressource normalerweise Leerzeichen enthält, werden diese in Deinem Link durch Unterstriche („_“) ersetzt.

Für unsere Besprechungsraum-Demo würde dies zu folgendem Link führen:

supersaas.de/schedule/demonstrationen/Konferenzr%C3%A4ume/Konferenzraum_1

Wenn Du einen Serviceplan Kalender verwendest, kannst Du nach demselben Muster vorgehen und den Titel eines bestimmten Dienstes an das Ende des Links zu Deinem Serviceplan Kalender anfügst. Die gleiche Regel gilt, wenn Deine Dienstleistung Leerzeichen enthält; ersetze diese einfach durch Unterstriche. Der vollständige Link zu der Dienstleistung „Englisch Konversation Anfänger“ in unserer Sprachschule-Demo würde lauten:

supersaas.de/schedule/demonstrationen/Konversationskurse/Englisch_Konversation_Anfänger

2. Füge URL-Erweiterungen hinzu, um eine bestimmte Auswahl von Buchungskalenderseiten oder Kursen zu zeigen

Benutzer zu einem bestimmten Datum leiten

Füge ?day=X&month=X an das Ende der URL von Deinem Terminbuchungskalender und ersetze das X mit dem gewünschten day/month (Tag/Monat). Damit wählst Du eine Auswahl für den Nutzer und schickst ihn direkt zu diesem Datum.

Wenn Du zum Beispiel das Folgende an das Ende Deiner URL hinzufügst ?day=24&month=12 (day=Tag, month=Monat), wird Dein Benutzer zu Heilig Abend an Weihnachten weitergeleitet. Andere Erweiterungen sind ?year=X (year=Jahr) und ?week=X (week=Woche). Du kannst diese Optionen einzeln oder kombiniert verwenden.

Beachte, dass Du bei der Kombination dieser URL-Erweiterungen jedes folgende Fragezeichen durch ein “&” (Und-Zeichen) ersetzen musst. Dieser Link würde zum Beispiel einen Kalender am Heilig Abend an Weihnachten öffnen:

supersaas.de/schedule/demonstrationen/Konferenzr%C3%A4ume?month=12&day=24

Kapazitätsplan Kalender: Weiterleitung der Nutzer zu Kursen mit einer bestimmten Farbe

Wenn Du einen Kapazitätsplan verwendest, kannst Du auch eine URL-Erweiterung verwenden, um Zeitfenster mit einer bestimmten Farbe zu zeigen.
So könntest Du zum Beispiel alle Kurse für Anfänger grün und alle Kurse für Fortgeschrittene rot einfärben.
Füge dazu Folgendes hinzu ?color=X an das Ende der URL von Deinem Terminbuchungsplan anhängen.

Das X kann durch die Nummer der Farbe ersetzt werden, die Du für das Zeitfenster gewählt hast. Diese Nummern werden in der Reihenfolge des Farbauswahlmenüs zugewiesen, d. h. blau ist 0, rot ist 1, grün ist 2 usw. Die vollständige Darstellung der Farben für die Zeitfenster kannst Du sehen unter > Kalender > KONFIGURIEREN > Layout > Klick auf Link: Farben des Layout. Dort werden die Standardfarben von links nach recht gezählt mit 0 ganz links beginnend.

supersaas.de/schedule/demonstrationen/Fitness-Studio?color=2

Dieser Link lädt Deinen Terminbuchungskalender so, dass er ausschließlich die Zeitfenster zeigt, die Du in der URL per Farbkode angegeben hast. Du kannst diese URL-Erweiterung auch mit anderen kombinieren, um genau festzulegen, welche Zeitfenster Deine Nutzer sehen werden.

Mehr über URL-Erweiterungen erfahren und herausfinden, welche weiteren Optionen möglich sind, kannst Du hier anklicken.

3. Filtern nach Ressourcen mit einem Farbschlüssel oder einem Dropdown-Menü

Wenn Du einen Ressourcenplan hast und keine URL-Erweiterungen verwenden möchtest, aber Deinen Nutzern die Buchung eines Termins bei der richtigen Ressource erleichtern möchtest, kannst Du Deinen Nutzern die Möglichkeit geben, die verfügbaren Ressourcen zu filtern.

Es gibt zwei Möglichkeiten, Deine Ressourcen im Terminbuchungskalender darzustellen. Du kannst ein Dropdown-Menü verwenden:

Oder Du kannst einen Farbschlüssel anbieten:

Die Farbe des Farbschlüssels entspricht der Farbe der Ressource im gesamten Terminbuchungskalender und somit auch den Terminen, die bereits für diese Ressource gebucht sind. Um die Termine im Buchungskalender zu filtern, klicken die Benutzer auf eine der Schaltflächen, um nur alle der Buchungsmöglichkeiten der entsprechenden Ressource zu sehen.

4. Nutze ein integriertes Widget für mehr Möglichkeiten

Vielleicht hast Du in unseren früheren Blogbeiträgen bemerkt, dass wir sehr stolz auf unsere eigene Widget-Integration sind. Und das aus gutem Grund! Du kannst unser Widget in Deine Website integrieren, damit Deine Kunden ein nahtloses Buchungserlebnis haben, ohne Deine Website zu verlassen. Wenn Dir das noch nicht nahtlos genug ist, kannst Du auch bestimmte Kurse, Ressourcen oder Dienstleistungen vorauswählen, die im Widget gezeigt werden sollen, damit sich Deine Kunden nicht versehentlich für einen anderen Kurs, eine andere Ressource oder eine andere Dienstleistung in Deinem Buchungsangebot anmelden. Diese Option erfordert einige technische Kenntnisse, da Du dem JavaScript-Snippet, das das Widget generiert, ein wenig Text hinzufügen musst, sollte aber auch dann machbar sein, wenn Du noch nie mit JavaScript gearbeitet hast.

Um das Widget-Snippet für jeden Deiner SuperSaaS-Terminbuchungskalender zu finden, besuche unsere Seite für die Widget-Integration. Auf dieser Seite kannst Du auch das allgemeine Aussehen Deines Widgets konfigurieren.

Anhand der nachstehenden Anweisungen kannst Du eine Vorauswahl der Kurse, Ressourcen oder Dienstleistungen treffen, die Du in Deinem Widget zeigen (und buchbar machen) möchtest. Andere Kurse, Ressourcen und Dienstleistungen werden nicht sichtbar sein, wenn Deine Nutzer das Widget zum ersten Mal sehen.

Kapazitätsplan Kalender: Auswahl eines Kurses oder eines Workshops

Wenn Du mehrere Workshops in einem Kapazitätsplan hast und einen bestimmten Workshop mit einem Widget hervorheben möchtest, findest Du die Slot-ID auf der Seite „ÜBERWACHEN“, indem Du auf das Lupensymbol des gewünschten Zeitfensters klickst. Kopiere die Slot-ID und füge sie in Dein Code-Snippet ein als select:slotID. Füge außerdem view: "free" in den Codeschnipsel ein, um sicherzustellen, dass das Widget dieses Zeitfenster öffnet.

Für unsere Cupcake-Workshop-Demo lautet der Standard-Code-Schnipsel:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Cupcake_Workshop", {"widget_type": "frame", "menu": "show"})</script>

Das Snippet, das ein ausgewähltes Zeitfenster öffnet, würde stattdessen lauten:
<script class="supersaas-widget"> var supersaas = new SuperSaaS("demo", "Cupcake_Workshop", {"widget_type": "frame", "view": "free", select:12320083})</script>

Ressourcenplan: Vorauswahl einer Ressource

Im Widget-Snippet für einen Ressourcenplan Kalender kannst Du den Ressourcennamen angeben, um eine Vorauswahl dieser spezifischen Ressource zu treffen. Mit diesem Zusatz sehen die Benutzer nur die Auswahl der Verfügbarkeit für die von Dir ausgewählten Ressource. Die Benutzer können jedoch die Ressource immer noch ändern, wenn sie ihre Buchung abschließen.

Das Standard-Codeschnipsel wäre:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrationen", "Meeting_Raums", {"widget_type": "frame", "menu": "show"})</script>

Wenn Du nur die Auswahl der Verfügbarkeit für Besprechungsraum 1 zeigen möchtest, würde Dein Codeschnipsel etwa so aussehen:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrationen", "Meeting_Raums", {"widget_type": "frame", "menu": "show", select:"Meeting Raum 1"})</script>

Serviceplan Kalender: Auswahl eines Dienstes

Bei einem Serviceplan Kalender sieht die Änderung des Snippets ähnlich aus wie bei einem Ressourcenplan. Du würdest folgendes hinzufügen select: und den Namen des Dienstes, den Du auswählen möchtest. Der Benutzer kann weiterhin mit dem Selektor zwischen den Diensten wechseln.

Der Standard-Codeausschnitt für unsere Therapeuten-Demo lautet:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrationen", "Therapeut", {"widget_type": "frame", "menu": "show"})</script>

Wenn Du speziell den „Lange Behandlung“ auswählen möchtest, verwende diese Funktion:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrationen", "Therapeut",{"widget_type": "frame", "menu": "show", select:"Lange Behandlung"})</script>

Für den Fall, dass Du mehrere Widgets mit unterschiedlichen Kurse/Ressourcen/Diensten auf Deiner Seite hinzufügen möchtest, kannst Du dies natürlich tun. Du könntest z. B. auch unterschiedliche Versionen des Widgets auf verschiedenen Seiten Deiner Website einfügen.

Mehr über JavaScript-Konfigurationen erfährst Du in unserer Entwickler-Widget-Dokumentation. Solltest Du weitere Fragen haben, steht Dir unser Support-Team hier zur Verfügung, um zu helfen.