Pagine e contenuti

Ogni pagina racconta la tua struttura

Un sito web efficace per una struttura ricettiva non è un semplice elenco di informazioni — è un percorso che accompagna il visitatore dalla curiosità alla prenotazione. Il Website Builder di Hotely ti permette di creare e gestire ogni pagina con un editor visuale intuitivo e 47 blocchi di contenuto specifici per il settore hospitality — dalla griglia offerte speciali al menu ristorante, dalla cronologia della struttura al riepilogo recensioni. Blocchi che non troverai in nessun page builder generico.

Nessun sistema legacy da aggiornare, nessun plugin da mantenere: ogni tipo di pagina è integrato nativamente nel builder e collegato al resto dell'ecosistema Hotely.

Tipi di pagina

Homepage

La homepage è la vetrina della tua struttura. Il template include sezioni predefinite che puoi personalizzare, riordinare o rimuovere:

Sezioni tipiche della homepage:

• Hero: immagine a tutto schermo con titolo, sottotitolo e pulsante di prenotazione
• Presentazione: breve testo di benvenuto con immagine della struttura
• Camere in evidenza: anteprima delle tipologie di camera più popolari
• Servizi principali: icone e descrizioni dei servizi offerti
• Testimonianze: citazioni e recensioni degli ospiti
• Posizione: mappa e descrizione della location
• Call to action finale: banner con invito alla prenotazione

Pagina Camere

La pagina camere è una delle più importanti per le conversioni. Ogni camera è presentata come una card con:

• Galleria fotografica con navigazione a scorrimento
• Nome della tipologia (es. "Suite Panoramica", "Camera Doppia Classic")
• Descrizione con formattazione rich-text
• Servizi inclusi con icone (WiFi, aria condizionata, minibar, etc.)
• Capacità (numero ospiti, letti)
• Superficie in metri quadri
• Tariffa a partire da con prezzo minimo
• Pulsante "Prenota" collegato direttamente al Booking Engine

Collegamento con il Booking Engine

Quando il Booking Engine è attivo, le camere mostrate nel sito sono sincronizzate automaticamente con le tipologie configurate nel motore di prenotazione. Questo significa che:

• Le tariffe si aggiornano in tempo reale
• La disponibilità è sempre accurata
• Il pulsante "Prenota" porta direttamente alla selezione date per quella specifica tipologia
• Non serve aggiornare i prezzi in due posti diversi

A differenza dei page builder generici, dove dovresti aggiornare manualmente i prezzi nel sito e nel sistema di prenotazione separatamente, con Hotely tutto è sincronizzato.

Pagina Dettaglio Camera

Ogni tipologia di camera ha una pagina dedicata raggiungibile cliccando dalla griglia camere. La pagina dettaglio camera è personalizzabile nell'editor come qualsiasi altra pagina e ogni template include un design unico:

• Immagine hero a tutta larghezza con la foto principale della camera
• Galleria fotografica con le immagini aggiuntive della tipologia
• Descrizione completa con formattazione rich-text
• Servizi inclusi con icone e lista dei comfort della camera
• Dettagli tecnici (superficie, capacità, tipo di letto, vista)
• Prezzo a partire da con formattazione in valuta
• Pulsante "Prenota" collegato al Booking Engine per quella specifica tipologia
• Breadcrumb di navigazione (Home → Camere → Nome Camera)
• Altre camere in fondo alla pagina per facilitare la navigazione tra le tipologie

La pagina è visibile nel selettore pagine dell'editor (in alto a sinistra) come Dettaglio camera e i blocchi che la compongono possono essere modificati, riordinati o sostituiti esattamente come in ogni altra pagina.

Pagina Servizi

Presenta i servizi della tua struttura in modo organizzato e visivamente accattivante:

Categorie di servizi supportate:

Ogni servizio può avere:

• Titolo e descrizione
• Immagine o icona
• Orari di disponibilità
• Prezzo (se applicabile)
• Link a una pagina di dettaglio o al form di prenotazione

Pagina Galleria

La galleria fotografica è fondamentale per una struttura ricettiva. Le immagini vendono più di mille parole, specialmente nel settore hospitality.

Funzionalità della galleria:

• Layout a griglia con dimensioni miste (grande, media, piccola) per un effetto dinamico
• Categorie: organizza le foto per area (camere, esterni, ristorante, piscina, dintorni)
• Lightbox: click sull'immagine per vederla a schermo intero con navigazione
• Didascalie: testo opzionale sotto ogni immagine
• Ottimizzazione automatica: le immagini vengono compresse e ridimensionate senza perdita di qualità percepita
• Caricamento progressivo: le immagini si caricano man mano che il visitatore scorre la pagina

Consigli per le foto

