Xenioo supporta nativamente differenti tipi di domande, come la richiesta di un numero telefonico e di una email. Inoltre consente di configurare azioni per poter chiedere qualsiasi cosa all’utente.

Per ora ci accontenteremo di chiedere l’indirizzo email.

Potrete seguire la lezione direttamente guardando il video seguente. Ricordatevi inoltre che il chatbot di questa lezione lo potrete trovare e riutilizzare per i vostri esperimenti all’interno della sezione Templates del tuo account Xenioo.

Pronti? Non ci resta che cominciare!

Prepariamo il chatbot

Prima di tutto, creiamo da zero un nuovo chatbot.

Come sempre, Xenioo crea un Behaviour(comportamento) vuoto con una semplice Interaction(interazione) ed una Text Action. Cliccate sullo sfondo del designer per visualizzare le impostazioni del Behaviour nel pannello di destra: da li è possibile cliccare sul bottone “Add new interaction” per aggiungere altre due nuove interazioni.

L’obiettivo è chiedere all’utente la propria email e decidere due percorsi diversi in base al fatto che l’utente inserisca un’email corretta oppure preferisca saltare la risposta.

Chiameremo la prima interazione “Thank you” e l’altra “Going on”. Nella “Thank you” cambieremo il messaggio di testo predefinito con un messaggio per ringraziare l’utente per averci lasciato l’email, mentre nella “Going on” proseguiremo con il flusso normale del chatbot.

Configuriamo l’ Email Input

Torniamo alla prima interazione ed aggiungiamo una nuova azione.

Questa volta la troveremo nella sezione Input della finestra delle azioni: Email Address Input. Una volta selezionata, l’azione verrà automaticamente aggiunta all’interazione. Clicchiamoci sopra per visualizzare le impostazioni nel pannello di destra.

Sebbene molto potente, l’ Email Address Input è molto semplice da configurare: tutta la validazione viene gestita da Xenioo e non vi dovete preoccupare di gestire email non valide.

Infatti le uniche configurazioni da settare riguardano:

• il testo da visualizzare all’utente quando inserisce un’email non valida (“Validation Failed Reply”)
• il massimo numero di email non valide accettate. Superato tale numero, il flusso prosegue.
• testo/intento per dare la possibilità all’utente di saltare la risposta

Proprio quest’ultima impostazione è importante dal momento che in molti casi potrebbe essere una buona idea permettere all’utente di scrivere un testo che gli consenta di saltare la risposta e proseguire nel flusso.
Non solo l’Email Action, ma ogni azione di Input di Xenioo, permette di impostare questo tipo di configurazione.

Per il nostro chatbot adremo a specificare “no thanks” come testo per saltare la risposta.

Come potete vedere dall’immagine, l’azione di input ha automaticamente aggiunto una Go To Operation: questo tipo di operazione verrà eseguita non appena l’utente inserisce una risposta corretta, che nel nostro caso corrisponde ad una email valida.

Selezionate “Thanks” nella tendina delle interazioni per definire la destinazione del flusso. Xenioo mostrera il collegamento tra le interazioni con una freccia in modo da rendere il tutto più intuitivo e semplice da capire.

Gestiamo l’opt-out

Nella nostra configurazione, se l’utente scrive “no thanks”, il flusso non prosegue dal momento che la Go To viene attivata solo quando viene interecettato un input valido (nel nostro caso un’email valida).

Per gestire questa situazione, andremo ad aggiungere un messaggio dopo l’azione di Input e subito dopo una Go To Action che direziona il flusso verso l’interazione “Going on”.

Cosa succederà? Non appena l’utente esprimerà con il messaggio “no thanks” il proprio desiderio di “opt-out” della richiesta di lasciare l’email, il flusso continuerà visualizzando il nuovo messaggio di testo ed eseguendo successivamente la Go To che farà proseguire il flusso allo step successivo.

Usiamo le variabili

L’ azione Email Address Input, come tutte le altre azioni di input, memorizza automaticamente l’input dell’utente all’interno di una variabile. Infatti troverete automaticamente valorizzata la variabile user_email con il valore dell’email valida inserita dall’utente.

Le variabili, come i tag, sono salvati a livello di utente nel chatbot e lì ci rimangono per sempre. Se l’utente si collega al chatbot dopo diversi giorni, il chatbot ritroverà le stesse variabili valorizzate con i valori della sessione precedente.

