Layout di prenotazione ed editor del tema

I Suoi clienti prenotano sulla Sua pagina di prenotazione timum o in un widget sul Suo sito web. Lei definisce la struttura e l'aspetto di questa vista in Impostazioni → Layout di prenotazione – una volta per tutte le risorse e i canali del Suo calendario fornitore.

Layout di prenotazione: scegliere la vista

Il Layout di prenotazione determina come vengono visualizzati gli appuntamenti disponibili:

LayoutAspettoAdatto a
ElencoOrari disponibili elencati per giorno, uno sotto l'altropochi appuntamenti a settimana, clienti in mobilità
CondensatoColonne di giorni compattemolti appuntamenti al giorno, ad es. ore di consultazione su una griglia di 15 minuti
Settimana del calendarioVista settimanale con linea temporaleore di consultazione regolari durante tutta la settimana
MeseCalendario mensile, appuntamenti mostrati dopo il clic su un giornoappuntamenti a lungo termine, ad es. visite tra alcune settimane

Selezioni il layout nel menu a tendina Layout di prenotazione (1). Questa impostazione è il valore predefinito per la Sua pagina di prenotazione; i singoli Booking Channels possono avere un proprio layout.

Impostazioni → Layout di prenotazione · (1) Layout di prenotazione
Impostazioni → Layout di prenotazione · (1) Layout di prenotazione

Identità aziendale: colori, forma e carattere

Funzione Professional

L'editor del tema è incluso nei piani Professional. Negli altri piani vedrà questa sezione con l'avviso Get PRO, ma non potrà apportare modifiche; la Sua pagina di prenotazione manterrà quindi il design standard di timum.

Nella sezione Tema, Lei adatta l'aspetto al Suo marchio. Le modifiche hanno effetto immediato sulla Sua pagina di prenotazione e su tutti i widget incorporati – per queste personalizzazioni non è necessaria alcuna modifica allo snippet di codice di integrazione sul Suo sito web.

Personalizzare il design

La modalità Semplice offre le opzioni di impostazione più importanti. Le modifiche a questo livello sono rapide e hanno già un effetto notevole. La modalità Esperto entra nei dettagli dei parametri di design configurabili. Se è stato caricato un modello come punto di partenza, può essere ulteriormente personalizzato tramite questi parametri.

Le impostazioni sono suddivise in due gruppi:

Ovunque – riguarda il layout del vero e proprio modulo di prenotazione, che appare sulle pagine di prenotazione timum e nei widget di prenotazione incorporati:

  • Colori: colore principale e testo dei pulsanti, sfondi di pagina, finestra e schede, linee, colore al passaggio del mouse, testo principale. Accanto al testo principale, timum mostra il valore di contrasto affinché il testo resti leggibile.
  • Forma: spaziatura interna (da Min ad Ampia), ombra delle schede (da Piatta a Marcata), angoli (da Squadrati a Pillola) e densità degli slot di appuntamento (da Compatta a Generosa).
  • Carattere: famiglia di caratteri e dimensione del carattere.

Solo pagina di prenotazione – riguarda la cornice esterna delle Sue pagine di prenotazione timum personalizzate:

  • Sfondo e testo di intestazione (header) e piè di pagina (footer)
  • Altezza dell'intestazione, larghezza del contenuto e dimensione dei titoli

Dopo le modifiche, non dimentichi di fare clic su Salva.

Più in basso, sviluppatori e utenti beta trovano la Configurazione avanzata (BETA), in cui è possibile controllare i campi del modulo, le lingue e il comportamento del widget – descritta nella documentazione del widget.

Usare un modello come design di base

Il modo più veloce è usare un modello già pronto:

  1. Faccia clic su Carica design (1). Si apre la finestra di dialogo «Carica design» con sei modelli.
  2. Scelga un modello. timum lo mostra in modalità anteprima: il Suo design precedente resta salvato finché non decide.
  3. Faccia clic su Applica modello (2) per mantenere il modello, oppure su Scarta modello per tornare al design precedente.
  4. Se necessario, regoli i singoli valori e faccia clic su Salva (3).
Layout di prenotazione → Carica design: i sei modelli
Layout di prenotazione → Carica design: i sei modelli

Un modello sostituisce le Sue impostazioni

L'applicazione di un modello sovrascrive le impostazioni esistenti di colore, carattere e forma. Se ha impostato colori personalizzati, annoti prima i valori.

I sei modelli in sintesi

Ogni modello è un design completo composto da colori, carattere e forma. Naturalmente ogni modello può essere combinato con le nostre altre visualizzazioni (calendario, mese, compatto, ecc.); con o senza testo descrittivo nella colonna sinistra. Le immagini mostrano la stessa pagina di prenotazione con testo di esempio, una volta per modello – così può vedere il risultato complessivo delle impostazioni sottostanti prima di caricarne uno.

Mappe — accurato e serio. Calmo, preciso, affidabile. Linee pulite, colori tenui, carattere serif.

Modello «Mappe — accurato e serio» sulla pagina di prenotazione (testo di esempio)
Modello «Mappe — accurato e serio» sulla pagina di prenotazione (testo di esempio)

Werkbank — diretto e robusto. Squadrato, deciso, senza fronzoli. Bordi netti, maiuscole strette, ombre marcate.

Modello «Werkbank — diretto e robusto» sulla pagina di prenotazione (testo di esempio)
Modello «Werkbank — diretto e robusto» sulla pagina di prenotazione (testo di esempio)

Feierabend — accogliente. Caldo e ospitale. Toni terrosi, angoli morbidi, serif discreti – come un menu di ristorante.

Modello «Feierabend — accogliente» sulla pagina di prenotazione (testo di esempio)
Modello «Feierabend — accogliente» sulla pagina di prenotazione (testo di esempio)

Pigment — con un tocco personale. Espressivo e morbido. Angoli arrotondati, tono prugna, un'ombra colorata delicata.

Modello «Pigment — con un tocco personale» sulla pagina di prenotazione (testo di esempio)
Modello «Pigment — con un tocco personale» sulla pagina di prenotazione (testo di esempio)

Kadenz — chiaro e dinamico. Chiaro, veloce, energico. Un carattere di sistema che non carica nulla di superfluo, salti di dimensione marcati.

Modello «Kadenz — chiaro e dinamico» sulla pagina di prenotazione (testo di esempio)
Modello «Kadenz — chiaro e dinamico» sulla pagina di prenotazione (testo di esempio)

Nocturne — scuro e moderno. Un design scuro e pacato. Toni indaco profondi, bianco sporco caldo, un accento viola con ambra calda.

Modello «Nocturne — scuro e moderno» sulla pagina di prenotazione (testo di esempio)
Modello «Nocturne — scuro e moderno» sulla pagina di prenotazione (testo di esempio)

Argomenti correlati