• Usa immagini orizzontali (landscape) per la hero e gli header
• Minimo 1920x1080 pixel per le immagini a schermo intero
• Minimo 800x600 pixel per le immagini nelle griglie
• Evita filtri eccessivi — le foto devono rappresentare fedelmente la struttura
• Includi sempre foto di: esterno, reception, camere (almeno una per tipologia), bagno, aree comuni, vista

Pagina Contatti

La pagina contatti include:

• Form di contatto con campi personalizzabili:

  • Nome e cognome
  • Email
  • Telefono (opzionale)
  • Oggetto (menu a tendina personalizzabile)
  • Messaggio
  • Date di soggiorno (opzionale)
  • Numero ospiti (opzionale)
  • Consenso privacy (obbligatorio)

• Informazioni di contatto:

  • Indirizzo completo con link a Google Maps
  • Numero di telefono con link click-to-call
  • Email con link mailto
  • Orari di apertura della reception

• Mappa interattiva: mappa incorporata con il pin della struttura

• Come raggiungerci: sezione con indicazioni stradali, informazioni su aeroporti vicini, stazioni ferroviarie e trasporti pubblici

Configurazione del form di contatto

I messaggi inviati tramite il form vengono:

1. Inviati all'indirizzo email configurato nella struttura
2. Salvati nella dashboard Hotely per consultazione
3. Notificati tramite l'app Hotely (se le notifiche sono attive)

Puoi configurare:

• Email di destinazione: uno o più indirizzi
• Oggetto dell'email: personalizzabile con variabili (nome ospite, date, etc.)
• Messaggio di conferma: il testo mostrato dopo l'invio
• Email di conferma automatica: un'email inviata automaticamente al visitatore

Pagina Chi Siamo

La pagina "Chi siamo" è spesso sottovalutata, ma gioca un ruolo cruciale nella costruzione della fiducia. I viaggiatori vogliono sapere chi c'è dietro una struttura, specialmente per hotel indipendenti e B&B.

Sezioni consigliate:

• La nostra storia: quando è nata la struttura, la sua evoluzione, la filosofia
• Il team: foto e brevi biografie del personale chiave
• I nostri valori: sostenibilità, ospitalità, tradizione, innovazione
• Riconoscimenti: premi, certificazioni, menzioni su guide turistiche
• La zona: descrizione del territorio e delle attrazioni circostanti

Pagine personalizzate

Oltre alle pagine predefinite, puoi creare pagine completamente personalizzate per qualsiasi contenuto. I nuovi blocchi Offerte speciali, Confronto tariffe, Schede e Numeri rendono queste pagine particolarmente efficaci:

• Offerte speciali: promozioni stagionali, pacchetti weekend, last minute — usa il blocco Offerte speciali con prezzi, badge e pulsanti di prenotazione
• Eventi: matrimoni, conferenze, eventi nella zona
• Esperienze: tour enogastronomici, escursioni, attività sportive — combina il blocco Schede per organizzare le esperienze per categoria
• Blog / Diario: articoli sulla zona, consigli di viaggio, ricette locali
• FAQ: domande frequenti con formato a fisarmonica
• Policy: politiche di cancellazione, regolamento interno

L'editor di contenuti

Modalità di modifica

L'editor offre due modalità di lavoro:

Modalità visuale (consigliata): clicca direttamente sugli elementi nella pagina per modificarli. Passa il mouse sopra un blocco per vedere la barra degli strumenti con le azioni rapide. Tutto è visibile in tempo reale.

Quando passi il mouse su un blocco, appare una barra degli strumenti in alto a destra con le azioni disponibili:

In basso al centro appare anche un pulsante "Aggiungi sezione" per inserire rapidamente un nuovo blocco tra due esistenti.

Modalità struttura: vista a elenco di tutti i blocchi della pagina, utile per riorganizzare rapidamente la struttura e gestire blocchi nascosti o sovrapposti.

Blocchi di contenuto — 47 blocchi disponibili

Ogni pagina è composta da blocchi che puoi aggiungere, modificare, spostare, duplicare o eliminare. Con 47 blocchi nativi e 12 animazioni di ingresso, hai tutto il necessario per costruire pagine che convertono visitatori in ospiti.

Blocchi di testo

• Titolo: H1, H2, H3 con stili predefiniti dal tema
• Paragrafo: testo con formattazione rich-text (grassetto, corsivo, link, elenchi)
• Citazione: testo evidenziato con stile blockquote — ideale per testimonianze
• Elenco con icone: lista di elementi con icone personalizzabili

Blocchi multimediali

