Personalizzazione avanzata dell'interfaccia utente

L'interfaccia utente del tuo Agente AIsuru è altamente personalizzabile e ti permette di creare un'esperienza su misura per i tuoi utenti.

Accesso alle opzioni di personalizzazione

Per iniziare a personalizzare l'interfaccia del tuo Agente, segui questi semplici passaggi:

  1. Accedi alla piattaforma;

  2. Seleziona l'Agente desiderato;

  3. Clicca su "Condividimi" nel menu laterale;

  4. Individua l'icona nei layout creati e cliccaci sopra per aprire il menu di configurazione del widget.

Configurazione del layout

In questa sezione, puoi definire l'aspetto generale del tuo Agente:

  • Layout: scegli tra diverse opzioni disponibili:

    1. TOTEM: Un layout specializzato che richiede configurazioni specifiche per posizionamento messaggi e altri elementi, ideale per installazioni fisiche interattive;

    2. FULLPAGE: Occupa l'intera pagina web per un'esperienza immersiva dell'utente;

    3. CHAT: Un'interfaccia classica in stile chat per interazioni testuali;

    4. WEBSITE_ASSISTANT: Si presenta come un'icona cliccabile in basso a destra del sito, ideale per assistenza web discreta;

    5. HIDDEN_CHAT: Una chat laterale che rimane nascosta fino all'attivazione, progettata per non sovrapporsi con il contenuto principale del sito;

    6. ZOOMED_FULL_BODY: Questo layout mostra l'avatar a schermo intero ed è particolarmente efficace su dispositivi mobili, offrendo un'esperienza simile al TOTEM ma senza richiedere configurazioni complesse di posizionamento.

    Nota: WEBSITE_ASSISTANT, HIDDEN_CHAT e ZOOMED_FULL_BODY sono dei layout disponibili solo attraverso l'icona .

  • Multilingue: attiva questa opzione per permettere agli utenti di interagire con l'Agente in diverse lingue 🌍;

  • Contesto iniziale: imposta il contesto di partenza della conversazione;

  • Domanda iniziale: definisci la prima domanda che l'Agente porrà all'utente;

  • Persona: seleziona il ruolo che l'utente impersonerà all'inizio dell'interazione.

Personalizzazione della toolbar

Puoi scegliere quali elementi mostrare nella toolbar del widget:

  • Mostra Login;

  • Mostra Condividi;

  • Abilita audio;

  • Mostra Impostazioni.

Configurazione delle azioni chat

Personalizza le azioni disponibili durante la conversazione:

  • Mostra il tasto cancella chat;

  • Mostra solo ultimi messaggi;

  • Mostra testo di caricamento;

  • Mostra copia messaggio;

  • Mostra testo traduzione originale.

Impostazioni linguistiche

Definisci le preferenze linguistiche per il tuo Agente:

  • Lingua predefinita: Imposta la lingua con cui l'Agente comunicherà (default: Italiano);

  • Lingua dell'interfaccia: Scegli la lingua per l'interfaccia utente (default: IT).

Codice di embed e anteprima

Dopo aver configurato tutte le opzioni, potrai visualizzare e copiare il codice di embed generato. Questo codice ti permetterà di integrare facilmente l'Agente nel tuo sito web o applicazione.

Se il tuo Agente è impostato come privato, agli utenti sarà sempre richiesta la password di accesso. Trovi la password nella sezione Condividimi (sotto il link privato) e nelle Impostazioni dell'Agente.

Suggerimento tecnico

Per evitare lo zoom automatico su input touch, aggiungi questo meta tag nel <head> della tua pagina:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

La personalizzazione avanzata dell'interfaccia utente ti permette di creare un'esperienza unica e su misura per i tuoi utenti. Sfrutta queste opzioni per adattare il tuo Agente AIsuru alle esigenze specifiche del tuo progetto, migliorando l'engagement e l'efficacia della tua soluzione IA. 🚀

Last updated