Crea e gestisci i layout di condivisione

AIsuru offre potenti strumenti di personalizzazione attraverso i layout, che ti permettono di adattare l'aspetto e il comportamento del tuo Agente IA a diversi contesti e piattaforme. Questa funzionalità è essenziale per creare esperienze utente su misura e migliorare l'efficacia del tuo assistente virtuale.

Cos'è un layout?

I layout di condivisione sono dei modelli predefiniti che ti permettono di integrare facilmente il tuo Agente in diverse piattaforme o siti web. Sono come dei template che puoi utilizzare per mostrare il tuo Agente in vari modi. Ogni layout ha il suo link individuale.

Creazione di un nuovo layout

Per iniziare a personalizzare l'esperienza del tuo Agente IA:

  1. Accedi alla sezione "Condividimi" del tuo Agente;

  2. Clicca su "Nuovo layout" in alto a destra.

Configurazione base del layout

Informazioni di base

  1. Assegna un nome al tuo layout;

  2. Scegli il tipo di layout:

    • FULLPAGE: per esperienze immersive a pagina intera;

    • CHAT: formato compatto per integrazioni in siti web;

    • TOTEM: ottimizzato per dispositivi touchscreen.

È disponibile anche il layout WEBSITE_ASSISTANT, un formato ad hoc per gli Agenti incorporati in altri siti web. Se vuoi selezionare questo tipo di layout, accedi alla guida avanzata.

Anteprima del layout

Durante la configurazione, puoi visualizzare un'anteprima in tempo reale di come apparirà il tuo layout nella sezione "Anteprima" sulla destra della schermata. Questa anteprima ti permette di:

  • Vedere immediatamente l'aspetto del layout selezionato

  • Verificare come si presenta il tuo Agente con le personalizzazioni applicate

  • Controllare l'effetto delle modifiche prima di salvare

💡 L'anteprima si aggiorna automaticamente quando modifichi le impostazioni del layout, permettendoti di perfezionare l'aspetto del tuo Agente in tempo reale.

Personalizzazioni estetiche

Tra le varie impostazioni del tuo nuovo layout, puoi:

  1. Caricare uno sfondo personalizzato (PNG, JPG, JPEG, GIF, massimo 2MB);

  2. Applicare un effetto sfocato allo sfondo per migliorare la leggibilità;

  3. Selezionare il tema interno (chiaro o scuro) per l'interfaccia di chat.

  4. Configurare il tuo Avatar; puoi scegliere se avere:

    1. Un avatar predefinito (blob);

    2. Un avatar personalizzato da ReadyPlayerMe;

    3. Un modello 3D custom;

    4. Un'immagine di profilo animata.

  5. Colori: scegli quali colori devono caratterizzare il tuo Agente (testo e pulsanti) utilizzando l'apposito selettore.

💡 Un avatar personalizzato può rendere il tuo Agente più memorabile. Sfruttalo al meglio!

Personalizzare l'interfaccia

È anche possibile personalizzare gli elementi presenti nell'interfaccia con le apposite caselle:

  1. Audio: puoi attivare o disattivare l'audio del tuo Agente;

  2. Indicatore IA: se attivo, le risposte generate da IA saranno contrassegnate dall'icona ;

  3. "Perché questa risposta?": se attivo, ogni risposta avrà un pulsante , che, se premuto, mostra i contenuti che hanno aiutato AIsuru a rispondere.

  4. Pulsante condividi: se attivo, l'utente avrà la possibilità di condividere l'Agente copiando il suo link, condividendolo sui social o scaricando un codice QR.

  5. Caricamento file: se attivo, l'utente potrà caricare contenuti durante la conversazione cliccando sull'apposito pulsante. Quando attivato, l'utente può scegliere tra:

    • Carica documento: per file testuali (PDF, DOC, TXT) che verranno analizzati dall'Agente

    • Carica immagine: per immagini (JPG, PNG, GIF) che verranno analizzate dall'IA per fornire descrizioni o risposte basate sul contenuto visivo

Il caricamento di immagini richiede un modello che supporti la visione artificiale.