• Immagine singola: con didascalia, link e alt text
• Galleria: griglia di immagini con lightbox
• Video: embed da YouTube e Vimeo — incolla l'URL e il blocco genera automaticamente il player ottimizzato, responsive e con caricamento lazy
• Slider: carosello di immagini con navigazione
• Prima/Dopo: comparazione di due immagini con cursore scorrevole
• Collage fotografico: layout asimmetrico o masonry per gallerie creative
• Banner parallasse: immagine a piena larghezza con testo sovrapposto e effetto profondità
• Galleria Instagram: griglia fotografica per mostrare i migliori scatti della struttura

Blocchi specifici per hospitality

Questi sono i blocchi che distinguono Hotely da qualsiasi page builder generico — progettati per risolvere esigenze che solo chi gestisce una struttura ricettiva conosce:

• Vetrina camere: griglia delle tipologie di camera con prezzi e pulsante prenota, collegata al Booking Engine
• Camera in evidenza: vetrina per una singola camera con foto, prezzo, servizi e pulsante di prenotazione, sincronizzata dal booking engine
• Servizi: griglia di servizi con 30 icone hospitality dedicate (WiFi, piscina, spa, parcheggio, ristorante e altre)
• Offerte speciali: griglia di promozioni con prezzi, badge promozionali e pulsanti di prenotazione
• Confronto tariffe: tabella comparativa delle tipologie di camera con feature, servizi inclusi e prezzi
• Mappa: embed Google Maps interattivo con la posizione della struttura
• Il team: presentazione dei membri dello staff con foto, ruolo e bio
• Numeri: contatori animati per statistiche chiave (anni di attività, camere, ospiti soddisfatti)
• Loghi e partner: cloud di loghi di partner, certificazioni, premi e portali
• Newsletter: form di iscrizione alla mailing list integrato nella pagina
• Testimonianze: carousel di recensioni con nome, provenienza e stelle
• Menu ristorante: categorie di piatti con prezzi e descrizioni, con layout elegante per la ristorazione interna
• Eventi e attività: schede con data, orario, descrizione e badge per le esperienze in programma
• Sostenibilità: iniziative green della struttura con icone tematiche e descrizioni
• Meteo locale: temperature medie per mese con icone meteo — aiuta gli ospiti a pianificare il viaggio
• Schede policy: informazioni pratiche (check-in, check-out, cancellazione, pagamento) sincronizzabili dal booking engine
• Riepilogo recensioni: punteggio medio e ultime recensioni sincronizzate dal booking engine
• Punti di forza struttura: vantaggi principali con icone grandi e descrizioni, perfetto per convincere i visitatori indecisi
• Griglia icone: servizi e comfort in formato compatto con icone e label
• Premi e certificazioni: badge e riconoscimenti con icone e descrizioni

Blocchi di storytelling

• Cronologia: storia della struttura con layout alternato o lineare — racconta l'evoluzione nel tempo
• Contenuto diviso: testo e immagine affiancati con posizione invertibile — versatile per raccontare filosofia, storia e valori
• Percorso ospite: i passi dalla prenotazione alla partenza, in formato orizzontale o verticale con numeri e descrizioni

Blocchi di organizzazione e confronto

• Schede: contenuto organizzato in tab navigabili — mostra camere, servizi e tariffe in uno spazio compatto
• Confronto: tabella comparativa di feature con icone check/cross per confrontare tariffe, camere o pacchetti
• Fisarmonica: domande e risposte in formato espandibile, leggero e senza dipendenze esterne

Blocchi di conversione

• CTA banner: sezione a piena larghezza con messaggio e pulsante
• Form di contatto: modulo personalizzabile
• Widget prenotazione: disponibile in 4 varianti — pannello conversione, split con CTA, ricerca date inline e ricerca date hero
• Conto alla rovescia: timer per offerte a tempo limitato con aggiornamento in tempo reale
• Promozione stagionale: card promozionale con immagine, prezzo, inclusi e pulsante di prenotazione
• Prova sociale: barra con punteggi da portali esterni (Booking, Google, TripAdvisor)

Blocchi di layout

• Colonne: dividi la sezione in 2, 3 o 4 colonne
• Spaziatore: spazio vuoto tra i blocchi
• Divisore: separatore tra sezioni con 4 stili — linea, onda, puntini o ornamento decorativo
• Sfondo colorato: sezione con sfondo colorato o immagine di sfondo
• Ancora: punto di ancoraggio per link interni alla pagina

Gestione delle immagini

Libreria multimediale

Tutte le immagini caricate sono archiviate nella libreria multimediale, accessibile da qualsiasi pagina:

• Organizzazione per cartelle: camere, esterni, ristorante, persone, etc.
• Ricerca: trova le immagini per nome file o tag
• Informazioni: dimensioni, peso, data di caricamento, pagine in cui è utilizzata
• Modifica: ritaglio, rotazione, regolazione luminosità e contrasto — direttamente nel browser

