Come aggiungere le prenotazioni online al tuo sito
Non devi rifare il sito o cambiare CMS per iniziare a ricevere prenotazioni online. Con Schedito configuri separatamente servizi, risorse e disponibilità, quindi aggiungi il widget di prenotazione alla pagina in cui vuoi permettere ai clienti di prenotare.
Questa guida descrive il processo generale. I passaggi esatti nell'editor cambiano tra WordPress, Wix, Webflow, Squarespace, Joomla e siti personalizzati, ma l'architettura della prenotazione rimane la stessa.
Cosa ti serve prima di iniziare
Accesso al tuo sito
Devi poter modificare la pagina o il template nel quale è possibile aggiungere HTML, contenuti incorporati o codice personalizzato.
Un calendario già configurato
Il calendario Schedito dovrebbe già contenere i servizi, le risorse e la disponibilità che vuoi rendere prenotabili.
Qualche minuto per i test
Dopo la pubblicazione del widget, effettua una vera prenotazione di prova e verifica l'intera esperienza del cliente.
1. Configura ciò che i clienti possono prenotare
Inizia da Schedito, non dall'editor del sito. Crea il calendario di prenotazione e aggiungi i servizi che vuoi rendere disponibili ai clienti.
Per ogni servizio configura la durata e associa le persone o le altre risorse necessarie. Le risorse possono rappresentare collaboratori, sale, attrezzature o capacità disponibile per una sessione condivisa o un evento.
Questa separazione è importante: il sito mostra l'esperienza di prenotazione, mentre Schedito rimane responsabile della configurazione.
Ciò che il cliente sta prenotando
Quanto tempo richiede la prenotazione
Chi o cosa è necessario per erogarla
09:00–17:00
Chiuso o orari differenti
Disponibile solo in una data e un orario selezionati
2. Definisci quando è possibile prenotare
Configura la normale disponibilità ricorrente delle persone o risorse coinvolte. Poi aggiungi eccezioni per date specifiche quando l'orario normale non deve essere applicato.
Puoi così rappresentare normali orari di lavoro, festività, chiusure, aperture straordinarie e sessioni disponibili solo in una determinata data.
Schedito calcola gli orari prenotabili utilizzando queste regole senza obbligarti a creare manualmente ogni possibile slot.
3. Aggiungi il widget di prenotazione Schedito al sito
Scegli la pagina più adatta alla prenotazione, per esempio Prenota, Appuntamenti, Contatti oppure una pagina dedicata a un singolo servizio.
Aggiungi il contenitore del widget Schedito utilizzando gli identificatori dell'organizzazione e del calendario pubblico. Il sito deve inoltre caricare le risorse Schedito necessarie al funzionamento del widget.
In un website builder il codice viene normalmente inserito in un elemento HTML, embed o codice personalizzato. In un sito sviluppato su misura può essere inserito direttamente nel template appropriato.
Esempio del contenitore del widget
<div class="schedito-widget"
data-organization-id="ID_ORGANIZZAZIONE"
data-calendar-public-id="ID_CALENDARIO_PUBBLICO">
</div>Ora scegli la piattaforma del tuo sito
Il modello Schedito rimane lo stesso, ma il modo migliore per inserire i tre elementi dipende da come è costruito il sito.
WordPress
Segui le istruzioni specifiche per caricare le risorse Schedito e inserire il calendario nel tuo sito WordPress.
Wix
Segui l'integrazione Wix specifica, con CSS, DIV e JavaScript Schedito nello stesso Embed HTML isolato.
Webflow
Utilizza il custom code Webflow per le risorse condivise e un Code Embed per il calendario.
Squarespace
Utilizza Code Injection per le risorse condivise e un Blocco Codice per il calendario Schedito.
Joomla
Carica CSS e JavaScript a livello di sito o template e utilizza moduli Custom per i calendari.
Sito personalizzato
Integra direttamente Schedito nella tua architettura HTML, CSS e JavaScript.
4. Testa tutto prima di inviare i clienti alla pagina
La pagina di prenotazione fa parte dell'esperienza del cliente. Provala come cliente, non soltanto come persona che l'ha configurata.
Prova il percorso del cliente
Apri la pagina pubblicata come un normale visitatore, scegli servizio, data e orario e completa una prenotazione di prova.
Verifica la disponibilità
Controlla che gli orari mostrati corrispondano alle regole, alle eccezioni, alle prenotazioni esistenti e agli eventuali calendari collegati.
Controlla mobile e tema
Prova il widget su uno schermo piccolo e verifica che tema chiaro o scuro e impostazioni visive siano coerenti con il sito.
Problemi comuni quando integri le prenotazioni online
Verifica prima di tutto che gli identificatori dell'organizzazione e del calendario siano corretti e che la pagina carichi le risorse necessarie al widget Schedito. Controlla inoltre la console del browser per script bloccati, restrizioni di sicurezza o altri errori frontend.
Se utilizzi un website builder, verifica che consenta il contenuto incorporato necessario e che non elimini o riscriva il markup del widget durante la pubblicazione.
Un widget funzionante non significa automaticamente che esistano orari prenotabili. Verifica che il servizio sia disponibile nel calendario, che le risorse necessarie abbiano disponibilità e che eventuali eccezioni non chiudano il periodo richiesto.
Anche prenotazioni esistenti, limiti di capacità e impegni presenti in calendari esterni collegati possono eliminare orari che altrimenti sarebbero disponibili.
Inserisci il widget in un contenitore responsive invece di forzarlo in un elemento a larghezza fissa. Controlla inoltre padding e regole di larghezza ereditate dal tema del tuo sito.
Il widget Schedito è progettato per adattarsi a diverse dimensioni dello schermo, ma il layout circostante determina comunque quanto spazio effettivo riceve.
Sì. Schedito supporta proprietà visive configurabili, colori personalizzati e modalità chiare o scure. Scegli la modalità più adatta alla pagina e poi perfeziona lo stile.
I piani che lo prevedono offrono inoltre ulteriori opzioni di branding. Coerenza grafica e accessibilità non sono però la stessa cosa: contrasto e leggibilità vanno comunque verificati sull'intera pagina.
Normalmente dovrai inserire nuovamente il widget nel nuovo sito, ma la configurazione Schedito rimane separata. Servizi, risorse, disponibilità e dati di prenotazione non devono essere ricreati semplicemente perché hai cambiato CMS o frontend.
Cerchi istruzioni per la tua specifica piattaforma web?
Il principio di integrazione è lo stesso, ma i passaggi nell'editor cambiano. Le guide specifiche per WordPress, Wix, Webflow, Squarespace, Joomla e siti personalizzati mostreranno esattamente dove e come aggiungere il widget.
Consulta le risorse Schedito · Scopri come funziona Schedito · Scopri il widget di prenotazione