In Xenioo è possibile referenziare variabili e tag per cambiare la direzione del flusso oppure per visualizzare informazioni differenti.

Si tratta di una delle funzionalità più importanti di Xenioo e che verrà affrontata in modo dettagliato in una delle nostre prossime lezioni.

Ricapitolando

In questa lezione abbiamo visto la potenzialità e la flessibilità delle azioni di input e come sia semplice creare una scelta condizionale basata sull’input dell’utente.

Nella prossima lezione andremo ad esplorare la capacità del chatbot di gestire immagini, video, audio e file.

Come al solito per ogni lezione, troverai il chatbot di esempio all’interno della sezione Template del tuo account Xenioo, pronto per essere caricato e modificato a piacimento.

The post LEZIONE #2: fare domande e reagire alle risposte appeared first on Xenioo.

In questa lezione cominciamo dalle basi. Faremo i primi passi insieme per realizzare un semplice chatbot che utilizza testi e bottoni per interagire con gli utenti.

Non ci interessa per ora sapere per quale piattaforma dovrà funzionare il nostro chatbot: Xenioo permette di costruire il chatbot in modo del tutto trasparente rispetto al canale di pubblicazione.

Xenioo è una piattaforma in continua evoluzione e ad oggi è possibile creare chatbot per il Facebook Messenger, Whatsapp, Telegram, Siti web, Amazon Alexa, Google Assistant e Slack.

Potrete seguire la lezione direttamente guardando il video seguente. Ricordatevi inoltre che il chatbot di questa lezione lo potrete trovare e riutilizzare per i vostri esperimenti all’interno della sezione Templates del tuo account Xenioo.

Pronti? Non ci resta che cominciare!

Creiamo il chatbot

Dopo il primo accesso in Xenioo, vi troverete nella sezione I miei chatbot. Sarà ovviamente vuota, ma ancora per poco.

Clicchiamo su Create New Bot per creare un chatbot nuovo di zecca.

Prima di continuare è però necessario capire come è strutturato un qualsiasi chatbot Xenioo.

Un chatbot Xenioo è organizzato in tre semplici concetti: Behaviours(comportamenti), Interactions(interazioni) ed Actions(azioni).

Una Action rappresenta uno specifico elemento come un testo oppure un bottone. Si tratta in questo caso di azioni che vengono visualizzate dal chatbot durante l’esecuzione del flusso.
Una Action può anche corrispondere ad elementi non visuali, che devono essere eseguite da Xenioo. Provate per esempio a pensare ad azioni quali switch condizionali, impostazioni di variabili oppure integrazioni con altri servizi.

Multiple azioni sono raggruppate in una singola Interaction.

Multiple interazioni costituiscono un Behaviour.

I Behaviours sono utili per organizzare logicamente il chatbot in moduli indipendenti, ma interconnessi tra di loro.

Per esempio, un Behaviour potrebbe chiamarsi “Supporto”, avere al proprio interno una Interaction “Chiedi il problema” la quale a sua volta potrebbe contenere Actions che chiedono all’utente di inserire il problema, valutano l’input ricevuto e decidono quale direzione dare al flusso.

Aggiungiamo un po di testo

Il bot che abbiamo appena creato conterrà un Behaviour chiamato “New Bot Behaviour”, con una singola Interaction chiamata “Start Interaction”.

Troverete anche una seconda interazione dal nome “Fallback Interaction”. Quest’ultima rappresente il punto in cui la conversazione finirà ogni volta che il chabot non sarà in grado di capire cosa chiede l’utente oppure nel caso si verifichino degli errori imprevisti.

All’interno della Start Interaction si trova la nostra prima azione: una Text Action. Questa è la più semplice delle azioni presenti in Xenioo e rappresenta una semplice bolla di testo che verrà visualizzata in chat.

Sebbene molto semplice, questo è a tutti gli effetti un chatbot finito e funzionante che possiamo provare in anteprima.

E’ infatti possibile attivare la funzionalità di anteprima cliccando sull’icona di Preview nel pannello laterale di destra e cliccando successivamente su “Refresh Preview” per vedere il chatbot in azione.

