Strumenti

Widget di prenotazione per gite in barca: come aggiungerlo al sito senza uno sviluppatore

Di Team Yorango · · Aggiornato il · 7 min di lettura

Il tuo sito web riceve traffico. I visitatori guardano le foto delle tue gite, leggono le descrizioni, forse consultano i prezzi. Poi escono — senza prenotare. In molti casi non è perché non erano interessati: è perché il processo di prenotazione era complicato, richiedeva una telefonata, o li mandava su un sito esterno che li ha disorientati. Un widget di prenotazione integrato direttamente nel sito elimina questo problema. Il cliente seleziona data, partecipanti e paga — tutto senza uscire dalla tua pagina. Questa guida ti spiega come sceglierlo e integrarlo senza bisogno di un tecnico. Per approfondire: 6 elementi del sito che convertono e come aumentare le prenotazioni online.

Un widget è un componente interattivo incorporato nella tua pagina web — come un calendario o un modulo — che permette al cliente di completare l'intera prenotazione senza lasciare il tuo sito. È diverso da un link che porta su GetYourGuide o su una pagina separata del tuo gestore: quei flussi rompono la continuità dell'esperienza e disperdono il traffico. Con un widget integrato, tutto avviene sotto il tuo dominio, con il tuo brand.

I 5 requisiti che un buon widget deve avere

  • Disponibilità in tempo reale: il calendario deve mostrare solo le date e gli orari effettivamente disponibili, aggiornati automaticamente quando arrivano altre prenotazioni (da widget, da OTA, da back office)
  • Pagamento integrato: il cliente deve poter pagare direttamente nel widget con carta di credito, Google Pay o Apple Pay — senza essere rimandato a PayPal o ad altri sistemi esterni
  • Mobile-first: oltre il 65% delle prenotazioni avviene da smartphone; il widget deve funzionare perfettamente su schermi piccoli, con pulsanti grandi e passaggi ridotti al minimo
  • Selezione partecipanti e categorie: adulti, bambini, eventualmente diverse tipologie di ticket — tutto configurabile dal tuo pannello senza codice
  • Email di conferma automatica: subito dopo il pagamento, il cliente riceve una conferma con tutti i dettagli, senza che tu debba fare nulla manualmente

Come integrare il widget nel sito: le opzioni pratiche?

L'integrazione richiede incollare un breve frammento di codice HTML nella pagina del tuo sito. Non serve saper programmare: è un'operazione simile a incorporare un video YouTube. I passaggi pratici variano a seconda della piattaforma che usi per il sito:

  • WordPress (con Elementor, Divi o editor a blocchi): aggiungi un blocco "HTML personalizzato" o "Codice" nella posizione desiderata e incolla il frammento — operazione da 5 minuti
  • Wix: vai su "Aggiungi elementi" → "Incorpora" → "Codice HTML" e incolla il frammento nella sezione della pagina
  • Squarespace: usa un blocco "Code" in qualsiasi sezione della pagina
  • Sito HTML statico: incolla il frammento direttamente nel file .html nel punto dove vuoi il widget
  • Sito costruito da un'agenzia: manda il frammento di codice all'agenzia — l'integrazione richiede meno di un'ora di lavoro tecnico

Dove posizionare il widget nella pagina del tour: la regola d'oro?

La posizione del widget è importante quanto la sua qualità. La regola d'oro: il widget deve essere visibile senza scorrere la pagina (above the fold) su desktop, o raggiungibile con un singolo tap su mobile. Le posizioni che convertono meglio:

  • A destra della descrizione del tour (layout a due colonne su desktop): il cliente legge a sinistra, prenota a destra
  • Subito dopo le prime foto e il titolo, prima della descrizione estesa
  • Con un pulsante fisso nella parte inferiore dello schermo su mobile ("Prenota ora") che apre il widget in una finestra sovrapposta
  • Ripetuto in fondo alla pagina per chi ha letto tutta la descrizione e vuole prenotare senza risalire

Il test dei 3 minuti: come verificare che funzioni davvero

