Pagina prenotazione pubblica
La pagina di prenotazione pubblica di ogni struttura in Hotely, all'indirizzo /book/[slug] — ricerca disponibilità, schede camera, personalizzazione grafica, codici promo, lingue e uso nel sito.
Ogni struttura in Hotely ha automaticamente una pagina di prenotazione pubblica, con un indirizzo dedicato. È il punto di ingresso per gli ospiti che vogliono prenotare direttamente, senza intermediari.
La pagina è attiva appena la struttura ha almeno una tipologia camera e una tariffa attiva. La configuri da Distribuzione → Pagina prenotazione e da Configurazione → Impostazioni.
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)
Elementi promozionali
Calendario prezzi, camere rimaste, prenotazioni recenti, combinazioni consigliate e la striscia Vantaggi prenotazione diretta ("miglior prezzo garantito", zero commissioni, contatto diretto) sono disattivati di default e si attivano uno per uno in Configurazione → Impostazioni → Elementi promozionali. Attiva il "miglior prezzo garantito" solo se i tuoi prezzi sul sito non sono mai più alti di quelli dei portali. Vedi Segnali di scarsità.
SEO
La pagina di prenotazione è indicizzabile dai motori di ricerca. Il titolo della pagina usa il nome della struttura e la descrizione usa la descrizione della proprietà: scrivila con cura in Impostazioni → Identità, includendo la località e i punti di forza.
Per un posizionamento migliore crea il sito della struttura con il Website Builder, che ha strumenti SEO dedicati e integra già la prenotazione.
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
La pagina è 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
Nel checkout l'ospite può inserire un codice promozionale: il codice viene verificato subito e lo sconto (percentuale o importo fisso) appare nel riepilogo. Vedi Promozioni e codici sconto.
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: la prenotazione è già collegata al sito, senza codice.
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.