Collegamento Booking Engine
Integra il motore di prenotazione nel tuo sito con un click — nessun codice, nessun iframe, esperienza nativa e fluida per l'ospite.
Integrazione nativa, non un iframe
La maggior parte delle soluzioni tradizionali integra il motore di prenotazione tramite iframe — una finestra esterna incorporata nella pagina che si comporta come un sito separato. Questo approccio crea problemi evidenti: stili grafici diversi, doppio caricamento, scroll interno, incompatibilità mobile e impossibilità di tracciare il percorso dell'utente.
In Hotely, il booking engine è nativamente integrato nel sito creato con il Website Builder. Non è un elemento esterno incollato sulla pagina — è parte dell'esperienza. L'ospite non percepisce alcuna discontinuità tra la navigazione del sito e il processo di prenotazione.
Vantaggi dell'integrazione nativa
| Aspetto | Iframe tradizionale | Integrazione nativa Hotely |
|---|---|---|
| Stile grafico | Diverso dal sito, non personalizzabile | Coerente con il tema del sito |
| Velocità | Doppio caricamento (sito + iframe) | Caricamento unico |
| Mobile | Scroll problematico, zoom non controllato | Responsive nativo |
| SEO | Contenuto iframe non indicizzato | Contenuto indicizzabile |
| Analytics | Tracciamento interrotto tra sito e booking | Percorso utente completo |
| Esperienza ospite | Sensazione di "uscire" dal sito | Continuità totale |
Come collegare il Booking Engine
Prerequisiti
Per collegare il booking engine al sito hai bisogno di:
- Una proprietà configurata nel Booking Engine con almeno una tipologia camera e un rate plan
- Il sito creato con il Website Builder
- Entrambi i prodotti sotto lo stesso account Hotely
Procedura
Passo 1 — Accedi al Website Builder
Dalla dashboard, seleziona il sito e accedi alla sezione Impostazioni → Booking Engine.
Passo 2 — Seleziona la proprietà
Se hai più proprietà configurate, scegli quella da collegare al sito. Se hai una sola proprietà, viene selezionata automaticamente.
Passo 3 — Configura i punti di accesso
Definisci dove e come il booking engine appare nel sito:
- Pulsante CTA nell'header — un bottone "Prenota ora" sempre visibile nella barra di navigazione
- Sezione nella homepage — un modulo di ricerca disponibilità integrato nella pagina principale
- Pagina dedicata — una pagina "/prenota" con il flusso completo di prenotazione
- Widget nelle pagine camere — ogni scheda camera mostra disponibilità e prezzi
Passo 4 — Personalizza i testi
Modifica i testi dei pulsanti e dei moduli di ricerca per adattarli al tono della tua struttura:
- Testo del pulsante CTA (es. "Prenota ora", "Verifica disponibilità", "Riserva la tua camera")
- Testo del placeholder per le date
- Messaggi di disponibilità e indisponibilità
Passo 5 — Pubblica
Salva le impostazioni e pubblica. Il collegamento è immediato — non serve attendere propagazioni DNS o deploy.
Punti di conversione
Il collegamento con il booking engine crea diversi punti di conversione nel sito, ciascuno ottimizzato per una fase diversa del percorso decisionale dell'ospite:
CTA nell'header
Il pulsante "Prenota ora" nell'header è il punto di conversione principale. È sempre visibile durante la navigazione — su desktop nella barra di navigazione, su mobile nel menu. Quando l'ospite ha già deciso di prenotare, questo pulsante lo porta direttamente al flusso di prenotazione.
Modulo ricerca nella homepage
Il modulo di ricerca disponibilità nella homepage permette all'ospite di verificare subito la disponibilità inserendo le date del soggiorno. Questo riduce la frizione iniziale: l'ospite non deve cercare dove prenotare, il modulo è lì, visibile e invitante.
Il blocco "Widget prenotazione" supporta quattro varianti:
| Variante | Descrizione |
|---|---|
| Pannello conversione | Testo + CTA che porta alla pagina di prenotazione |
| Split con CTA | Layout a due colonne con anteprima campi di ricerca |
| Ricerca date inline | Selettore date e ospiti interattivo, centrato, con sfondo card |
| Ricerca date hero | Layout hero con titolo prominente e ricerca integrata |
Le varianti "Ricerca date inline" e "Ricerca date hero" permettono all'ospite di scegliere date di arrivo, partenza e numero di ospiti direttamente dalla pagina del sito. Al click su "Cerca disponibilità", viene portato alla pagina di prenotazione con i parametri precompilati — nessun redirect esterno, nessun iframe, esperienza nativa e fluida.
Schede camera con prezzi
Nella pagina delle camere, ogni scheda mostra il prezzo a partire da e un pulsante "Vedi disponibilità". L'ospite che sta esplorando le opzioni può passare immediatamente alla prenotazione della camera che lo interessa.
Calendario flessibile
Il calendario flessibile mostra i prezzi per data in una vista mensile. L'ospite può esplorare visivamente le tariffe e trovare la combinazione più conveniente. Questa funzionalità — assente nella maggior parte delle soluzioni concorrenti — è un potente strumento di conversione perché risponde alla domanda "quando costa meno?" senza richiedere ricerche ripetute.
Sincronizzazione dei dati
Il collegamento tra Website Builder e Booking Engine è bidirezionale e in tempo reale:
- Camere e tipologie — le informazioni configurate nel booking engine (nome, descrizione, foto, capacità) si riflettono automaticamente nel sito
- Prezzi — i prezzi mostrati nel sito sono sempre aggiornati con le tariffe correnti, incluse promozioni e regole revenue
- Disponibilità — la disponibilità mostrata è calcolata in tempo reale dall'inventario del booking engine
- Promozioni — i codici sconto attivi vengono automaticamente pubblicizzati nelle aree configurate del sito
Non serve aggiornare manualmente i prezzi sul sito quando li modifichi nel booking engine. La sincronizzazione è automatica e istantanea.
Ottimizzazione della conversione
L'integrazione nativa permette tecniche di ottimizzazione della conversione impossibili con soluzioni iframe:
- Segnali di scarsità contestuali — i badge "Ultime X disponibili" appaiono direttamente nelle schede camera del sito
- Social proof — messaggi come "3 persone stanno guardando questa camera" basati su dati reali
- Prezzo barrato — quando una promozione è attiva, il prezzo originale viene mostrato barrato accanto al prezzo scontato
- CTA dinamiche — il testo del pulsante cambia in base al contesto (es. "Solo 2 rimaste — Prenota ora")
- Persistenza della ricerca — se l'ospite ha già cercato disponibilità, le date vengono mantenute durante la navigazione del sito
Domande frequenti
Posso collegare più proprietà allo stesso sito? Sì. Scegli la modalità sito multi-proprietà in fase di creazione (oppure aggiungi proprietà aggiuntive dal pannello "Proprietà collegate"). Il sito mostra tutte le proprietà con una ricerca disponibilità aggregata, ma il flusso di prenotazione resta separato per ciascuna — con le proprie credenziali Alloggiati Web, ISTAT e la tassa di soggiorno del relativo comune. Consulta la guida Sito multi-proprietà.
Cosa succede se disattivo il collegamento? I punti di accesso al booking engine scompaiono dal sito. Le prenotazioni esistenti non vengono influenzate. Puoi riattivare il collegamento in qualsiasi momento.
Il booking engine funziona anche senza il Website Builder? Sì. Il booking engine ha una propria pagina pubblica indipendente e può essere integrato in qualsiasi sito tramite widget JavaScript. Il Website Builder ottimizza l'esperienza, ma non è un requisito.