Multilingua

All'interno del layout è possibile attivare o disattivare il multilingua, la funzionalità di traduzione automatica delle domande e delle risposte.

L'opzione Multilingua è particolarmente importante per:

  • Agenti che utilizzano i contenuti -> la traduzione automatica permette all'Agente di:

    • Tradurre le domande degli utenti nella lingua dei contenuti, migliorando la ricerca delle risposte pertinenti;

    • Tradurre le risposte nella lingua dell'utente.

  • Amministratori che devono monitorare le conversazioni -> tutte le conversazioni verranno tradotte nella lingua dell'Agente, indipendentemente da quella usata dall'utente.

Il multilingua supporta: italiano, inglese, tedesco, spagnolo, francese, portoghese, ucraino, russo, polacco, finlandese, greco, arabo, cinese e giapponese.

L'IA generativa può rispondere in qualsiasi lingua anche senza attivare il multilingua.

Configurazione avanzata del layout

Se sei un utente più esperto, puoi applicare delle personalizzazioni molto più importanti ai tuoi layout. Vediamo le ultime tre sezioni 👇

Codice di embed

Dopo aver configurato il layout, AIsuru genererà automaticamente un codice di embed. Troverai questo codice nella sezione "Codice di embed". Usalo per condividere il tuo Agente in altri siti web!

Ottimizzazione SEO (per Google, Bing e tutti i motori di ricerca)

In questa sezione puoi personalizzare:

  • Titolo della pagina (title);

  • Descrizione della pagina (meta description);

  • URL canonico;

  • Immagine di anteprima per social media.

Una volta personalizzati questi elementi, aggiungi il codice alla tua pagina web.

Parametri avanzati

Nei parametri avanzati puoi personalizzare:

  • Il contesto iniziale -> se configurato, ogni volta che l'utente comincia una chat sarà impostato uno specifico contesto;

  • La domanda iniziale: è nascosta all'utente; se impostata, l'utente vedrà la risposta dell'IA come primo messaggio di benvenuto;

  • Il timeout (in secondi);

  • La persona: chiunque accederà al nostro link sarà automaticamente identificato con il ruolo selezionato;

  • Lingua predefinita e lingua dell'interfaccia.

Ti ricordiamo che tutte le impostazioni applicate finora saranno valide per questo specifico layout, che avrà un link specifico.

Gestione dei layout multipli

La gestione di diversi layout per lo stesso Agente permette di:

  • Adattare l'esperienza a diversi canali (web, mobile, totem);

  • Personalizzare l'interazione per i vari segmenti di utenti;

  • Testare diverse configurazioni per ottimizzare l'engagement.

Layout predefinito (default)

Puoi impostare un layout come predefinito selezionando l'apposita casella nella tabella dei layout.

Importante:

  • Può esserci solo un layout di default per Agente

  • Il layout predefinito viene utilizzato automaticamente in due casi:

    1. Quando qualcuno accede al link principale del tuo Agente senza specificare un layout particolare

    2. Quando usi il tasto "Prova" nella barra laterale di gestione dell'Agente

Se non imposti nessun layout come default:

  • Il link principale mostrerà una versione base dell'Agente

  • Il tasto "Prova" aprirà una chat semplice con l'avatar blob predefinito

💡 Consiglio Imposta sempre un layout come default per garantire un'esperienza coerente sia per i test che per gli utenti che accedono al tuo Agente.

Consigli per un utilizzo efficace

  • Sfrutta al massimo la personalizzazione visiva per creare Agenti coinvolgenti e memorabili;

  • Utilizza diversi layout per testare quale configurazione funziona meglio per il tuo pubblico;

  • Aggiorna regolarmente i tuoi layout in base ai feedback degli utenti.

La creazione e gestione attenta dei layout è fondamentale per offrire un'esperienza IA personalizzata e coinvolgente. Sperimentare con diverse configurazioni ti aiuterà a trovare la combinazione perfetta per massimizzare l'efficacia del tuo Agente IA: esplora tutte le opzioni disponibili per creare un'esperienza utente davvero unica!

Last updated