Questo articolo è disponibile anche in:

🎨 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:


  1. Apri la scheda Design del servizio
  2. Attiva Do not Follow Default Theme Settings (Non seguire le impostazioni del tema predefinite)
  3. 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:


  1. Apri la scheda Advanced del servizio
  2. Attiva Advanced Configuration (Configurazione avanzata)
  3. 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:


  1. Imposta i valori predefiniti globali di design in Settings → Design
  2. Configura le traduzioni in Settings → Translations se supporti più lingue
  3. Configura le notifiche email in Settings → Email Settings
  4. Configura l'analytics in Settings → Analytics & Tracking se necessario
  5. Crea i tuoi servizi e sovrascrivi il design solo dove necessario
  6. Aggiungi personalizzazioni per servizio come domande di contatto, luoghi d'incontro, FAB e termini di prenotazione
  7. 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

È stato utile questo articolo?

Condividi il tuo feedback

Annulla

Grazie!