Pagina prenotazione pubblica
La pagina di prenotazione pubblica del Booking Engine, accessibile all'indirizzo /book/[slug], con ricerca disponibilità, personalizzazione grafica e ottimizzazione SEO.
Ogni proprietà configurata nel Booking Engine di Hotely dispone automaticamente di una pagina di prenotazione pubblica dedicata, accessibile tramite un URL univoco. Questa pagina è il punto di ingresso principale per gli ospiti che vogliono prenotare direttamente, senza intermediari e con una commissione piattaforma di solo l'1,5% — una frazione di quanto addebitano le OTA.
A differenza dei sistemi tradizionali che richiedono configurazioni complesse o moduli aggiuntivi per generare una pagina di prenotazione funzionante, in Hotely la pagina pubblica viene creata automaticamente nel momento in cui salvi una proprietà con almeno una tipologia camera e un piano tariffario attivo.
Struttura dell'URL
La pagina di prenotazione è accessibile all'indirizzo:
https://hotely.ai/book/[slug]
Lo slug è l'identificativo pubblico della proprietà, configurabile nelle impostazioni. Viene generato automaticamente dal nome della struttura (ad esempio "Hotel Bella Vista" diventa hotel-bella-vista), ma può essere personalizzato manualmente.
L'URL è permanente e può essere condiviso su qualsiasi canale: sito web, social media, email marketing, biglietti da visita, QR code. Una volta impostato, lo slug non dovrebbe essere modificato per evitare di invalidare link già distribuiti.
Il modulo di ricerca
La pagina di prenotazione si apre con un modulo di ricerca che permette all'ospite di specificare i parametri del soggiorno desiderato:
Campi del modulo
| Campo | Tipo | Descrizione |
|---|---|---|
| Date check-in / check-out | Selettore date | L'ospite seleziona le date di arrivo e partenza tramite un calendario visuale |
| Adulti | Contatore numerico | Numero di adulti (minimo 1, massimo definito dalla tipologia camera) |
| Bambini | Contatore numerico | Numero di bambini (0 o più) |
| Età bambini | Selettore per ogni bambino | Per ogni bambino aggiunto, viene richiesta l'età specifica (0-17 anni) |
| Camere | Contatore numerico | Numero di camere richieste (default: 1) |
La raccolta dell'età di ciascun bambino è fondamentale per il calcolo corretto delle tariffe. Il sistema utilizza le fasce di prezzo bambini configurate nei piani tariffari per determinare se un bambino soggiorna gratuitamente, paga una tariffa ridotta o la tariffa piena. Molti motori di prenotazione si limitano a chiedere un generico "numero di bambini" senza distinzione per età — questo porta a calcoli imprecisi e sorprese al momento del pagamento.
Valori predefiniti
Quando un ospite accede alla pagina senza parametri nell'URL, il sistema precompila il modulo con valori predefiniti ragionevoli:
- Check-in: giorno successivo alla data attuale
- Check-out: 2 notti dopo il check-in (3 giorni dopo la data attuale)
- Adulti: 2
- Bambini: 0
- Camere: 1
Questi valori possono essere sovrascritti tramite parametri URL, permettendo di creare link precompilati per campagne specifiche.
Parametri URL
I parametri di ricerca possono essere passati direttamente nell'URL per precompilare il modulo:
/book/hotel-bella-vista?checkIn=2026-04-15&checkOut=2026-04-18&adults=2&children=1&childrenAges=4
Questo è particolarmente utile per:
- Link diretti da campagne email con date specifiche
- QR code per periodi promozionali
- Link condivisi sui social media per pacchetti specifici
Risultati della ricerca
Dopo aver compilato il modulo e avviato la ricerca, la pagina mostra i risultati di disponibilità organizzati per tipologia camera. Ogni risultato include:
Scheda camera
- Nome della tipologia — il nome configurato (es. "Suite Deluxe", "Camera Standard")
- Galleria foto — carosello scorrevole con le foto della camera
- Descrizione — testo descrittivo breve della tipologia
- Prezzo per notte — la tariffa media per notte calcolata sulla durata del soggiorno
- Capacità — numero massimo di ospiti supportati
- Dimensione — superficie in metri quadri (se configurata)
- Tipo letto — informazione sul tipo di letto (se configurata)
- Amenity — fino a 6 servizi della camera con icone dedicate
Selezione tariffa
Ogni scheda camera include un selettore tariffe che mostra tutti i piani tariffari disponibili per quella tipologia e quelle date. L'ospite può confrontare le opzioni e scegliere quella più adatta alle proprie esigenze, visualizzando per ciascuna:
- Nome del piano tariffario
- Riepilogo della politica di pagamento
- Riepilogo della politica di cancellazione
- Prezzo medio per notte
Selettore quantità
L'ospite può selezionare quante camere di ciascuna tipologia desidera prenotare, fino al numero massimo disponibile per le date selezionate. Il sistema verifica la disponibilità in tempo reale e impedisce di selezionare più camere di quelle effettivamente libere.
Personalizzazione grafica
La pagina di prenotazione può essere personalizzata per riflettere l'identità visiva della struttura. Tutte le opzioni di personalizzazione sono accessibili dalle Impostazioni della proprietà e dalla sezione Widget.
Elementi personalizzabili
| Elemento | Descrizione | Dove si configura |
|---|---|---|
| Colore accento | Il colore primario utilizzato per pulsanti, link e elementi interattivi | Impostazioni > Branding |
| Logo | Il logo della struttura, visualizzato nell'intestazione della pagina | Impostazioni > Branding |
| Immagine hero | L'immagine di copertina visualizzata nella parte superiore della pagina | Impostazioni > Branding |
| Tagline | Un breve testo promozionale sotto il nome della struttura | Widget > Personalizzazione |
| Foto camere | Le foto di ciascuna tipologia camera, visibili nei caroselli | Camere > Modifica tipologia |
Colore accento
Il colore accento è un codice esadecimale (es. #1a56db) che viene applicato automaticamente a tutti gli elementi interattivi della pagina: pulsanti principali, badge di selezione, link e indicatori di progresso. Scegli un colore coerente con il branding della tua struttura per un'esperienza visiva uniforme.
Logo e immagine hero
Il logo viene visualizzato nell'angolo superiore della pagina di prenotazione. L'immagine hero appare come sfondo nella sezione di intestazione, creando un impatto visivo immediato. Entrambi devono essere caricati come URL di immagini — puoi utilizzare la libreria media di Hotely o un servizio di hosting esterno.
Per risultati ottimali:
- Logo: formato PNG trasparente, almeno 200px di larghezza
- Immagine hero: formato JPEG o WebP, almeno 1920x600px, con soggetto centrale (la porzione visibile varia in base alla dimensione dello schermo)
Badge "Miglior prezzo garantito"
Ogni scheda camera nella pagina di prenotazione mostra un badge verde con l'icona ShieldCheck e il testo "Miglior prezzo garantito". Questo badge comunica all'ospite che prenotando direttamente ottiene la tariffa migliore disponibile, incentivando la prenotazione diretta rispetto ai canali OTA.
Il badge è sempre visibile e non richiede configurazione. In altri sistemi questa funzionalità è disponibile solo come modulo aggiuntivo o richiede l'inserimento manuale di elementi grafici personalizzati — in Hotely è integrata nativamente nella scheda camera.
Impostazioni SEO
La pagina di prenotazione pubblica è indicizzabile dai motori di ricerca. Per ottimizzare la visibilità, puoi configurare i seguenti campi nelle impostazioni della proprietà:
Meta title
Il titolo della pagina come appare nei risultati di ricerca e nella scheda del browser. Se non configurato, viene utilizzato il nome della proprietà.
Esempio: "Hotel Bella Vista — Prenota direttamente al miglior prezzo"
Meta description
La descrizione della pagina come appare nei risultati di ricerca sotto il titolo. Dovrebbe riassumere in 150-160 caratteri i punti di forza della struttura e l'invito a prenotare direttamente.
Esempio: "Prenota il tuo soggiorno all'Hotel Bella Vista con la garanzia del miglior prezzo. Camere con vista lago, colazione inclusa e cancellazione gratuita."
Consigli SEO
- Includi il nome della località nel meta title per catturare ricerche geolocalizzate
- Menziona vantaggi concreti nella meta description (vista, servizi, politica di cancellazione)
- Usa la keyword "prenota direttamente" o "prenotazione diretta" per intercettare ospiti che cercano alternative alle OTA
- Mantieni il meta title sotto i 60 caratteri per evitare il troncamento nei risultati di ricerca
Esperienza mobile
La pagina di prenotazione è completamente responsive e ottimizzata per dispositivi mobili. Il layout si adatta automaticamente alla dimensione dello schermo:
- Il modulo di ricerca si riorganizza verticalmente su schermi stretti
- Le schede camera occupano l'intera larghezza disponibile
- I caroselli foto supportano lo swipe touch
- I pulsanti e i campi di input sono dimensionati per l'interazione touch (almeno 44px di altezza)
- La barra di riepilogo prenotazione si fissa nella parte inferiore dello schermo per un accesso rapido al checkout
Molti motori di prenotazione offrono un'esperienza mobile degradata rispetto a quella desktop, con elementi troppo piccoli, form difficili da compilare o funzionalità mancanti. La pagina di Hotely è progettata mobile-first: l'esperienza su smartphone è equivalente a quella su desktop.
Stato di ricerca persistente
Il sistema salva automaticamente lo stato della ricerca (date, ospiti, camere selezionate) nel browser dell'ospite. Se l'ospite lascia la pagina e torna successivamente, ritrova la ricerca e le selezioni esattamente come le aveva lasciate. Questo riduce la frizione e aumenta la probabilità di completamento della prenotazione.
La persistenza funziona anche attraverso la navigazione tra pagina di ricerca e checkout: se l'ospite torna indietro dal checkout, le selezioni precedenti sono ancora al loro posto.
Codici promozionali
La pagina di prenotazione supporta l'inserimento di codici promozionali. L'ospite può inserire un codice sconto prima di procedere al checkout, e il sistema applica automaticamente lo sconto configurato (percentuale o importo fisso) al totale della prenotazione.
I codici promozionali possono anche essere passati tramite URL come parametro, permettendo di creare link dedicati per campagne marketing con lo sconto già applicato.
Integrazione con il sito web
La pagina di prenotazione pubblica può essere utilizzata in due modi:
- Come pagina autonoma — condividi direttamente l'URL
https://hotely.ai/book/[slug]su tutti i tuoi canali di comunicazione - Integrata nel tuo sito — utilizza il widget di embedding per incorporare il motore di prenotazione direttamente nel tuo sito web (vedi la guida Widget per il sito)
Se utilizzi il Website Builder di Hotely per il sito della tua struttura, l'integrazione è automatica: il booking engine viene collegato al sito senza necessità di codice o configurazione aggiuntiva.
Supporto multilingua
La pagina di prenotazione supporta più lingue. La lingua predefinita e le lingue supportate sono configurabili nelle impostazioni della proprietà. Il sistema seleziona automaticamente la lingua più appropriata in base alle preferenze del browser dell'ospite, con fallback sulla lingua predefinita.
Le lingue attualmente supportate includono italiano, inglese, tedesco, francese e spagnolo. Tutti i testi dell'interfaccia (etichette, pulsanti, messaggi) sono tradotti automaticamente, mentre i contenuti personalizzati (nomi delle camere, descrizioni, policy) vengono mostrati nella lingua configurata dalla struttura.