Modulo classico (modulo di prenotazione passo dopo passo)

Questo articolo spiega come personalizzare il modulo di prenotazione classico passo dopo passo.

Se non sei sicuro di quale modulo di prenotazione usare, consulta Tipi di modulo di prenotazione / Scegli un modulo di prenotazione.

Come personalizzare il modulo di prenotazione classico

Puoi personalizzare il layout, i colori, le etichette, i campi e i testi dei passaggi del tuo modulo di prenotazione. Per modificare il modulo:

1. Vai su Bookly > Aspetto.

2. Scegli Modulo passo a passo.

3. Modifica le impostazioni del modulo nelle schede disponibili.

4. Fai clic su Salva.

Personalizza i colori

Usa il selettore colore per regolare i colori principali del modulo di prenotazione classico in modo che corrisponda al design del tuo sito.

Dopo aver aggiornato i colori, fai clic su Salva.

Modifica i testi e aggiungi i dettagli della prenotazione

Puoi modificare il testo mostrato in ogni passaggio della prenotazione.

Fai clic sul testo sottolineato per aprire la finestra di modifica. Inserisci il tuo testo e aggiungi codici come {service_name}, {staff_name} o {total_price} per mostrare dinamicamente i dettagli della prenotazione.

Inizia a digitare { e scegli un codice tra i suggerimenti disponibili nell’editor. Fai clic su Applica, poi su Salva.

Esempio:

Hai scelto di prenotare {service_name} con {staff_name} il {service_date} alle {service_time}.
Il prezzo del servizio è {service_price}.
Inserisci i tuoi dati nel modulo qui sotto per procedere con la prenotazione.

Per le descrizioni dei codici, consulta Tutti i segnaposto. Non tutti i codici elencati sono disponibili nella sezione Aspetto; usa i suggerimenti dell’editor per verificare quali puoi inserire.

Avanzato: contenuto condizionale e ripetuto

Usa i blocchi condizionali per mostrare il testo solo quando esistono informazioni di prenotazione specifiche.

L’esempio seguente mostra gli extra selezionati solo quando sono presenti. Il codice {extras} richiede Service Extras Add-on.

{#if extras} Elementi aggiuntivi: {extras}{/if}

Se usi add-ons che permettono più appuntamenti in un’unica sessione di prenotazione, usa un blocco ripetuto per mostrare i dettagli di ciascun appuntamento della prenotazione. Il contenuto del blocco viene ripetuto una volta per ogni appuntamento.

Esempio:

{#each appointments as appointment}
Servizio: {appointment.service_name}
Membro dello staff: {appointment.staff_name}
Data e ora: {appointment.appointment_date} alle {appointment.appointment_time}
{/each}

Controlla la versione mobile

Se modifichi o traduci i titoli dei pulsanti, controlla anche la versione mobile del modulo. Apri Aspetto di Bookly in visualizzazione mobile, aggiorna i testi dei pulsanti per ogni passaggio e salva le modifiche.

Nascondi passaggi o campi

Per nascondere campi come Categoria, Servizio o Membro dello staff, modifica le impostazioni del blocco del modulo di prenotazione o dello shortcode quando aggiungi il modulo a una pagina. Se nascondi un campo obbligatorio, seleziona un valore predefinito per quel campo.

La possibilità di nascondere un passaggio della prenotazione dipende dal passaggio e dalle impostazioni di Bookly. Ad esempio, per nascondere il passaggio Pagamento, disattiva tutti i metodi di pagamento, incluso il pagamento offline, in Bookly Impostazioni > Pagamenti. Consulta Come rimuovo il passaggio di pagamento dal modulo di prenotazione?.

Scopri di più: Pubblica il modulo di prenotazione

Sfoglia le domande frequenti

Come cambio il colore o la dimensione del carattere di un messaggio di avviso?

Come nascondere i campi categoria/servizio/membro dello staff nel modulo di prenotazione?

Come cambio il colore del testo nel modulo di prenotazione Bookly?

Come rimuovo il passaggio di pagamento dal modulo di prenotazione?

Il pulsante “Avanti” non funziona nel modulo di prenotazione