Ricordatevi: ogni modifica effettuata nel designer può essere immediatamente provata attraverso il pannelo di anteprima.

Ora clicchiamo sul testo all’interno della nostra interazione. Il pannello di destra cambierà opportunamente visualizzando le proprietà disponibili, in questo caso per la Text Action selezionata.
Provate a cambiare il testo, cliccate poi sul bottone “Save” per applicare le modifiche. Tornando sul pannello di anteprima potrete testare le modifiche appena apportate.

Xenioo implementa una modalità Draft/Publish: qalsiasi modifica che viene effettuata al chatbot non viene riportata sulla versione “live”, ossia quella in uso da parte dei vostri utenti, fino alla prossima pubblicazione manuale.

Sviluppiamo un semplice flusso

Un tipico esempio di un flusso standard all’interno di un chatbot è quello di presentare uno o più bottoni che possano muovere la conversazioni in punti diversi, ossia verso altre interazioni o comportamenti.

Quello che faremo ora sarà creare un bottone che una volta cliccato porti l’utente in un altra interazione.

Prima di tutto dobbiamo creare una nuova Interaction, la quale rappresenta lo step successivo nel flusso. Per fare questo clicchiamo in un punto vuoto qualsiasi dell’area di disegno: questo visualizzera le proprietà del Behaviour corrente nel pannello laterale di destra.

In questo pannelo, clicchiamo sul bottone “Add Interaction”. Una nuova interazione comparirà nel designer, clicchiamo sopra di essa e cambiato il testo della Text Action di default.

Ogni nuova interazione contiene sempre una Text Action, che può essere cambiata o rimossa a piacimento.

Adesso che abbiamo creato la nuova interazione, non ci resta che collegarla alla prima utilizzando una nuova azione: Quick Button Action.

Clicchiamo sulla parte alta della Start Interaction (la parte dove c’e’ il nome della interazione): nel pannello di destra verranno visualizzate le proprietà di questa interazione.

Clicchiamo sul bottone “Add Action” per visualizzare la finestra delle azioni disponibili. Infatti questa finestra mostrerà solo le azioni che è possibile aggiungere alla interazione selezionata.

Andremo a selezionare il Quick Reply Button, che troveremo nel tab Content della finestra delle azioni.

Una volta che l’azione è stata aggiunta, clicchiamo sopra di essa in modo da visualizzare come di consueto le sue proprietà nel pannello di destra.

L’azione Quick Reply Button prevede un bottone che sarà visualizzato all’utente ed una Operation(operazione) specifica che si occuperà di muovere la conversazione in un altro punto del flusso a seguito del click sul bottone.

Le operazioni sono elementi intelligenti utilizzati da Xenioo per personalizzare pesantemente ogni componente del chatbot. Nelle prossime lezioni vedremo più in dettaglio quante e quali operazioni utilizzare all’interno dei nostri chatbot.

Per il momento ci basta sapere che l’operazione che ci troviamo già creata è una “Go To Operation”.

In questa operazione andremo a configurare la destinazione del flusso quando l’utente cliccherà sul bottone, selezionando rispettivamente il Behaviour e la nuova Interaction creata precedentemente.
Come al solito, clicchiamo su “Save” per confermare le modifiche effettuate.

Come potrete notare, nel designer verrà visualizzata una freccia che collega le due interazioni e che rappresenta appunto il nuovo percorso di flusso appena creato.

Tornando al pannello di anteprima potremo provare in un attimo le nostre modifiche.

Come potrai vedere, la chat ora visualizzerà il nostro nuovo bottone: cliccandoci sopra il flusso si muoverà verso la nuova interazione. Semplice, no?

Ricapitolando

In questa prima lezione abbiamo imparato i fondamentali di ogni chatbot Xenioo: comportamenti, interazioni ed azioni.

Abbiamo inoltre creato il nostro primo chatbot prendendo dimestichezza con le funzionalità del designer e dell’anteprima.

Nella prossima lezione vedremo come fare domande agli utenti e reagire alle risposte ottenute.

Come al solito per ogni lezione, troverai il chatbot di esempio all’interno della sezione Template del tuo account Xenioo, pronto per essere caricato e modificato a piacimento.

The post LEZIONE #1: creare il primo chatbot con Xenioo appeared first on Xenioo.