Hoy, profundizamos en cómo puedes guiar a tus usuarios al lugar correcto en tu horario de SuperSaaS en la menor cantidad de pasos posible. Domina esto para agilizar tu proceso de reserva y reducir el tiempo que tu cliente dedica a navegar por tu horario.
Cuando comienzas a utilizar SuperSaaS para agilizar tu proceso de reserva, es posible que tus clientes necesiten orientación sobre cómo navegar mejor tu horario. Si bien es ciertamente conveniente enviarles simplemente un enlace a tu horario, algunos clientes pueden tener dificultades para encontrar la clase, el recurso o el servicio exacto que necesitan. Para garantizar que tus clientes encuentren sin esfuerzo el horario o la fecha perfecta, es posible que desees proporcionarles un “enlace profundo” que preseleccione la clase, el recurso o el servicio adecuado para ellos.
¿Cómo, preguntas? Compartamos algunas formas a continuación.
1. Dirigir a los usuarios a una clase, recurso o servicio específico
De forma predeterminada, se abre un horario de SuperSaaS en la primera disponibilidad en tu horario. Sin embargo, puedes enviar clientes a un mes, semana o día específico modificando el enlace de tu horario. Dependiendo del tipo de horario, los pasos podrían verse un poco diferentes.
Horario de capacidad: agregar el ID de la ranura al enlace
Si deseas vincular directamente a una clase específica o un espacio en tu horario de capacidad, puedes hacerlo agregando el ID del espacio al enlace. Para encontrar el ID del espacio, ve a tu Panel de control y haz clic en Supervisar junto al nombre del horario.
Una vez que la página se haya cargado, haz clic en la lupa al lado de la clase a la que deseas vincular. La página que se abre muestra el enlace profundo directamente al espacio, con el ID del espacio al final.
Por ejemplo, en nuestra demostración del taller de Cupcakes, la ranura de tiempo llamada “Cupcake Mania” tiene este enlace:
supersaas.es/schedule/demostraciones/TallerDeMagdalenas/12320083
Horario de recursos o servicios: agregar el nombre del recurso o servicio al enlace
Para dirigir a los usuarios a un recurso o servicio específico en tu horario, simplemente agrega el nombre del recurso al final del enlace de tu horario. Ten en cuenta aquí que si tu recurso normalmente contiene espacios, estos serán reemplazados por guiones bajos (“_”) en el enlace.
Para nuestra demostración de sala de reuniones, esto daría como resultado el siguiente enlace:
supersaas.es/schedule/demostraciones/SalasDeReuniones/Sala_de_Reuniones_1
Si utilizas un horario de servicios, puedes seguir el mismo patrón y agregar el título de un servicio específico al final del enlace de tu horario. La misma regla se aplica cuando tu servicio contiene espacios; simplemente reemplázalos con guiones bajos. El enlace completo al servicio “Tratamiento largo” en nuestra demo de Terapeuta sería:
supersaas.es/schedule/demostraciones/Terapeuta_2/Tratamiento_largo
2. Agregar extensiones de URL para mostrar clases o páginas de horarios específicas
Dirigir a los usuarios a una fecha específica
Agregar ?day=X&month=X al final de la URL y reemplazar la X con el día/mes deseado enviará al usuario directamente a esa fecha. Por ejemplo, si agregas ?day=25&month=12, tu usuario será dirigido al día de Navidad. Otras extensiones son ?year=X y ?week=X. Puedes utilizar estas opciones por separado o combinadas.
Ten en cuenta que cuando combines estas extensiones de URL, deberás reemplazar cada signo de interrogación siguiente con un signo (“&”). Por ejemplo, este enlace abriría un calendario el día de Navidad:
supersaas.es/schedule/demostraciones/SalasDeReuniones?month=12&day=24
Horario de capacidad: dirigir a los usuarios a clases con un color específico
Si utilizas un horario de capacidad, también puedes usar una extensión de URL para mostrar franjas horarias de un color específico.
Por ejemplo, podrías asignar un color verde a todas las clases para principiantes y un color rojo a todas las clases avanzadas.
Para hacerlo, agrega ?color=X al final de la URL de tu horario.
La X se puede reemplazar con el número del color que elegiste para la ranura de tiempo. Esos números se asignan según el orden del menú de selección de color, por lo que el azul es 0, el rojo es 1, etc.
supersaas.es/schedule/demostraciones/Gimnasio?color=0
Este enlace cargará tu horario, pero solo con las ranuras de tiempo que tengan el color especificado en tu URL. También puedes combinar esta extensión de URL con otras para refinar exactamente qué ranuras de tiempo verán tus usuarios.
Para leer más sobre las extensiones de URL y descubrir qué otras opciones son posibles, haz clic aquí.
3. Filtrar por recurso con una clave de color o un menú desplegable
Si tienes un horario de recursos y no deseas utilizar extensiones de URL, pero te gustaría que a tus usuarios les resulte más fácil reservar una hora con el recurso adecuado, es posible que desees permitir que tus usuarios filtren los recursos disponibles.
Hay dos formas de presentar tus recursos en el horario. Puedes utilizar un menú desplegable:
O puedes ofrecer una clave de color:
El color de la clave de color coincide con el color del recurso en todo tu horario y, como resultado, con las citas que ya están reservadas para ese recurso. Para filtrar las citas en tu horario, los usuarios hacen clic en uno de los botones para ver todas las citas con el recurso coincidente únicamente.
4. Utilizar un widget integrado para obtener más posibilidades
Es posible que hayas notado en nuestras publicaciones de blog anteriores que estamos muy orgullosos de nuestra propia integración de widgets. ¡Con razón! También puedes integrar nuestro widget en tu sitio web, para que tus clientes tengan una experiencia de reserva perfecta sin salir de tu sitio web. Sin embargo, si eso no es lo suficientemente fluido, también puedes preseleccionar ciertas clases, recursos o servicios para que se muestren en el widget, de modo que los clientes no se registren accidentalmente en otra clase, recurso o servicio en tu agenda. Esta opción requiere algunos conocimientos técnicos, ya que agregarás un poco de texto al fragmento de JavaScript que genera el widget; sin embargo, debería ser factible incluso si no has trabajado con JavaScript antes.
Para encontrar el fragmento de widget para cada uno de tus horarios SuperSaaS, visita nuestra página de integración de widgets. En esta página también puedes configurar la apariencia general de tu widget.
Con las instrucciones a continuación, puedes preseleccionar clases, recursos o servicios que deseas mostrar (y reservar) en tu widget. Otras clases, recursos y servicios no serán visibles cuando tus usuarios vean el widget por primera vez.
Horario de capacidad: preseleccionar una clase o taller
Si tienes varios talleres en un horario de capacidad y deseas un widget para resaltar uno específico, busca el ID del espacio en la página Supervisar haciendo clic en la lupa en el espacio deseado. Copia el ID de la ranura y agrégalo a tu fragmento de código como select:ID. También incluye view: "free" en el fragmento de código para asegurarte de que el widget abra esa ranura.
Para nuestra demostración del taller de Cupcakes, el fragmento de código estándar es:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demostraciones", "TallerDeMagdalenas", {"widget_type": "frame", "menu": "show"})</script>`
En cambio, el fragmento que abre una ranura seleccionada sería:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demostraciones", "TallerDeMagdalenas", {"widget_type": "frame", "view": "free", select:12320083})</script>
Horario de recursos: preseleccionar un recurso
En el fragmento del widget para un horario de recursos, puedes pasar el nombre del recurso para preseleccionar ese recurso específico. Con esta adición, los usuarios solo verán la disponibilidad del recurso que seleccionaste. Sin embargo, aún pueden cambiar el recurso al finalizar su reserva.
El fragmento de código estándar sería:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demostraciones", "SalasDeReuniones", {"widget_type": "frame", "menu": "show"})</script>`
Para ver solo la disponibilidad de la Sala de reuniones 1, el fragmento de código se vería así:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demostraciones", "SalasDeReuniones", {"widget_type": "frame", "menu": "show", select:"Sala de reuniones 1"})</script>
Horario de servicios: preseleccionar un servicio
Para un horario de servicios, el cambio en el fragmento se parece mucho al del horario de recursos. Agregarías select: y el nombre del servicio que deseas preseleccionar. El usuario aún puede cambiar entre servicios con el selector.
El fragmento de código estándar para nuestra demostración de Terapeuta es:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demostraciones", "Terapeuta_2", {"widget_type": "frame", "menu": "show"})</script>
Si deseas preseleccionar específicamente el servicio “Tratamiento largo”, deberás utilizar:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demostraciones", "Terapeuta_2", {"widget_type": "frame", "menu": "show", select:"Tratamiento_largo"})</script>
Si deseas agregar varios widgets con diferentes clases/recursos/servicios en tu página, ciertamente puedes hacerlo. Por ejemplo, también puedes agregar diferentes versiones del widget a varias páginas de tu sitio web.
Encuentra más información sobre las configuraciones de JavaScript en nuestra documentación del widget para desarrolladores. Si tienes alguna pregunta adicional, nuestro equipo de soporte está aquí para ayudar.