Heute gehen wir darauf ein, wie Du Deine Benutzer leiten kannst, um sie in möglichst wenigen Schritten an die richtige Stelle in Deinem Buchungskalender von SuperSaaS 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 Kurs, 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 Dienstleistung leiten
Standardmäßig öffnet ein SuperSaaS-Kalender die erste Buchungsmöglichkeit, die in Deinem Buchungskalender zur Verfügung steht. 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.
Kapazitätsplan: 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 Dashboard und klicke auf Überwachen neben dem Namen Deines Terminbuchungskalenders.
Sobald die Seite geladen ist, klicke auf das Lupen-Symbol 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äume/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 zum Dienst „Lange Behandlungen“ in unserer Therapeuten-Demo lautet:
supersaas.de/schedule/demonstrationen/Therapeut_2/Lange_Behandlungen
2. URL-Erweiterungen hinzufügen, um bestimmte Kalenderseiten oder Kurse 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 erhältst 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=25&month=12‘ (day=Tag, month=Monat), wird Dein Benutzer zu Heiligabend 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 Heiligabend an Weihnachten öffnen:
supersaas.de/schedule/demonstrationen/Konferenzräume?month=12&day=24
Kapazitätsplan: Benutzer zum Kurs mit einer bestimmten Farbe leiten
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.
3. Ressourcen filtern mit einem Farbschlüssel oder einem Drop-down-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 Drop-down-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. Verwende 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 Integrationsmöglichkeit mit Widget 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, welches 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 zur Widget-Einbindung. 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: Einen Kurs oder einen Workshop vorauswählen
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 Lupen-Symbol 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("demonstrationen", "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("demonstrationen", "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.
Der Standard-Codeausschnitt wäre:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrationen", "Konferenzräume", {"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", "Konferenzräume", {"widget_type": "frame", "menu": "show", select:"Konferenzraum 1"})</script>
Serviceplan: Eine Dienstleistung vorauswählen
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_2", {"widget_type": "frame", "menu": "show"})</script>
Wenn Du speziell die Dienstleistung „Lange Behandlung“ auswählen möchtest, verwende diese Funktion:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrationen", "Therapeut2",{"widgettype": "frame", "menu": "show", select:"Lange Behandlungen"})</script>
Für den Fall, dass Du mehrere Widgets mit unterschiedlichen Kurse/Ressourcen/Dienstleistungen 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 Konfigurationen mit JavaScript erfährst Du in unserer Entwicklerdokumentation zum Widget. Solltest Du weitere Fragen haben, steht Dir unser Support-Team hier zur Verfügung, um zu helfen.