SuperSite mette a disposizione quattro componenti che costruiscono il percorso di prenotazione sul tuo sito: la barra di ricerca, la lista delle camere, la scheda della singola camera e il checkout di pagamento. Li aggiungi alle pagine dall'editor come qualsiasi altro elemento, poi li posizioni e ridimensioni a piacere.
Tutti leggono i dati in tempo reale dal pannello di gestione delle prenotazioni: perché funzionino devi aver configurato almeno una struttura con una camera, completa di prezzi e immagini. Da ogni componente puoi aprire direttamente Gestione Prenotazioni per modificare descrizioni, prezzi, disponibilità e termini; le modifiche compaiono subito sul sito, senza aggiornamenti manuali.
Barra di ricerca
Il componente Ricerca Hotel è la barra che permette al visitatore di scegliere il periodo di soggiorno e il numero di ospiti (adulti, bambini e neonati) e di avviare la ricerca delle camere disponibili. Inseriscila dove vuoi che parta la prenotazione, per esempio in cima alla home o su una pagina dedicata.
Nel pannello impostazioni configuri due cose principali:
- Struttura - se il tuo account ne ha più di una, scegli su quale deve cercare il modulo. Se l'elenco è vuoto, configura prima una struttura in Gestione Prenotazioni.
- Pagina di destinazione - la pagina su cui il visitatore viene portato dopo aver cliccato Cerca. Meglio una pagina dedicata alla prenotazione, dove mostri subito le camere disponibili.
Lista delle camere
Il componente Lista Camere mostra le camere della struttura in schede navigabili, con filtri e barra di ricerca per aiutare il cliente a trovare la soluzione giusta. Aggiungilo alla pagina in cui presenti le camere.
Dalle impostazioni scegli:
- Struttura da mostrare; puoi usare più componenti su pagine diverse, uno per struttura.
- Quali camere esporre: tutte, filtrate per tipologia (singola, doppia, tripla…) oppure selezionate manualmente, utile per pagine tematiche come le suite o le camere familiari.
- Ricerca e filtri: mostri o nascondi la barra di ricerca e scegli se tenere i filtri in alto o in una colonna laterale, comoda quando hai molte tipologie.
- Modello grafico tra Minimal, Bordered e Orizzontale, quest'ultimo ideale con fotografie larghe.
Scheda della camera
Il componente Dettaglio Camera è la scheda di vendita completa di una singola camera: prezzo per notte, descrizione, posizione, capienza e letti, servizi e accessibilità, termini e condizioni, galleria immagini e il riquadro di prenotazione con date, ospiti, totale e pulsante Prenota.
Nelle impostazioni, nella sezione Filtri, selezioni la struttura e poi la camera da mostrare; se non ne scegli una, il componente mostra la prima disponibile. Crea una pagina dedicata per ogni camera, così ognuna ha il proprio indirizzo: aiuta il posizionamento sui motori di ricerca e ti permette di condividere link diretti.
Checkout e pagamento
Il componente Checkout Prenotazione accompagna l'ospite dal riepilogo del soggiorno fino al pagamento con una procedura guidata a passaggi.
I passaggi che vede il cliente sono:
- Riepilogo - struttura, periodo, notti, ospiti, camera e totale del soggiorno.
- Servizi aggiuntivi - gli extra configurati nel pannello, con il totale aggiornato in tempo reale.
- Dati ospiti - anagrafica e contatti, con l'opzione di riusare gli stessi dati per la fatturazione.
- Consensi e fattura - accettazione della privacy e, se richiesta, i dati per la fattura (i campi P.IVA, PEC e Codice SDI compaiono selezionando l'Italia).
- Pagamento - scelta del metodo tra quelli attivi e conferma, con l'indicazione dell'ID transazione.
I metodi disponibili dipendono da quelli che attivi in Gestione Prenotazioni: carta (tramite Stripe, Braintree o NexiPay), PayPal, Satispay, bonifico bancario, pagamento in struttura o un metodo personalizzato. Attiva sempre almeno un metodo online e uno alternativo per non perdere prenotazioni.
Personalizzare l'aspetto
Tutti e quattro i componenti si personalizzano dall'editor con gli stessi controlli, così mantieni un aspetto coerente lungo l'intero percorso:
- Carattere - scegli il font del componente (predefinito Poppins); usa lo stesso dei titoli e dei testi del sito.
- Colori - colore primario per pulsanti e accenti, colore del testo e colore di sfondo, quest'ultimo con trasparenza per sovrapporre il componente a un'immagine.
- Arrotondamento degli angoli - un cursore da 0 a 6 regola la forma di campi, pulsanti e schede: valori bassi per un look sobrio, valori alti per un aspetto più morbido.
Usa lo stesso colore primario per la barra di ricerca, la lista, la scheda camera e il checkout: il cliente percepisce un percorso visivo uniforme e più affidabile fino al pagamento.
Problemi comuni e soluzioni
Un componente mostra un avviso o una versione dimostrativa invece delle camere.
Non hai ancora configurato una struttura con almeno una camera. Apri Gestione Prenotazioni dal pannello del componente e crea una struttura con una camera, i prezzi e le immagini.
Dopo aver cliccato Cerca il visitatore resta sulla stessa pagina.
Non hai impostato una pagina di destinazione diversa da quella corrente. Indicala nella sezione Pagina di destinazione della barra di ricerca.
Alcune camere non compaiono nella lista anche se esistono nel pannello.
Controlla i filtri del componente: potresti aver selezionato una sola tipologia o un sottoinsieme manuale di camere. Verifica anche che la camera sia associata alla struttura corretta.
I prezzi o le immagini sul sito non corrispondono al pannello.
I componenti leggono i dati in tempo reale: se hai appena fatto una modifica, ricarica la pagina. Verifica poi che i dati siano salvati correttamente nella scheda della camera.
I metodi di pagamento non compaiono nel checkout.
In Gestione Prenotazioni controlla che il tipo di pagamento non sia impostato solo su pagamento in struttura: in quel caso non viene mostrato alcun metodo online. Imposta una percentuale di prepagamento per abilitarli.
Il checkout non avanza dopo aver cliccato Continua.
Uno o più campi obbligatori del passaggio corrente non sono compilati. Controlla i campi evidenziati e completali prima di procedere.