OneTwoAgent

Personalizza il widget

Fai in modo che il widget OneTwoAgent sembri e funzioni come parte del tuo prodotto, senza CSS: tema, colori, 45 Google Fonts, forme dei fumetti, icone e animazioni del launcher, una schermata Home, Voice e le pagine in cui compare il widget.

Design del widget senza CSSIcone e animazioni del launcherSchermata Home e sfondiImpostazioni di Voice (Talk)

Dove si personalizza

Apri Channels -> Widget. Ogni modifica appare nell'anteprima live mentre lavori.

  • Visualizza in anteprima Home, Chat e Talk su desktop e su mobile.
  • Niente CSS: colori, font, forme, launcher, schermata Home e Voice sono tutte impostazioni.
  • Le stesse impostazioni valgono ovunque sia installato il widget: sul tuo sito web e nella tua app.

Superfici e prima schermata

  • Home: una schermata iniziale con il tuo brand, con il tuo titolo, un pulsante principale e dei link.
  • Chat: la conversazione con l'agente di supporto con IA e con il tuo team.
  • Talk: la conversazione vocale con l'agente.
  • Scegli su quale delle tre si apre il widget.

Tema e colori

  • Tema chiaro o scuro.
  • Colori per header, fumetti dell'assistente e del cliente, sfondo della chat, campo di input, pulsante di invio, launcher, pulsanti e pulsante di chiusura.
  • Il pulsante di chiusura può avere un proprio sfondo e un proprio bordo.

Tipografia

  • 45 Google Fonts: sans-serif, serif e monospace.
  • Imposta il font separatamente per header, messaggi dell'assistente, messaggi del cliente, campo di input e launcher.
  • Ogni elemento ha la propria dimensione del font.

Messaggi e header

  • 6 forme di fumetto, applicate ai messaggi dell'assistente o a entrambi i lati.
  • Una scelta di icone di invio.
  • Header: nome dell'assistente, riga di stato e un avatar o logo opzionale.

Launcher

  • 15 icone del launcher e un colore del launcher a tua scelta.
  • Testo del launcher opzionale, con solo l'icona su mobile, se preferisci.
  • 13 animazioni del launcher per attirare l'attenzione senza essere invadenti.

Schermata Home

  • Titolo, una breve riga sopra il titolo e il testo del pulsante principale.
  • Fino a 3 link, ad esempio alla tua documentazione, alla pagina di stato o ai prezzi.
  • Una sfera animata, con una texture che puoi usare anche in Talk.
  • 16 stili di sfondo animati, tra cui mesh, halo, rays, glow, stars, dots, grain e halftone, oppure uno sfondo semplice.
  • Colora lo sfondo con uno dei colori del tuo widget o con un colore predefinito, e imposta intensità e movimento: fermo, calmo o vivace.
Schermata Home del widget con tema scuro e sfondo mesh
Tema scuro, sfondo mesh, un pulsante nel colore del brand e due link.
Schermata Home del widget con tema chiaro e sfondo a griglia di punti
Tema chiaro, sfondo a punti in un altro colore del brand.

Talk (Voice)

  • Attiva o disattiva Talk.
  • Scegli una voce dal catalogo delle voci, filtrando per lingua, accento e genere, e ascoltane un'anteprima prima di decidere.
  • Scrivi il messaggio di benvenuto parlato e scegli la texture della sfera.
Note

Testi e comportamento

  • Messaggio di benvenuto, placeholder del campo di input e testo del launcher.
  • Caricamento file attivo o disattivo.
  • Modalità compatta per un widget più piccolo.

Dove compare il widget

  • Domini consentiti: il widget si carica solo sui tuoi domini.
  • Restrizioni delle pagine: pagine consentite e pagine escluse, come /checkout o /account.
Note

Guide correlate

Continua con i prossimi passaggi di configurazione per canali, prenotazioni, agenda o automazione.

Domande frequenti

Mi servono CSS o uno sviluppatore per personalizzare il widget con il mio brand?

No. Tutte le impostazioni di design e comportamento si trovano in Channels -> Widget, e ogni modifica appare nell'anteprima live mentre lavori.

Il widget può usare il font del mio brand?

Scegli tra 45 Google Fonts (sans-serif, serif e monospace), impostabili separatamente per header, messaggi dell'assistente, messaggi del cliente, campo di input e launcher, ognuno con la propria dimensione.

Il widget può aprirsi direttamente su Voice?

Sì. Scegli Home, Chat o Talk come schermata su cui si apre il widget.

Posso nascondere il widget su alcune pagine?

Sì. Attiva le restrizioni delle pagine ed elenca le pagine consentite o escluse, ad esempio /checkout. I domini consentiti impediscono che il codice del widget venga riutilizzato su altri siti.

Hai bisogno di aiuto?

support@onetwoagent.com