Metti il Booking Engine sul tuo sito

Il Booking Engine dentro le pagine del tuo sito, in un riquadro o dietro un pulsante

A cosa serve questa schermataIl tuo Booking Engine, dentro il tuo sito

La schermata si chiama «Metti il Booking Engine sul tuo sito». La apri dalla pagina «Booking Engine», scheda «Impostazioni Struttura», sotto «URL del sito»; oppure dall'icona del codice nella card «Booking Engine» della sezione Struttura.

Qui prepari il codice da incollare nel tuo sito: l'ospite prenota senza lasciare le tue pagine e, dopo il pagamento, torna da te. La schermata la vedono il direttore e l'assistente, gli stessi ruoli che configurano il Booking Engine.

I siti autorizzatiDove il Booking Engine accetta di aprirsi

In cima alla schermata c'è «Sito della struttura»: l'indirizzo del tuo sito, per esempio https://www.hotelrosa.it oppure hotelrosa.it, al massimo 80 caratteri. Lo cambi lì e lo salvi con «Salva il sito»; per toglierlo svuota il campo e salva. Va bene anche una pagina (un profilo Facebook, per esempio), ma solo un dominio senza pagina può valere come sito autorizzato. Il sito della struttura vale per tutte le proprietà del tuo account: se lo cambi da una proprietà, cambia anche per le altre, e ogni proprietà con l'elenco dei siti autorizzati vuoto lo usa.

Il Booking Engine si apre solo dentro i siti dell'elenco «Siti autorizzati»: è la protezione che impedisce a un sito qualunque di incorniciare le tue prenotazioni. Scrivi solo il dominio, per esempio hotelrosa.it: niente https, niente pagine, porte o parametri, niente indirizzi IP o asterischi. Un dominio con lettere accentate va bene così com'è: lo converte Vezpa. www e i sottodomini (prenota.hotelrosa.it) valgono già.

  • Se l'elenco è vuoto e il «Sito della struttura» è un dominio vero, vale quello: la schermata te lo propone con «Usa questo». Se cambi il sito, la proposta segue il sito nuovo.
  • Se non c'è nessun dominio, la schermata lo dice in rosso: il Booking Engine non si vedrà nel tuo sito finché non ne aggiungi uno.
  • Al massimo 10 siti. Ricorda «Salva i siti»: il codice funziona solo sui siti salvati.
Un sito della struttura con una pagina dentro (una pagina Facebook, un sito su una piattaforma altrui) non vale: autorizzarne il dominio aprirebbe il Booking Engine a chiunque abbia una pagina lì.

Come mostrarloTre modi, un solo codice

ModoChe cosa vede l'ospite
«Dentro la pagina»Il Booking Engine in un riquadro largo quanto la pagina, che si allunga da solo a ogni passo, senza barre di scorrimento interne.
«Pulsante qui»Un pulsante nel punto in cui incolli il codice. Al tocco il Booking Engine si apre in un pannello sopra la pagina, a tutto schermo sul telefono.
«Pulsante fisso nell'angolo»Lo stesso pannello, aperto da un pulsante sempre visibile in basso a destra. Uno solo per pagina.

Il pannello si chiude con la X in alto, toccando fuori dal pannello o con il tasto Esc. Nella stessa pagina possono stare più codici: per esempio il pulsante nell'angolo e, nella pagina di una camera, un riquadro con quella sola camera.

Le opzioniLingua, sistemazione, SPA, testo del pulsante

  • «Lingua»: con «Automatica (quella della pagina)» il Booking Engine legge la lingua della pagina in cui è incollato e la usa se è fra le lingue del tuo Booking Engine; altrimenti usa la tua lingua predefinita. Puoi anche fissarne una.
  • «Sistemazione»: «Tutte», oppure una sola, che il Booking Engine mostra da sola. Utile nella pagina di quella camera.
  • «Mostra SPA e negozio»: compare solo se la SPA è attiva. Spento, il Booking Engine nel tuo sito non mostra la sezione SPA e negozio.
  • «Testo del pulsante»: solo nei due modi a pulsante. Al massimo 60 caratteri. Vuoto, il pulsante dice «Prenota» nella lingua dell'ospite. I colori sono sempre quelli del tuo Booking Engine.

Anteprima, codice e agenziaProva, copia, manda

La schermata mostra un'anteprima del modo scelto, con i colori del tuo Booking Engine. «Apri l'anteprima nel browser» apre il Booking Engine vero nel modo scelto, su una pagina di prova: una prenotazione fatta lì è una prenotazione vera.

Il codice sotto segue le tue scelte. «Copia il codice» se lo incolli tu, nel punto della pagina in cui deve comparire. «Manda all'agenzia web» prepara un messaggio con il codice, i siti autorizzati e il link alla guida per chi cura il sito. «Link e QR» dà il link diretto al Booking Engine e il suo QR, per volantini, biglietti e social.

Il codice si incolla una volta sola. Colori, lingue e sistemazioni cambiati nel Booking Engine arrivano nel sito da soli; il codice va ricopiato solo se cambi modo, lingua fissa, sistemazione, testo del pulsante o «Mostra SPA e negozio», oppure se attivi, cambi o disattivi il «Dominio personalizzato» del Booking Engine: il codice porta con sé l'indirizzo da cui il Booking Engine si apre, e la schermata lo ricorda sotto il codice.

Dopo il pagamentoL'ospite torna sul tuo sito

Il pagamento con carta si apre sempre a pagina intera, sul sito sicuro di Stripe. Finito il pagamento l'ospite torna sulla pagina del tuo sito da cui era partito e vede «Prenotazione confermata», con le date, le sistemazioni e il link alla sua prenotazione, che si apre in una nuova scheda. Lo stesso succede quando la prenotazione non chiede un pagamento online.

Se annulla il pagamento, torna sulla stessa pagina e ritrova le camere che aveva scelto.

Il riepilogo nella pagina si vede una volta sola e per mezz'ora: chi ricarica la pagina dopo vede il titolo «La tua prenotazione» e legge che il riepilogo è nell'email. Il ritorno funziona solo dalle pagine https dei siti autorizzati; da una pagina fuori elenco l'ospite resta su Vezpa, come con un link diretto.

Se qualcosa non tornaI dubbi più frequenti, con la risposta corta

  • Il riquadro resta bianco o dice che la pagina non si può mostrare. Il dominio della pagina non è fra i siti autorizzati, oppure non li hai salvati.
  • Il codice non fa niente. Alcuni editor tolgono gli script (un blocco di testo invece di un blocco HTML), oppure un banner dei cookie blocca gli script esterni finché l'ospite non accetta. Il Booking Engine nel sito non usa cookie: il codice si può segnare come necessario.
  • Su Wix il riquadro non compare. L'elemento HTML di Wix gira in una cornice di Wix su un altro dominio: lì usa il «Pulsante fisso nell'angolo» dal codice personalizzato del sito, oppure un pulsante con il link di «Link e QR».
  • Dopo il pagamento l'ospite è finito su Vezpa. La pagina di partenza non era in un sito autorizzato, oppure non era in https.
  • La schermata mostra solo i siti autorizzati. Il Booking Engine non ha ancora un indirizzo: sceglilo in «URL del sito», nella pagina Booking Engine.
  • Voglio cambiare i colori del pulsante. Si cambiano da «Aspetto del sito», nella pagina Booking Engine (solo il direttore): il pulsante li segue da solo.

La guida per chi incolla il codice

Per la tua agenzia web c'è una guida pubblica, senza accesso: Guida per agenzie web. È il link che parte con «Manda all'agenzia web».