Ottimizzazione automatica

Ogni immagine caricata viene automaticamente:

1. Compressa con algoritmi intelligenti che riducono il peso senza perdita visibile
2. Ridimensionata in multiple versioni per diversi dispositivi
3. Convertita in formato WebP per browser compatibili (con fallback JPEG)
4. Servita dalla CDN per tempi di caricamento minimi ovunque nel mondo

Non serve alcun plugin di ottimizzazione — a differenza dei page builder generici dove l'ottimizzazione delle immagini richiede estensioni aggiuntive e configurazione manuale, con Hotely è tutto automatico e trasparente.

Navigazione e menu

Menu principale

Il menu principale del sito si aggiorna automaticamente quando aggiungi o rimuovi pagine. Puoi:

• Riordinare le voci: trascina per cambiare l'ordine
• Rinominare le voci: il nome nel menu può essere diverso dal titolo della pagina
• Nascondere pagine dal menu: la pagina esiste ed è raggiungibile via URL, ma non appare nel menu
• Creare sottomenu: raggruppa le pagine in menu a tendina
• Aggiungere link esterni: inserisci link a pagine esterne (es. profilo TripAdvisor, pagina Facebook)

Gerarchia delle pagine

Le pagine possono essere organizzate in una struttura gerarchica:

Homepage
├── Camere
│   ├── Camera Doppia
│   ├── Suite Panoramica
│   └── Camera Singola
├── Servizi
│   ├── Ristorante
│   ├── Spa
│   └── Piscina
├── Galleria
├── Chi Siamo
└── Contatti

La gerarchia influenza:

• L'URL della pagina: /camere/suite-panoramica per una pagina figlia
• La breadcrumb: percorso di navigazione visibile (Home > Camere > Suite Panoramica)
• Il menu di navigazione: le pagine figlie possono apparire come sottomenu

Menu mobile

Il menu mobile è generato automaticamente dal menu principale, con un layout ottimizzato per schermi touch:

• Hamburger menu con animazione fluida
• Voci a piena larghezza per facilità di tap
• Sottomenu espandibili con gesture intuitive
• Pulsante CTA sempre visibile in fondo al menu

Gestione delle pagine

Creare una nuova pagina

1. Nella barra laterale, clicca su Pagine
2. Clicca su + Nuova pagina
3. Scegli un tipo di pagina o parti da una pagina vuota
4. Configura le impostazioni:
   • Titolo: il nome della pagina (visibile nel browser e nel menu)
   • Slug URL: il percorso della pagina nell'URL (es. /camere, /servizi)
   • Descrizione SEO: la meta description per i motori di ricerca
   • Immagine di copertina: l'immagine usata per la condivisione sui social

Duplicare una pagina

Clicca con il tasto destro su una pagina nella barra laterale e seleziona Duplica. Viene creata una copia identica che puoi poi modificare — utile per creare pagine con struttura simile.

Eliminare una pagina

Clicca con il tasto destro e seleziona Elimina. La pagina viene spostata nel cestino per 30 giorni prima dell'eliminazione definitiva. Durante questo periodo puoi ripristinarla in qualsiasi momento.

Stato delle pagine

Ogni pagina può avere uno di questi stati:

Buone pratiche per i contenuti

Scrittura efficace per il web

• Usa titoli chiari e descrittivi: il visitatore deve capire il contenuto della sezione prima di leggerla
• Paragrafi brevi: massimo 3-4 righe per paragrafo
• Elenchi puntati: per informazioni che il visitatore vuole scorrere rapidamente
• Linguaggio diretto: parla al visitatore con il "tu" o il "voi", evita il linguaggio impersonale
• Verbi di azione: "Prenota", "Scopri", "Esplora" — non "Si prega di compilare il form"

Gerarchia delle informazioni

Organizza i contenuti secondo la priorità per il visitatore:

1. Cosa offri: tipo di struttura, camere, servizi principali
2. Dove sei: posizione, come raggiungerti, dintorni
3. Quanto costa: tariffe, offerte, pacchetti
4. Come prenotare: pulsante di prenotazione sempre raggiungibile
5. Chi sei: storia, team, filosofia — importante ma secondario
6. Dettagli: policy, FAQ, informazioni tecniche

Aggiornamento dei contenuti

Un sito con contenuti datati trasmette un'impressione di trascuratezza. Pianifica aggiornamenti regolari:

• Mensile: aggiorna le foto stagionali, le offerte speciali, gli eventi
• Trimestrale: rivedi i testi delle pagine principali, aggiorna i prezzi di riferimento
• Annuale: valuta se il template e il design sono ancora attuali, aggiorna la pagina "Chi siamo"