🎨 Appointment Bookings — Opzioni di personalizzazione
ℹ️ Note: Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto.
Hoppy Appointments ti consente di controllare quasi ogni aspetto dell'esperienza di prenotazione — dai colori e dai caratteri alle lingue, alle email, alle domande e al comportamento dopo la prenotazione. Alcune personalizzazioni si applicano all'intero negozio, mentre altre sono definite per singolo servizio.
Questa guida illustra tutte le aree di personalizzazione e spiega dove si trova ciascuna. Per i passaggi dettagliati, segui le guide dedicate collegate in ogni sezione.
🌍 Aree di personalizzazione globale
Queste impostazioni sono gestite da Settings (Impostazioni) e si applicano per impostazione predefinita all'intero negozio.
Design e stile
Vai su Settings → Default Design (Impostazioni → Design predefinito) per impostare l'aspetto predefinito del widget di prenotazione.
Puoi personalizzare:
- Caratteri e colori
- Sfondi, card e stili del testo
- Colori della data e della fascia oraria selezionati
- Stili dei pulsanti Confirm, Back e Continue (Conferma, Indietro, Continua)
- Stili delle pagine Success, Rescheduling e Cancel (successo, rinvio, annullamento)
- Custom CSS (CSS personalizzato)
Questi valori predefiniti sono usati da ogni servizio, a meno che un servizio non li sovrascriva.
Per i dettagli, consulta Appointment Bookings — Design & Styling Options e How to set Custom CSS for Appointment Bookings App.
Traduzioni
Vai su Settings → Translations (Impostazioni → Traduzioni) per gestire la lingua e il testo.
Puoi personalizzare:
- Default language (Lingua predefinita)
- Multi-language support (Supporto multilingue)
- Testo del calendario, etichette del modulo, testo dei pulsanti, messaggi di stato
- Email block labels (Etichette dei blocchi email)
- Service-specific titles, descriptions, and labels (Titoli, descrizioni ed etichette specifici del servizio)
Per i dettagli, consulta Appointment Bookings — Translation.
Notifiche email
Vai su Settings → Email Settings (Impostazioni → Impostazioni email) per controllare l'aspetto delle email e quando vengono inviate.
Puoi personalizzare:
- Sender name, reply-to address, and logo (Nome mittente, indirizzo di risposta e logo)
- Modelli email per conferme, promemoria, aggiornamenti e annullamenti
- Dynamic variables and pre-built content blocks (Variabili dinamiche e blocchi di contenuto predefiniti)
- Quali eventi attivano le email per clienti e amministratori
Per i dettagli, consulta How to Configure Email Notifications for Appointment Bookings.
Analytics e tracciamento
Vai su Settings → Analytics & Tracking (Impostazioni → Analytics e tracciamento) per collegare il tracciamento di terze parti.
Puoi configurare:
- Google Analytics 4
- Meta Pixel and Conversions API
- Google Tag Manager
Per i dettagli, consulta Configure Google Analytics 4 Tracking for Appointment Bookings e Configure Meta Pixel for Appointment Bookings.
Preferenze generali
Vai su Settings → General (Impostazioni → Generale) per le impostazioni predefinite di calendario e comportamento della prenotazione.
Puoi personalizzare:
- First day of the week (Primo giorno della settimana)
- Whether to show end times (Se mostrare gli orari di fine)
- Global booking limits per day or per timeslot (Limiti globali di prenotazione al giorno o per fascia oraria)
- Blocked dates and break times (Date bloccate e pause)
- Refund and cancellation order behavior (Comportamento dell'ordine di rimborso e annullamento)
⚙️ Aree di personalizzazione per servizio
Queste impostazioni sono gestite all'interno di ogni servizio e ti permettono di perfezionare singole esperienze di prenotazione.
Scheda General (Generale)
- Booking page title and description (Titolo e descrizione della pagina di prenotazione) — ciò che i clienti vedono nella parte superiore del widget
- Meeting location (Luogo dell'incontro) — scegli tra videochiamate, telefono, di persona o luoghi personalizzati
- Custom contact questions (Domande di contatto personalizzate) — aggiungi campi extra al modulo di prenotazione come telefono, indirizzo, menu a discesa, caricamento file o valutazioni
- Floating Action Button (Pulsante di azione fluttuante) — aggiungi un pulsante 'Book Now' (Prenota ora) fisso in tutto il negozio
Per i dettagli, consulta How to Configure Meeting Locations for Appointment Bookings, How to setup Floating Action Button like Calendly for Appointment Bookings e How to Set Up Appointment Booking Services.
Scheda Design
Usa la scheda Design per sovrascrivere il design globale per questo servizio.
- Attiva Do not Follow Default Theme Settings (Non seguire le impostazioni del tema predefinite) per sbloccare i controlli di design per servizio
- Personalizza colori, caratteri e immagini
- Carica un Custom logo (Logo personalizzato) per questo servizio
- Aggiungi Custom CSS (CSS personalizzato) che si applica solo a questo servizio
Per i dettagli, consulta Appointment Bookings — Design & Styling Options e How to set Custom CSS for Appointment Bookings App.
Scheda Availability (Disponibilità)
- Imposta gli orari di disponibilità settimanali o specifici per data
- Configura i limiti di prenotazione al giorno o per fascia oraria
- Assegna i membri del team e imposta la disponibilità per ciascuno
Per i dettagli, consulta How to Set Up Appointment Booking Services e Working with Team in Appointment Bookings.
Scheda Payment (Pagamento)
- Scegli tra Pay to Book (Paga per prenotare) e Book without pay (Prenota senza pagare)
- Abilita l'approvazione manuale delle prenotazioni
- Configura il comportamento della lista d'attesa
- Configura pagamenti parziali o acconti
Per i dettagli, consulta Appointment Bookings — All Payment Options Explained e How to Configure Waitlist for Appointment Bookings.
Scheda Advanced (Avanzate)
- Abilita Advanced Configuration (Configurazione avanzata) per usare le traduzioni per servizio
- Aggiungi Booking Terms (Termini di prenotazione) con una casella di selezione obbligatoria
- Imposta un Redirect after booking (Reindirizzamento dopo la prenotazione) per le prenotazioni gratuite
- Configura Booking options (Opzioni di prenotazione) come messaggi di conferma personalizzati e finestre di preavviso per rinviare/annullare
- Abilita un Trigger Event (Evento di attivazione) per aprire la modale di prenotazione quando viene cliccato un banner creato con Hoppy Banner
Per i dettagli, consulta Appointment Bookings — Advanced Options e How Customers Reschedule or Cancel Appointments.
🔄 Precedenza tra impostazioni globali e per servizio
Alcune impostazioni possono essere configurate in entrambe le aree. Ecco come interagiscono.
Design e Custom CSS
Per impostazione predefinita, ogni servizio segue il design globale da Settings → Design (Impostazioni → Design).
Per usare un design personalizzato per un servizio:
- Apri la scheda Design del servizio
- Attiva Do not Follow Default Theme Settings (Non seguire le impostazioni del tema predefinite)
- Personalizza colori, caratteri, logo e CSS
Quel servizio ignorerà quindi il design globale e userà le proprie impostazioni.
Traduzioni
Per impostazione predefinita, i servizi usano le traduzioni globali del calendario da Settings → Translations → Calendar Translations (Impostazioni → Traduzioni → Traduzioni calendario).
Per usare traduzioni specifiche del servizio:
- Apri la scheda Advanced del servizio
- Attiva Advanced Configuration (Configurazione avanzata)
- Configura le traduzioni in Settings → Translations → Service Translations (Impostazioni → Traduzioni → Traduzioni servizio)
Modelli email
I modelli email sono globali. Tuttavia, puoi inserire contenuti per servizio usando blocchi dinamici:
- \[Custom service text\] — recupera il messaggio di conferma personalizzato del servizio
- \[Ticket QR Code\] — viene mostrato se il servizio ha i ticket con codice QR abilitati
Limiti di prenotazione
I limiti globali di prenotazione in Settings → General possono sovrascrivere i limiti a livello di servizio. Un banner nell'interfaccia avvisa quando questo accade.
✅ Ordine consigliato di personalizzazione
Se configuri Hoppy Appointments per la prima volta, segui questo ordine:
- Imposta i valori predefiniti globali di design in Settings → Design
- Configura le traduzioni in Settings → Translations se supporti più lingue
- Configura le notifiche email in Settings → Email Settings
- Configura l'analytics in Settings → Analytics & Tracking se necessario
- Crea i tuoi servizi e sovrascrivi il design solo dove necessario
- Aggiungi personalizzazioni per servizio come domande di contatto, luoghi d'incontro, FAB e termini di prenotazione
- Testa il widget del negozio e perfeziona stile o traduzioni
⚠️ Note importanti
- Inizia dalle impostazioni globali. Risparmiano tempo e mantengono l'esperienza di prenotazione coerente.
- Sovrascrivi per servizio solo quando necessario. La maggior parte dei commercianti usa il design per servizio solo per campagne speciali o servizi con branding specifico.
- Il Custom logo è disponibile solo per servizio. Non esiste un'impostazione globale per il logo.
- I modelli email sono globali. Usa il blocco di testo personalizzato del servizio per inserire contenuti per servizio.
- Floating Action Button e meeting location sono impostazioni per servizio. Configurali separatamente per ogni servizio.
- I limiti di prenotazione possono essere sovrascritti a livello globale. Controlla Settings → General se i limiti a livello di servizio non si comportano come previsto.
📚 Articoli correlati
- Appointment Bookings — Opzioni di design e stile
- Come impostare il Custom CSS per l'app Appointment Bookings
- Appointment Bookings — Traduzione
- Come configurare le notifiche email per Appointment Bookings
- Come configurare i Meeting Location per Appointment Bookings
- Come configurare il Floating Action Button come Calendly per Appointment Bookings
- Appointment Bookings — Opzioni avanzate
- Come i clienti possono rinviare o annullare gli appuntamenti
- Appointment Bookings — Tutte le opzioni di pagamento spiegate
- Come configurare la Waitlist per Appointment Bookings
- Lavorare con il Team in Appointment Bookings
- Come configurare i servizi di Appointment Bookings
- Configurare il tracciamento Google Analytics 4 per Appointment Bookings
- Configurare il Meta Pixel per Appointment Bookings
Aggiornato il: 10/09/2026
Grazie!