Mostra il calendario delle disponibilità sul tuo sito web (iFrame del calendario)

Con l'iFrame del calendario integri un piccolo calendario delle disponibilità sul tuo sito web: i visitatori vedono quali date sono libere e quali occupate, direttamente dal tuo Calendario Smoobu. Copi un breve blocco di codice da Smoobu e lo incolli nel tuo sito. Attraverso questo calendario gli ospiti non possono prenotare: è una visualizzazione, non un modulo di prenotazione.

Prima di iniziare

Prima di integrare il calendario ti servono due cose:

Un sito web dove puoi incollare un blocco di codice HTML. Quasi tutti i sistemi per siti web offrono un elemento tipo «HTML personalizzato» o «codice da incorporare».
La tua proprietà configurata in Smoobu. Ogni proprietà riceve un proprio codice del calendario.

Il calendario mostra solo la disponibilità

Il widget mostra le date libere e quelle bloccate. Non mostra prezzi e al suo interno gli ospiti non possono scegliere le date né concludere una prenotazione. È adatto agli host che raccolgono le prenotazioni con un proprio modulo di richiesta o via email e vogliono far vedere ai visitatori la disponibilità a colpo d'occhio. Per far prenotare e pagare gli ospiti sul tuo sito, usa invece il Motore di prenotazione: vedi Come inserisco il Motore di prenotazione nel mio sito web?. Puoi usare entrambi, con il calendario come vista rapida della disponibilità accanto alla tua opzione di prenotazione o di contatto.

Passaggi

In Smoobu, vai su Avanzate > iFrame del calendario.
Scegli la lingua del calendario. Sono disponibili dieci lingue (tedesco, inglese, italiano, francese, spagnolo, olandese, greco, portoghese, russo, polacco). La pagina mostra poi il codice per ogni proprietà in quella lingua.
Individua la riga della tua proprietà. Ogni proprietà offre due versioni del codice, affiancate: Default, un widget che si carica tramite JavaScript e di cui puoi cambiare lo stile, e iFrame, un riquadro già pronto che si adatta allo schermo (un layout compatto da 280 per 540 pixel sui telefoni, uno più largo da 1000 per 600 pixel sugli schermi grandi) ma di cui non puoi cambiare lo stile.
Copia il codice della versione che vuoi.
Incollalo nell'HTML del tuo sito web nel punto dove deve comparire il calendario, poi salva e pubblica la pagina nel tuo sistema per siti web.
Per mostrare i calendari di altre proprietà, copia il codice specifico di ciascuna e incollalo nella pagina a cui appartiene.

Verifica che abbia funzionato

Apri la pagina sul tuo sito web: il calendario compare e coincide con il tuo Calendario Smoobu. Per verificare che si aggiorni, blocca una data nel tuo Calendario Smoobu, aspetta un momento che la sincronizzazione faccia il suo corso e ricarica la pagina sul tuo sito web; la data dovrebbe comparire come non disponibile anche lì.

Problemi frequenti

Gli ospiti dicono di non poter scegliere le date o prenotare nel calendario

È il funzionamento normale di questo widget: serve solo a mostrare, quindi non c'è selezione delle date né pagamento. Non è guasto. Per far scegliere le date e prenotare direttamente sul tuo sito, integra il Motore di prenotazione: vedi Come inserisco il Motore di prenotazione nel mio sito web?. Molti host tengono il calendario delle disponibilità su una pagina e il Motore di prenotazione sulla loro pagina di prenotazione.

Il design del calendario non si abbina al mio sito web

La versione iFrame non si può ristilizzare: adatta le sue dimensioni allo schermo ma usa sempre l'aspetto standard di Smoobu. La versione Default si può stilizzare. Nel suo codice c'è data-disable-css="false"; cambia quel valore in true per disattivare lo stile integrato di Smoobu e applicare invece il tuo CSS. Questa parte è pensata per i web designer, e la modifica si fa nel codice incollato sul tuo sito, non in Smoobu. Senza quella modifica, il calendario mantiene l'aspetto standard di Smoobu.

Ancora bloccato?

Se questi passaggi non hanno risolto, contatta il team Smoobu: apri il menu Aiuto per aprire un ticket o prenotare uno slot per una chiamata, oppure usa la bolla della chat in basso a destra. Per ottenere la risposta più rapida, indica:

Il tuo Smoobu User ID (nel menu dell'icona del profilo, in alto a destra).
Il nome o l'ID dell'alloggio, se riguarda un alloggio preciso.
Il Booking ID, se riguarda una prenotazione precisa (Prenotazioni, poi Visualizza altro).
Il nome del portale, se riguarda la sincronizzazione di un portale (Booking.com, Airbnb, Vrbo, e così via).
Un breve passo per passo: cosa hai fatto, cosa ti aspettavi e cosa è successo.
Screenshot o una breve registrazione dello schermo del problema.
Il tuo browser e sistema operativo, se qualcosa si vede male a schermo.

Articoli in questa sezione