I widget sono elementi di codice che puoi inserire facilmente nel tuo sito web per mostrare moduli, calendari o pulsanti di prenotazione personalizzati. Sono compatibili con la maggior parte delle piattaforme web e non richiedono conoscenze tecniche avanzate per essere implementati.
Vantaggi principali:
Creare facilmente elementi interattivi per favorire le prenotazioni dirette.
Personalizzare colori, testi e formati per adattarli al tuo sito.
Offrire un’esperienza di prenotazione rapida e intuitiva, senza reindirizzare l’utente.
Da AvaiBook puoi inserire i widget nel tuo sito web, permettendo ai viaggiatori di prenotare direttamente dalla tua pagina.
Accedi alla creazione dei widget
Nel pannello di AvaiBook, vai a Booking Engine → Pubblicare sul mio sito web → Widget.
Se non hai ancora creato alcun widget, il sistema ti mostrerà automaticamente le opzioni disponibili per iniziare.
Scegli il tipo di widget
Puoi scegliere tra due opzioni principali:
Calendario delle disponibilità
Modulo (barra di ricerca)
Clicca su Seleziona dopo aver scelto il tipo.
Widget Calendario
Scegli lo stile, il colore e l’alloggio associato.
🔹 Tipo di calendario
Puoi scegliere tra diversi formati di calendario:
Calendario mensile (opzione selezionata per impostazione predefinita)
Calendario trimestrale
Calendario annuale
Calendario a matrice
👉 Questa impostazione determina il numero di mesi visualizzati nel widget visibile all’utente.
🔹 Selezione del colore
Hai a disposizione 10 colori per personalizzare l’aspetto del widget. Il colore selezionato verrà applicato principalmente agli elementi visivi, come i pulsanti e i bordi del calendario.
🔹 Selezione dell’alloggio
Devi selezionare a quale dei tuoi alloggi desideri associare il widget. Il menu a tendina ti consente di scegliere tra gli alloggi già configurati nel tuo account.
🔹 Anteprima del widget
Sul lato destro puoi visualizzare un’anteprima del calendario così come verrà mostrato sul tuo sito web, compresi:
Il mese selezionato (luglio 2026 nell’immagine precedente).
I giorni disponibili (liberi) e occupati, con la relativa legenda (bianco = libero, grigio = occupato).
Il pulsante “PRENOTA ONLINE”, che gli utenti possono cliccare per iniziare una prenotazione.
Salva la configurazione attuale del widget e passa al passaggio successivo.
Prima di completare la creazione del widget, controlla attentamente le informazioni indicate nel punto 1 dell’immagine seguente. In questa sezione puoi:
Modificare il nome del widget.
Regolare la larghezza e l’altezza del widget nel suo complesso.
Modificare le dimensioni del calendario interno.
Attivare o disattivare:
Il pulsante di prenotazione.
Lo sfondo trasparente.
Il bordo trasparente.
Personalizzare i colori:
Sfondo, bordo e testi.
Intestazione e giorni della settimana.
Una vez que hayas verificado o editado estos campos según tus preferencias, haz clic en Guardar (punto 2) para finalizar el proceso y generar el código del widget.
Clicca su Copia per ottenere il codice del widget e incollarlo nel tuo sito web.
Widget Modulo (barra di ricerca)
Con questo strumento puoi generare una barra di ricerca personalizzata che consentirà ai viaggiatori di cercare e prenotare uno o più dei tuoi alloggi direttamente dal tuo sito web.
Opzioni disponibili nella configurazione:
Tipo di ricerca
Puoi scegliere se la ricerca verrà effettuata tra:
Alloggi singoli
Liste (elenco di alloggi raggruppati)
Alloggio
Scegli se desideri mostrare l'opzione tutti i miei alloggi o uno specifico dal menu a tendina.
Risultati
Puoi scegliere di mostrare:
Unità abitative
Zone
Filtri visibili nella barra
Decidi quali filtri mostrare prima di effettuare la ricerca:
Nessuno
Zone
Alloggi
Modalità di apertura dei risultati
Definisci come verrà aperta la pagina dei risultati:
In una nuova scheda
Nella stessa scheda
Anteprima
Sul lato destro puoi visualizzare diversi esempi dell’aspetto grafico del ricercatore, adattabili allo stile del tuo sito web.
Codice HTML da inserire
Alla fine puoi copiare il codice generato cliccando sul pulsante “Copia codice”. Il codice deve essere incollato nel codice HTML della tua pagina web, nella posizione in cui desideri visualizzare il ricercatore.
Nota:
Questo barra di ricerca è compatibile con qualsiasi tipo di sito web, comprese le pagine create con WordPress. Non sono necessarie conoscenze avanzate di programmazione per utilizzarlo.
Dopo aver completato la configurazione, clicca su Salva, assegna un nome identificativo al widget e definisci le dimensioni e i colori. Infine, clicca nuovamente su Salva e copia il codice generato per inserirlo nel tuo sito web.
Per informazioni più dettagliate, puoi consultare l’articolo Barra di ricerca
Da tenere in considerazione:
Se hai già creato uno o più widget, accedendo al menu Booking Engine e alla sezione “Pubblicare sul mio sito web” > “Widget”, troverai in alto a destra il pulsante per crearne uno nuovo.
Come modificare un widget creato in AvaiBook
Dopo aver creato un widget in AvaiBook, anche se lo hai già inserito nel tuo sito web, puoi modificarlo in qualsiasi momento in modo semplice direttamente dalla piattaforma.
Per farlo, accedi al menu: Booking Engine > Pubblicare sul mio sito web > Widget.
In questa sezione visualizzerai l’elenco completo dei widget che hai creato. A destra di ciascuno di essi sono disponibili diverse azioni, che ti consentiranno di modificarlo, visualizzarlo o recuperare il codice, oppure eliminarlo in base alle tue esigenze.
Per informazioni più dettagliate, puoi consultare l’articolo Come posso modificare un widget predefinito in AvaiBook anche dopo averlo inserito nel tuo sito web.
Impara con i tuoi tempi, ovunque tu sia. Insieme possiamo crescere!