Aujourd’hui, nous examinons comment vous pouvez guider vos utilisateurs vers le bon endroit dans votre planning SuperSaaS en aussi peu d’étapes que possible. Maîtrisez cela pour rationaliser votre processus de réservation et réduire le temps que votre client passe à parcourir votre emploi du temps.
Lorsque vous commencez à utiliser SuperSaaS pour rationaliser votre processus de réservation, vos clients peuvent avoir besoin de conseils sur la meilleure façon de gérer votre emploi du temps. Bien qu’il soit certainement pratique de simplement leur envoyer un lien vers votre emploi du temps, certains clients peuvent avoir du mal à trouver le cours, la ressource ou le service exact dont ils ont besoin. Pour garantir que vos clients trouvent sans effort le créneau horaire ou la date idéale, vous souhaiterez peut-être leur fournir un « lien profond » qui présélectionne la classe, la ressource ou le service qui leur convient.
Comment, demandez-vous ? Partageons quelques méthodes ci-dessous.
1. Diriger les utilisateurs vers une classe, une ressource ou un service spécifique
Par défaut, un Calendrier SuperSaaS s’ouvre dès la première disponibilité de votre planning. Cependant, vous pouvez envoyer des clients vers un mois, une semaine ou un jour spécifique en modifiant votre lien de planification. Selon votre type d’horaire, les étapes peuvent être un peu différentes.
Planification des capacités : ajoutez l’ID du slot à votre lien
Si vous souhaitez créer un lien directement vers une classe spécifique ou un emplacement dans votre planning de capacité, vous pouvez le faire en ajoutant l’ID de l’emplacement à votre lien. Pour trouver l’ID du créneau, accédez à votre tableau de bord d’administrateur et cliquez sur Superviser à côté du nom de votre planning.
Une fois la page chargée, cliquez sur l’icône en forme de lunette (loupe) à côté de la classe vers laquelle vous souhaitez créer un lien. La page qui s’ouvre affiche le lien profond directement vers le slot, avec l’ID du slot à la fin.
Par exemple, dans notre démo Cupcake Workshop, la machine à sous appelée “Cupcake Mania” a ce lien :
www.supersaas.tld/schedule/demonstrations/Atelier_cupcakes/12320083
Planning d’une ressource ou d’un service : ajoutez le nom de la ressource ou du service à votre lien
Pour diriger les utilisateurs vers une ressource ou un service spécifique dans votre planning, il vous suffit d’ajouter le nom de votre ressource à la fin du lien de votre planning. Gardez à l’esprit ici que si votre ressource contient généralement des espaces, ceux-ci seront remplacés par des traits de soulignement (« _ ») dans votre lien.
Pour notre démo de salle de réunion, cela donnerait le lien suivant :
www.supersaas.tld/schedule/demonstrations/SallesdeRéunion/SalledeRéunion_1
Si vous utilisez un planning de service, vous pouvez suivre le même modèle et ajouter le titre d’un service spécifique à la fin du lien de votre planning. La même règle s’applique lorsque votre service contient des espaces ; remplacez simplement ceux-ci par des traits de soulignement. Le lien complet vers le service “Traitement long” dans notre démo Thérapeute serait :
www.supersaas.tld/schedule/demonstrations/Médecin_2/Long_treatment
2. Ajoutez des extensions d’URL pour afficher des pages de planning ou des cours spécifiques
Diriger les utilisateurs vers une date spécifique
Ajouter ?day=X&month=X à la fin de votre URL et remplacer X par le jour/mois souhaité enverra un utilisateur directement à cette date. Par exemple, si vous ajoutez ?day=25&month=12, votre utilisateur est dirigé vers le jour de Noël. Les autres extensions sont ?year=X et ?week=X. Vous pouvez utiliser ces options séparément ou combinées.
Gardez à l’esprit que lorsque vous combinez ces extensions d’URL, vous devrez remplacer chaque point d’interrogation suivant par une esperluette (« & »). Par exemple, ce lien ouvrirait un calendrier le jour de Noël :
www.supersaas.tld/schedule/demonstrations/SallesdeRéunion?month=12&day=24
Planification des capacités : diriger les utilisateurs vers des classes avec une couleur spécifique
Si vous utilisez un planning de capacité, vous pouvez également utiliser une extension d’URL pour afficher des plages horaires d’une couleur spécifique.
Par exemple, vous pouvez donner à toutes les classes débutantes une couleur verte et à toutes les classes avancées une couleur rouge.
Pour ce faire, ajoutez ?color=X à la fin de l’URL de votre planning.
Le X peut être remplacé par le numéro de la couleur que vous avez choisi pour la plage horaire. Ces numéros sont attribués en fonction de l’ordre du menu de sélection des couleurs, donc le bleu vaut 0, le rouge vaut 1, etc.
www.supersaas.tld/schedule/demonstrations/ClubdeFitness?color=0
Ce lien chargera votre planning, mais uniquement avec les plages horaires qui ont la couleur spécifiée dans votre URL. Vous pouvez également combiner cette extension d’URL avec d’autres pour affiner exactement les plages horaires que vos utilisateurs verront.
Pour en savoir plus sur les extensions d’URL et découvrir quelles autres options sont possibles, veuillez consulter cette page.
3. Filtrer sur la ressource avec une touche de couleur ou un menu déroulant
Si vous disposez d’un planning de ressources et que vous ne souhaitez pas utiliser d’extensions d’URL, mais que vous souhaitez permettre à vos utilisateurs de réserver plus facilement un créneau avec la bonne ressource, vous souhaiterez peut-être laisser vos utilisateurs filtrer les ressources disponibles.
Il existe deux manières de présenter vos ressources dans le planning. Vous pouvez utiliser un menu déroulant :
Ou vous pouvez proposer une clé de couleur :
La couleur de la touche de couleur correspond à la couleur de la ressource tout au long du planning et, par conséquent, des rendez-vous déjà réservés pour cette ressource. Pour filtrer les rendez-vous dans le planning, les utilisateurs cliquent sur l’un des boutons pour afficher uniquement tous les rendez-vous avec la ressource correspondante.
4. Utilisez un widget intégré pour plus de possibilités
Vous avez peut-être remarqué dans nos précédents articles de blog que nous sommes très fiers de notre propre intégration de widgets. Avec raison ! Vous pouvez également intégrer notre widget à votre site Web afin que vos clients bénéficient d’une expérience de réservation fluide sans quitter votre site Web. Cependant, si cela n’est pas assez transparent, vous pouvez également présélectionner certaines classes, ressources ou services à afficher dans le widget, afin que les clients ne s’inscrivent pas accidentellement à une autre classe, ressource, ou un service dans votre emploi du temps. Cette option nécessite certaines connaissances techniques car vous ajouterez un peu de texte à l’extrait JavaScript qui génère le widget. Cependant, cela devrait certainement être faisable même si vous n’avez jamais travaillé avec JavaScript auparavant.
Pour trouver l’extrait de widget pour chacun de vos plannings SuperSaaS, visitez notre page d’intégration des widgets. Sur cette page, vous pouvez également configurer l’apparence générale de votre widget.
Avec les instructions ci-dessous, vous pouvez présélectionner les cours, ressources ou services que vous souhaitez afficher (et rendre réservables) dans votre widget. Les autres classes, ressources et services ne seront pas visibles lorsque vos utilisateurs consulteront le widget pour la première fois.
Planning de capacité : présélectionner un cours ou un atelier
Si vous avez plusieurs ateliers dans un même planning de capacité et que vous souhaitez qu’un widget en mette en évidence un en particulier, recherchez l’ID de l’emplacement sur la page Superviser en cliquant sur l’icône en forme de lunette sur l’emplacement souhaité. Copiez l’ID de l’emplacement et ajoutez-le à votre extrait de code sous le nom select:slotID. Incluez également view: "free" dans l’extrait de code pour vous assurer que le widget ouvre cet emplacement.
Pour notre démo de l’atelier Cupcake, l’extrait de code standard est :
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Atelier_cupcakes", {"widget_type": "frame", "menu": "show"})</script>
L’extrait qui ouvre un emplacement sélectionné serait plutôt :
<script class="supersaas-widget"> var supersaas = new SuperSaaS("demo", "Cupcake_Workshop", {"widget_type": "frame", "view": "gratuit", select:12320083}) </script>
Planning des ressources : présélectionner une ressource
Dans l’extrait de widget d’une planification de ressources, vous pouvez transmettre le nom de la ressource pour présélectionner cette ressource spécifique. Avec cet ajout, les utilisateurs ne verront que la disponibilité de la ressource que vous avez sélectionnée. Cependant, ils peuvent toujours changer de ressource au moment de finaliser leur réservation.
L’extrait de code standard serait :
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Meeting_Rooms", {"widget_type": "frame", "menu": "show"})</script>
Pour voir uniquement la disponibilité de la salle de réunion 1, votre extrait de code ressemblerait alors à ceci :
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Meeting_Rooms", {"widget_type": "frame", "menu": "show", select:"Salle de réunion 1"})</script>
Planification des services : présélectionner un service
Pour une planification de service, la modification apportée à l’extrait ressemble beaucoup à celle d’une planification de ressources. Vous ajouteriez select: et le nom du service que vous souhaitez présélectionner. L’utilisateur peut toujours basculer entre les services avec le sélecteur.
L’extrait de code standard de notre démo Therapist est :
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrations", "Médecin_2", {"widget_type": "frame", "menu": "show"})</script>
Si vous souhaitez présélectionner spécifiquement le service « Traitement long », vous utiliserez :
<script class="supersaas-widget">var supersaas = new SuperSaaS("demonstrations", "Médecin2",{"widgettype": "frame", "menu": "show", select:"Traitement long"})</script>
Si vous souhaitez ajouter plusieurs widgets avec différentes classes/ressources/services sur votre page, vous pouvez certainement le faire. Vous pouvez, par exemple, également ajouter différentes versions du widget à différentes pages de votre site Web.
Découvrez-en davantage sur les configurations JavaScript dans notre documentation du widget développeur. Si vous avez des questions supplémentaires, notre équipe d’assistance est ici pour aider.