AIsuru Docs
AIsuru
AIsuru
  • 0. Introduzione ad AIsuru
    • Cos'è AIsuru
    • Per chi è AIsuru?
    • Panoramica delle funzionalità principali
    • Che differenza c'è con ChatGPT?
    • Requisiti di sistema
  • 1. Primi passi
    • Creazione di un account
    • Navigazione dell'interfaccia utente
    • Creazione del primo Agente
      • Come creare un Agente
      • Importazione rapida di un documento
      • Condivisione
    • Video riassuntivo
    • Gestione account
  • 2. Istruzione dell'Agente e gestione dei contenuti
    • Come istruire un Agente: panoramica dei metodi
    • Istruiscimi: insegna nuove informazioni all'Agente chiacchierando
    • Contenuti
      • Cosa sono i contenuti e perché sono importanti
      • Creazione manuale dei contenuti
      • Validazione e correzione dei contenuti
      • Modifica e aggiornamento dei contenuti
    • Importazione di documenti
      • Come funziona l'importazione di documenti
      • Importare documenti testuali
      • Gestione delle immagini nei documenti
    • Dizionario
    • Istruzione: sezione avanzata
      • Personalizzazione dei contenuti
        • Come attribuire contenuti a persone o ruoli specifici
        • Personalizzare le risposte in base a data e luogo dell'utente
        • Gestione dei suggerimenti
        • Contesto: argomenti ed etichette
        • Gestione dei testi preformattati (snippet di codice)
        • Utilizzo del timeout
      • Importazione avanzata di documenti
        • Creare una gerarchia dei documenti
        • Importare un documento non supportato
      • Messaggio di benvenuto
      • Risposte predefinite
      • Formattazione dei messaggi: HTML e formule matematiche
      • Metodi avanzati di istruzione
  • 3. Modelli linguistici e IA generativa
    • Attiva l'IA generativa e cambia il modello
    • Istruzioni IA
      • Istruzioni IA: cosa sono e come modificarle
      • Come scrivere istruzioni efficaci
      • Esempi di istruzioni efficaci
    • Provider e modelli di IA generativa
    • IA generativa: sezione avanzata
      • Altre impostazioni dell'IA generativa
      • Crea e gestisci le configurazioni dei modelli
      • Cosa fare in caso di problemi
  • 4. Condivisione e pubblicazione
    • Crea e gestisci i layout di condivisione
    • Codice di embed
    • Condividi i tuoi Agenti
      • Condividi un link al tuo Agente
      • Incorpora l'Agente sul tuo sito web
      • Scarica una pagina HTML con il tuo Agente
      • Integra l'Agente con il tuo blog WordPress
      • Inserisci l'Agente all'interno di totem e dispositivi fisici
      • Aggiungi l'Agente al tuo spazio virtuale (VR e AR)
      • Integrazione con WhatsApp Business
    • Visibilità in homepage
    • Condivisione: sezione avanzata
      • Domanda iniziale
      • Personalizzazione avanzata dell'interfaccia utente
      • Analisi del codice di embed
      • Modificare il nome dell'Agente
  • 5. Funzionalità avanzate
    • Backup dell'Agente
    • Trasferimento e cancellazione dell'Agente
    • Integrazioni
      • Funzioni
        • Cosa sono le funzioni
        • Funzioni di AIsuru
        • Funzioni avanzate
          • Come configurare una funzione personalizzata
          • Funzioni avanzate: best practice e casi d'uso
            • Caso d'uso - Aggiornamento automatico: il tuo Agente sempre connesso al web
            • Caso d'uso - Prendere dati live da un servizio esterno
          • Problemi comuni con le funzioni avanzate
          • Cache delle funzioni
      • Intenti dinamici
        • Cosa sono e come configurare gli intenti dinamici
        • Come usare gli slot
        • Tunneling: esempio di una live chat su AIsuru
      • Intenti dinamici o funzioni, cosa usare?
      • Copia gli intenti dinamici, gli slot e le funzioni da un altro Agente
    • Gestione degli utenti
      • Differenza tra autori e persone
      • Invito e gestione degli autori
      • Creazione e gestione delle persone
    • Fine-tuning
      • Cos'è il fine-tuning e a cosa serve
      • Come fare fine-tuning in maniera semplice con AIsuru
      • Come sfruttare modelli fine-tuned su AIsuru
    • Interfacce web: come creare esperienze interattive
  • 6. Consumi e Analytics
    • Consumi
      • Come funzionano i consumi?
      • Monitora i tuoi consumi
      • Come ricaricare i crediti
    • Analisi e ottimizzazione dell'Agente
      • Statistiche
      • Storico delle conversazioni
      • Velocità di risposta
      • Preferenze notifiche
  • 7. Estensioni
    • Gruppo di esperti
      • Cosa sono i gruppi di esperti
      • Creare un gruppo di esperti
      • Come aggiungere Agenti al gruppo e descriverli
      • Come sfruttare i contenuti nel gruppo di esperti
      • Gruppo di esperti: best practice e casi d'uso
    • Pensiero Profondo
      • Cosa è Pensiero Profondo
      • Attivazione e configurazione
      • Gestione delle memorie
      • Best practices e casi d'uso
      • Analytics
        • Ricerca interessi degli utenti
        • Ricerca di segmenti di pubblico in linguaggio naturale
    • Spazi Virtuali (VR e MR)
      • Cosa è uno spazio virtuale
      • Creazione di uno spazio virtuale
      • Aggiungere Agenti agli spazi virtuali
      • Aggiungere oggetti agli spazi virtuali
      • Entrare in uno spazio virtuale
      • Casi d'uso
    • Open Badge
  • 8. Platform as a Service (PaaS)
    • Vantaggi della PaaS
    • Come attivare e configurare la PaaS
    • Come collegare la PaaS al tuo dominio
    • Gestione degli utenti nella PaaS
    • Come controllare i consumi della piattaforma
    • Personalizzazione dell'ambiente PaaS
    • Sicurezza e privacy
    • Supporto e manutenzione
  • 9. Documentazione Frontend
    • ⚛️ Componente React
    • 🌐 Web Component
    • 🎨 Stile e Personalizzazione
    • 🔌 Client API
  • 10. Risorse aggiuntive
    • Glossario dei termini
    • Link utili e supporto
    • API Engine
      • ChatLogs
      • ContextVars
      • CorrelationPairs
      • CustomDictionary
      • Dialog
      • EventLogs
      • ExpertReferences
      • Functions
      • Intents
      • LocalizationKeys
      • Media
      • Memories
      • NLP
      • People
      • Search
      • Session
      • Stats
      • Topics
      • UnansweredQuestions
      • User
      • WebHooks
      • Models
Powered by GitBook
On this page
  • Cos'è un layout?
  • Creazione di un nuovo layout
  • Configurazione base del layout
  • Configurazione avanzata del layout
  • Codice di embed
  • Gestione dei layout multipli
  • Consigli per un utilizzo efficace
  1. 4. Condivisione e pubblicazione

Crea e gestisci i layout di condivisione

Previous4. Condivisione e pubblicazioneNextCodice di embed

Last updated 3 days ago

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 . Se vuoi selezionare questo tipo di layout, accedi alla .

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 modello 3D custom;

    3. 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. 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.

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.

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

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:

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

  • 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!

Un avatar personalizzato da ;

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

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

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

Dopo aver configurato il layout, AIsuru genererà automaticamente un . Troverai questo codice nella sezione "Codice di embed". Usalo per !

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

Il (in secondi);

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

Agenti incorporati in altri siti web
guida avanzata
ReadyPlayerMe
monitorare le conversazioni
codice di embed
condividere il tuo Agente in altri siti web
contesto
timeout
persona