Branding

Personalizza l'aspetto del tuo studio.

Panoramica

Elementi di branding

ElementoDove visibile
LogoHeader, email, fatture
Colore primarioPulsanti, link, accenti
Nome studioOvunque
Modalita scuraIntera interfaccia amministratore

Logo

Requisiti

ProprietaValore
Dimensione fileMax. 2 MB
FormatiJPG, PNG, SVG
Consigliato400x400px, trasparente

Caricamento

  1. Vai su Impostazioni → Generali
  2. Nella sezione "Logo"
  3. Clicca "Carica logo" o trascina e rilascia
  4. Controlla l'anteprima
  5. Salva

Utilizzo

Il logo appare:

  • Nell'header dell'interfaccia amministratore
  • Nelle email (a seconda delle impostazioni)
  • Sulle fatture
  • Sulla pagina pubblica dello studio
  • Nei widget

Suggerimenti

  • Trasparente: PNG con sfondo trasparente
  • Contrasto: Funziona sia su sfondi chiari CHE scuri
  • Semplice: Riconoscibile anche in piccole dimensioni

Colore primario

Cosa viene colorato?

  • Pulsanti primari
  • Link
  • Stati di focus
  • Icone
  • Barre di progresso
  • Badge

Selezionare un colore

  1. Vai su Impostazioni → Generali
  2. Sotto "Tema" o "Colore primario"
  3. Usa il selettore colore o inserisci un codice hex
  4. Salva

Colore predefinito

Bookicorn utilizza Lime Green (#84CC16) come predefinito.

Raccomandazioni

ColoreEffetto
BluFiducia, professionalita
VerdeNatura, salute, fitness
ArancioneEnergia, dinamismo
ViolaPremium, creativita
TealFreschezza, equilibrio

Attenzione al contrasto

Assicurati che:

  • Il testo sui pulsanti sia leggibile (bianco o nero)
  • Il colore non sia troppo chiaro
  • Il colore sia adatto al tuo settore

Modalita scura

Attivazione

  1. Vai su Impostazioni → Generali
  2. Attiva "Modalita scura"
  3. Attiva immediatamente

Cosa cambia?

ElementoChiaroScuro
SfondoBiancoGrigio scuro
TestoNeroBianco
SchedeGrigio chiaroGrigio scuro
BordiGrigio chiaroGrigio scuro

Per i clienti?

La modalita scura si applica solo all'interfaccia amministratore. Il Dashboard clienti ha le proprie impostazioni.


Informazioni dello studio

Nome

Il nome dello studio appare:

  • Nella navigazione
  • Nelle email (mittente, footer)
  • Sulle fatture
  • Sulle pagine pubbliche

Descrizione

Breve descrizione dello studio per:

  • SEO (meta description)
  • Pagina pubblica
  • Marketing

URL Slug

Il tuo URL pubblico dello studio:

https://app.bookicorn.net/s/your-slug

Regole:

  • Solo lettere minuscole
  • Nessuno spazio (trattini consentiti)
  • Deve essere univoco

Terminologia

Personalizzare l'etichetta istruttore

Invece di "Trainer" puoi usare:

  • Istruttore
  • Coach
  • Terapista
  • Insegnante
  • Personalizzato

Dove ha effetto?

  • Navigazione: "Trainer" → "Istruttore"
  • Email: "Il tuo trainer" → "Il tuo istruttore"
  • Prenotazioni: Visualizzazione istruttore
  • Filtri: Filtro istruttore

Configurazione

  1. Vai su Impostazioni → Generali
  2. Sotto "Terminologia"
  3. Scegli un'opzione predefinita o Personalizzata
  4. Salva

Viste del programma

Viste disponibili

VistaDescrizione
SettimanaSettimana di calendario classica
GiornoSingolo giorno in dettaglio
MesePanoramica mensile
AgendaVista a lista

Configurazione

  1. Vai su Impostazioni → Generali
  2. Sotto "Viste del programma"
  3. Attiva le viste desiderate
  4. Scegli la vista predefinita
  5. Salva

Almeno una vista deve essere attiva.

Opzioni filtro

Attiva/disattiva i filtri nel programma:

  • Filtro istruttore
  • Filtro stato
  • Filtro difficolta
  • ecc.

Pagina pubblica

URL

La tua pagina studio e accessibile su:

https://app.bookicorn.net/s/[your-slug]

Contenuto

La pagina pubblica mostra:

  • Logo e nome
  • Descrizione
  • Programma
  • Pacchetti crediti
  • Istruttori
  • Immagini (galleria)
  • FAQ
  • Contatto

Suggerimento: Il contenuto viene gestito sotto Impostazioni → Contenuto studio.


Widget

Branding nei widget

I widget integrati ereditano:

  • Colore primario
  • Logo (opzionale)
  • Nome studio

Personalizzazione

Nel Widget Builder puoi inoltre configurare:

  • Larghezza del contenitore
  • Colore di sfondo
  • Raggio dei bordi
  • Padding

Migliori pratiche

Coerenza

  • Usa gli stessi colori del tuo sito web
  • Il logo dovrebbe avere lo stesso aspetto ovunque
  • Linguaggio coerente (terminologia)

Professionalita

  • Logo ad alta risoluzione
  • Scelta dei colori appropriata
  • Dati di contatto completi

Mobile

  • Logo riconoscibile anche in piccole dimensioni
  • I colori funzionano su tutti i dispositivi

Prossimi passi

Fragen oder Feedback?

Wir helfen dir gerne weiter. Kontaktiere unser Support-Team.