Dopo l'integrazione, esegui questo test dal tuo smartphone con connessione dati (non Wi-Fi, non dal tuo solito dispositivo):

  • Cerca il tuo tour su Google come farebbe un turista ("gite in barca [tua città]")
  • Clicca sul link del tuo sito dai risultati di ricerca
  • Prova a prenotare come se fossi un cliente: seleziona una data, scegli il numero di partecipanti, vai alla schermata di pagamento
  • Cronometra: dalla pagina del tour al momento in cui hai inserito i dati della carta, devono passare meno di 3 minuti
  • Se ci vogliono più di 3 minuti o se trovi un passaggio confuso, stai perdendo prenotazioni in quel punto

Avere il widget sul sito non significa smettere di vendere su GetYourGuide o Viator. Ha senso usare entrambi: le OTA portano nuovi clienti che non ti conoscono, il widget converte chi è già sul tuo sito; alle prenotazioni confermate si applica la fee Yorango prevista dall’accordo. La strategia ottimale è usare le OTA per l'acquisizione e il sito diretto per la fidelizzazione — chi è già stato da te, la volta successiva dovrebbe prenotare direttamente e tu dovresti incentivarlo a farlo (sconto fedeltà, offerta esclusiva per prenotazioni dirette).

Il widget di prenotazione Yorango: cosa include nella versione base

Il widget di Yorango non è un semplice calendario con un form di pagamento. È un sistema di prenotazione completo incorporabile in qualsiasi sito con un frammento di codice generato automaticamente dal pannello. Cosa funziona out-of-the-box, senza configurazione aggiuntiva:

  • Calendario live sincronizzato con tutti i canali: mostra solo le date con disponibilità reale, aggiornata con prenotazioni da widget, da Viator (push automatico) e da GetYourGuide (riconciliazione periodica ogni 4 ore) — la disponibilità interna è sempre la fonte di verità.
  • Selezione passeggeri con categorie e prezzi differenziati: adulti, bambini, neonati (con tariffe diverse per categoria) configurabili dal pannello — il widget le mostra automaticamente senza intervento tecnico.
  • Pagamento con carta, Google Pay e Apple Pay: Stripe è integrato nativamente. Il cliente non viene reindirizzato su PayPal o su una pagina esterna — il pagamento avviene dentro la tua pagina.
  • Rilevamento lingua automatico: il widget si adatta alla lingua del browser del visitatore. Un turista tedesco vede il form in tedesco, uno inglese in inglese — senza che tu debba configurare nulla.
  • Raccolta dati manifesto passeggeri: il form può richiedere nome, cognome, documento e data di nascita direttamente in fase di prenotazione — dati già disponibili allo skipper nella lista imbarco del giorno.
  • Email di conferma automatica: subito dopo il pagamento, il cliente riceve la conferma nella sua lingua con tutti i dettagli del tour e un link alla pagina di gestione della prenotazione — da qui accede al QR code per il check-in al pontile.

Domande frequenti sul widget di prenotazione per gite in barca

Posso installare il widget di prenotazione su qualsiasi sito web?

Sì. Il widget Yorango è uno snippet di codice che funziona su qualsiasi piattaforma web: WordPress, Wix, Squarespace, siti realizzati da agenzie o sviluppatori custom. Non serve accesso al backend del sito — basta incollare il codice nella pagina del tour o in qualsiasi punto si voglia mostrare il calendario di prenotazione.

Il widget di prenotazione funziona bene su smartphone?

Sì, il widget è ottimizzato mobile-first. La selezione della data, l'inserimento dei partecipanti e il pagamento funzionano con un solo dito su qualsiasi smartphone moderno. Dato che oltre il 65% del traffico nautico arriva da mobile, questo è un requisito fondamentale — non un'opzione accessoria.

I pagamenti tramite widget sono sicuri per il cliente?

I pagamenti sono gestiti da Stripe, uno dei provider certificati PCI-DSS livello 1 più diffusi al mondo. I dati della carta non transitano mai dai server di Yorango — vengono gestiti direttamente da Stripe in modo sicuro e criptato. Il cliente vede il lucchetto HTTPS e i loghi dei metodi di pagamento accettati durante il checkout.