Vai al contenuto

Modulo di prenotazione frontend

Inserire il modulo di prenotazione nel sito

Per mostrare il modulo di prenotazione sul tuo frontend, crea una pagina (es. “Prenota una bicicletta”)

booking form shortcode

e inserisci lo shortcode:

[simpbire_bike_rental]

Dalla versione 1.3.2 di Simple Bike Rental Pro, è stato introdotto il tipo di noleggio "multi-day" (prenotazioni su più giorni), con alcune impostazioni utili come lo sconto in percentuale (opzionale e configurabile a livello globale e per singola bicicletta) oltre al numero minimo di giorni richiesto perchè lo sconto venga applicato.

Ora scegliendo il tipo di noleggio multi-day il calendario per la selezione delle date consentirà di selezionare un range:

fullcalendar multiday date range

Gli utenti ora potranno:

  • scegliere il tipo di noleggio: giornaliero, orario o anche multi-day (il tipo multi-day è disponibile solo nella versione pro)
  • selezionare data (e orario per le prenotazioni di tipo orario)
  • vedere solo le biciclette disponibili per il periodo selezionato e gli accessori (se abilitati)
  • inserire i propri dati personali
  • inviare la richiesta di prenotazione

ecco un esempio di come si presenta il modulo con una prenotazione multi-day e accessori abilitati:

booking form frontend

Nota: il suggerimento "You save..." appare solo nelle prenotazioni multi-day e solo se lo sconto in percentuale è stato impostato ed abilitato nelle impostazioni generali del plugin.

Il modulo funziona con qualunque page builder (Bricks, Elementor, Oxygen, Gutenberg, editor classico).


Conferma il pagamento (Stripe)

Con i pagamenti online attivati, dopo l'invio della prenotazione tramite il pulsante "Book now", viene mostrato un riepilogo della prenotazione e il pulsante per procedere al pagamento (Stripe).

payment-confirmation-multiday

Quando l’utente clicca sul pulsante “Procedi al pagamento”, viene reindirizzato alla pagina di pagamento Stripe.

Una volta completato il pagamento, Stripe rimanda automaticamente l’utente al sito, nella pagina che contiene lo shortcode [simpbire_success], dove viene mostrato il messaggio di conferma della prenotazione andata a buon fine.

payment-success-message

Nel frattempo la prenotazione è passata dallo stato "In attesa di pagamento" a "Attiva" grazie al webhook impostato nella sezione dedicata alla configurazione dei pagamenti, ed è visibile nel calendario in admin:

fullcalendar-multiday-admin


Conferma della prenotazione via email (pagamenti online disabilitati)

Invece quando l’utente invia una prenotazione con i pagamenti online disabilitati:

  1. Viene visualizzata una pagina di conferma che informa l'utente che la sua richiesta è stata ricevuta
  2. Riceve un’email con un link contenente un token di conferma.

L’utente deve cliccare quel link per completare la prenotazione. Serve per evitare prenotazioni false o spam.

confirm pending reservation

Se l’utente non conferma, la prenotazione resta in stato In attesa e dopo un certo periodo viene cancellata automaticamente.

Quando l’utente clicca il link ricevuto via email:

  • se il token è valido → la prenotazione viene confermata e sarà visibile nel pannello amministrativo con lo stato "Attiva”
  • se il token è scaduto/non valido → viene mostrato un messaggio di errore

booking confirmation