Oggi vediamo come guidare i tuoi utenti nel punto giusto del tuo calendario SuperSaaS nel minor numero di passaggi possibile.
Padroneggiare questa tecnica ti permette di semplificare il processo di prenotazione e ridurre il tempo che i clienti trascorrono a cercare la classe, risorsa o servizio corretto.
Quando inizi a usare SuperSaaS per semplificare le prenotazioni, alcuni clienti potrebbero aver bisogno di aiuto per orientarsi nel calendario.
Inviare semplicemente il link al calendario è comodo, ma alcuni potrebbero faticare a trovare l’esatta classe, risorsa o servizio di cui hanno bisogno.
Per assicurarti che trovino facilmente lo slot o la data corretta, puoi fornire un “deep link” che preseleziona la classe, risorsa o servizio giusto.
Come? Vediamo alcune possibilità.
1. Indirizzare gli utenti a una classe, risorsa o servizio specifico
Per impostazione predefinita, un calendario SuperSaaS si apre sulla prima disponibilità.
Tuttavia, puoi inviare gli utenti a un mese, settimana o giorno specifico modificando il link del calendario.
I passaggi variano leggermente in base al tipo di calendario.
Calendario capacità: aggiungi l’ID dello slot al link
Se vuoi collegare direttamente a una classe specifica o a uno slot nel tuo calendario capacità, puoi farlo aggiungendo l’ID dello slot al link.
Per trovare l’ID dello slot:
- Vai alla dashboard amministratore
- Clicca Supervisiona accanto al calendario
- Clicca sull’icona della lente accanto alla classe desiderata
La pagina che si apre mostra il deep link con l’ID dello slot alla fine.
Esempio dal nostro demo “Cupcake workshop”: lo slot “Cupcake Mania” ha questo link:
www.supersaas.it/schedule/dimostrazioni/Workshop_Pasticceria/12320083
Calendario a risorse o multi-risorsa: aggiungi il nome della risorsa o del servizio
Per indirizzare gli utenti a una risorsa o servizio specifico, aggiungi semplicemente il nome della risorsa alla fine del link del calendario.
Se il nome contiene spazi, questi vengono sostituiti da underscore (“_”).
Esempio dal demo delle sale riunioni:
www.supersaas.it/schedule/dimostrazioni/Sala_riunioni/Sala_riunioni_1
Per un calendario multi-risorsa, la logica è identica:
www.supersaas.it/schedule/dimostrazioni/Centro_Estetico/Taglio_uomo
2. Aggiungere estensioni URL per mostrare pagine o classi specifiche
Indirizzare gli utenti a una data specifica
Aggiungi ?day=X&month=X alla fine del link, sostituendo X con giorno/mese desiderati.
Puoi anche usare ?year=X o ?week=X.
Quando combini più parametri, dopo il primo ? usa &.
Esempio per aprire il calendario alla vigilia di Natale:
www.supersaas.it/schedule/dimostrazioni/Sala_riunioni?month=12&day=24
Calendario capacità: indirizzare gli utenti a classi con un colore specifico
Se usi un calendario capacità, puoi filtrare gli slot per colore aggiungendo ?color=X.
I colori sono numerati in base all’ordine del menu:
blu = 0, rosso = 1, ecc.
Esempio:
www.supersaas.it/schedule/dimostrazioni/fitness_club?color=0
Puoi combinare ?color con altre estensioni per filtrare ulteriormente.
Per altre estensioni URL, vedi questa pagina.
3. Filtrare le risorse con un codice colore o un menu a tendina
Se hai un calendario risorsa e non vuoi usare estensioni URL, puoi facilitare la scelta della risorsa tramite:
Menu a tendina
Codice colore
Il colore della risorsa appare nel calendario e negli appuntamenti già prenotati.
Gli utenti possono cliccare sul colore per filtrare solo gli appuntamenti relativi a quella risorsa.
4. Usare un widget integrato per maggiori possibilità
Come abbiamo mostrato in altri articoli, siamo molto orgogliosi della nostra integrazione tramite widget.
Puoi integrarlo nel tuo sito per offrire una prenotazione fluida senza uscire dalla pagina.
E se vuoi renderlo ancora più semplice, puoi preselezionare classi, risorse o servizi nel widget, così gli utenti non prenotano accidentalmente altro.
Serve solo aggiungere una piccola modifica al codice JavaScript del widget.
Trovi lo snippet del widget nella pagina dedicata all’integrazione widget.
Calendario capacità: preselezionare una classe o workshop
Trova l’ID dello slot (come spiegato prima) e aggiungilo allo snippet come select:slotID.
Aggiungi anche view: "free".
Snippet standard:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Cupcake_Workshop", {"widget_type": "frame", "menu": "show"})</script>
Snippet con slot preselezionato:
<script class="supersaas-widget">
var supersaas = new SuperSaaS("demo", "Cupcake_Workshop", {"widget_type": "frame", "view": "free", select:12320083})
</script>
Calendario risorsa: preselezionare una risorsa
Snippet standard:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Meeting_Rooms", {"widget_type": "frame", "menu": "show"})</script>
Snippet con risorsa preselezionata:
<script class="supersaas-widget">
var supersaas = new SuperSaaS("demo", "Meeting_Rooms", {"widget_type": "frame", "menu": "show", select:"Meeting Room 1"})
</script>
Calendario multi-risorsa: preselezionare un servizio
Snippet standard:
<script class="supersaas-widget">var supersaas = new SuperSaaS("demo", "Therapist_2", {"widget_type": "frame", "menu": "show"})</script>
Snippet con servizio preselezionato:
<script class="supersaas-widget">
var supersaas = new SuperSaaS("demo", "Therapist_2", {"widget_type": "frame", "menu": "show", select:"Long treatment"})
</script>
Puoi anche aggiungere più widget con classi/risorse/servizi diversi su pagine diverse del tuo sito.
Trovi altre configurazioni JavaScript nella documentazione per sviluppatori.
Se hai domande, il nostro team di supporto è sempre a disposizione.