Personalizzazione

Personalizza il widget per renderlo coerente con il design del tuo sito.

Accedi alle impostazioni

1. Vai su Widget
2. Seleziona il widget da personalizzare
3. Clicca su Impostazioni

Opzioni di personalizzazione

Colori

Colore primario

• Usato per pulsanti e accenti
• Formato HEX (es. #3B82F6)
• Consigliato: usa il colore del tuo brand

Testi

Titolo

• Mostrato nell'header del widget
• Max 50 caratteri
• Es. "Assistenza Clienti"

Messaggio di benvenuto

• Primo messaggio visibile
• Saluta l'utente
• Es. "Ciao! Come posso aiutarti?"

Placeholder

• Testo nel campo input
• Es. "Scrivi un messaggio..."

Avatar

Scegli l'immagine che rappresenta l'agente:

• Galleria di avatar predefiniti
• Carica immagine personalizzata
• Dimensione consigliata: 100x100px

Posizione

Dove appare il widget:

• In basso a destra (default)
• In basso a sinistra

Anteprima

Mentre modifichi le impostazioni, l'anteprima si aggiorna in tempo reale.

Salvataggio

Clicca Salva per applicare le modifiche. Le modifiche sono immediate su tutti i siti dove e installato il widget.

CSS avanzato

Per personalizzazioni avanzate, puoi usare CSS custom:

/* Esempio: cambiare il font */
.leader24-widget {
  font-family: 'Your Font', sans-serif;
}

/* Esempio: cambiare dimensioni */
.leader24-widget-button {
  width: 70px;
  height: 70px;
}