{"id":940,"date":"2021-11-08T16:12:17","date_gmt":"2021-11-08T16:12:17","guid":{"rendered":"https:\/\/docs.tellya.ai\/?post_type=ht_kb&#038;p=940"},"modified":"2022-10-27T10:21:48","modified_gmt":"2022-10-27T10:21:48","slug":"rich-responses","status":"publish","type":"ht_kb","link":"https:\/\/docs.tellya.ai\/index.php\/knowledge-base\/rich-responses\/","title":{"rendered":"Rich responses"},"content":{"rendered":"\n<p>Nella sezione \u201cResponses\u201d \u00e8 possibile definire risposte differenti per ogni canale che \u00e8 attivato, oltre che per i canali pre configurati come \u201cDefault\u201d, \u201cCustom channel\u201d e \u201cTellya\u201d.&nbsp;<\/p>\n\n\n\n<p>Tale funzionalit\u00e0 permette quindi di specificare risposte differenti a seconda del canale a fronte del medesimo intento innescato. Le differenze possono riguardare sia il contenuto, sia la tipologia di risposta fornita e supportata dai diversi canali.<\/p>\n\n\n\n<p>Per configurare risposte differenti e specifiche a seconda del canale \u00e8 necessario creare una nuova risposta associata ad un intento (oppure ad un elemento di una page) e, dalla sezione \u201cResponse type\u201d selezionare tramite l\u2019apposito bottone \u201c+\u201d il canale da configurare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"325\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-1024x325.png\" alt=\"\" class=\"wp-image-1526\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-1024x325.png 1024w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-300x95.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-768x244.png 768w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-50x16.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-60x19.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type-100x32.png 100w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-type.png 1166w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2>Default<\/h2>\n\n\n\n<p>Tramite il canale \u201cDefault\u201d \u00e8 possibile specificare unicamente risposte testuali, le quali verranno selezionate da Tellya e quindi fornite all\u2019utente nel caso in cui non venga configurato nessun altro canale oppure se il canale chiamante non viene specificato nell\u2019invocazione all\u2019<a href=\"https:\/\/docs.tellya.ai\/index.php\/orchestrate-api\/\" data-type=\"URL\" data-id=\"https:\/\/docs.tellya.ai\/index.php\/orchestrate-api\/\" target=\"_blank\" rel=\"noreferrer noopener\">API Orchestrate<\/a>.<\/p>\n\n\n\n<h2>Voice<\/h2>\n\n\n\n<p>Tramite il canale \u201cVoice\u201d \u00e8 possibile specificare unicamente risposte testuali, da corredare con la sintassi SSML. Tali risposte verranno selezionate da Tellya nel caso in cui il canale chiamante sia di tipo \u201cvoice\/vocal\u201d.&nbsp;<\/p>\n\n\n\n<h2>Tellya<\/h2>\n\n\n\n<p>Tramite il canale \u201cTellya\u201d \u00e8 possibile specificare risposte testuali e grafiche (chips, le list, card carousel\u2026). Le risposte di questo canale verranno selezionate e rese graficamente da Tellya nel caso in cui l\u2019interazione provenga dalla Test Chat (se non diversamente configurato) e dal canale<a href=\"https:\/\/docs.tellya.ai\/index.php\/knowledge-base\/channels\/\" data-type=\"URL\" data-id=\"https:\/\/docs.tellya.ai\/index.php\/knowledge-base\/channels\/\" target=\"_blank\" rel=\"noreferrer noopener\"> \u201cChat Widget<\/a>\u201d.<br><br>Nelle risposte testuali \u00e8 possibile utilizzare tag HTML per inserire i link e prevedere alcune varianti stilistiche e di formattazione del testo:<\/p>\n\n\n\n<ul><li>Per creare un link: &lt;url src:&#8221;www.sitoweb.com&#8221; target:&#8221;_blank&#8221;&gt; Testo da visualizzare &lt;\/url&gt;<\/li><li>Per inserire un testo in stile \u201cgrassetto\u201d: &lt;b&gt; testo in grassetto &lt;\/b&gt;. <br>Il tag \u00e8 utilizzabile anche all\u2019interno delle risposte grafiche.<\/li><li>Per inserire un testo in stile \u201ccorsivo\u201d: &lt;i&gt; testo in corsivo &lt;\/i&gt;. <br>Il tag \u00e8 utilizzabile anche all\u2019interno delle risposte grafiche.<\/li><\/ul>\n\n\n\n<h3>Chips<\/h3>\n\n\n\n<p>Le \u201cchips\u201d sono una tipologia di elemento grafico utile a fornire all\u2019utente che dialoga con l\u2019agente virtuale un numero limitato di opzioni che lo aiutano a indirizzare la conversazione nella direzione desiderata.<\/p>\n\n\n\n<p>Da un punto di vista visivo appaiono come dei bottoni posizionati uno accanto all\u2019altro (nel caso ne venga configurata pi\u00f9 di una).<\/p>\n\n\n\n<p>Per ogni \u201cchips\u201d \u00e8 possibile configurare:<\/p>\n\n\n\n<ul><li><strong>Title<\/strong>: breve testo che apparir\u00e0 all\u2019interno del bottone e che aiuter\u00e0 quindi l\u2019utente a decidere se premere o meno tale \u201cchips\u201d<\/li><li><strong>Value<\/strong>: query testuale che verr\u00e0 fornita in input al motore di NLU alla pressione della \u201cchips\u201d<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"583\" height=\"168\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-chips.png\" alt=\"\" class=\"wp-image-1524\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-chips.png 583w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-chips-300x86.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-chips-50x14.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-chips-60x17.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-chips-100x29.png 100w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/xa47G9d8-kWmNw6i4iwhcmP5gPsfkYZfnXx20o4o9jgVc5r6fsN7NKC8enrj9xZQtoP1FAPl24Y2zvuDm7Om2RJlDatA_ouRekn6R4aw-UiHCcHCZYOcPDTTU_e_2Y4Cn-v__mFX\" alt=\"\"\/><figcaption>Visualizzazione Chips<\/figcaption><\/figure><\/div>\n\n\n<h3>Card carousel<\/h3>\n\n\n\n<p>Un \u201cCard carousel\u201d permette di configurare e fornire all\u2019utente un carosello di elementi di tipo \u201cCard\u201d, a loro volta costituiti da un\u2019immagine eventualmente accompagnata da testi ed elementi interattivi.<\/p>\n\n\n\n<p>Per ogni carosello \u00e8 possibile specificare la tipologia di interazione da innescare al click sulle \u201cCard\u201d configurate<strong>:<\/strong><\/p>\n\n\n\n<ul><li><strong>Disable<\/strong>: la \u201cCard\u201d non prevede alcun tipo di interazione<\/li><li><strong>Link<\/strong>: al click sulla \u201cCard\u201d viene aperto un indirizzo web<\/li><li><strong>Value<\/strong>: al click sulla \u201cCard\u201d viene inviato al motore di NLU una query testuale, definita all\u2019interno di tale campo<\/li><\/ul>\n\n\n\n<p>Per ogni \u201cCard\u201d \u00e8&nbsp; possibile specificare:<\/p>\n\n\n\n<ul><li><strong>Title<\/strong>: titolo (obbligatorio)<\/li><li><strong>Subtitle<\/strong>: sottotitolo<\/li><li><strong>Body<\/strong>: testo principale della card<\/li><li><strong>Image URL<\/strong>: indirizzo web dell\u2019immagine da inserire all\u2019interno della \u201cCard\u201d<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"471\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-1024x471.png\" alt=\"\" class=\"wp-image-1523\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-1024x471.png 1024w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-300x138.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-768x353.png 768w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-50x23.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-60x28.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card-100x46.png 100w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-card.png 1157w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/JpgQqjTfF6iJcjrGNIcumh9DJwTC0WT9xuV5N-44zZlM3IQ0vnEFb7nP8bye1pPBC2o365K7HO-pY_aVwHy8lW6lldmq1bAIjtuBrLThMCuUjtLcsaM63Av58F0CG76yxIpcF843\" alt=\"\"\/><figcaption>Visualizzazione Card carousel<\/figcaption><\/figure><\/div>\n\n\n<h3>List<\/h3>\n\n\n\n<p>L\u2019elemento grafico di tipo \u201cList\u201d permette di creare un elenco di elementi disposti verticalmente, caratterizzati da testo ed eventualmente anche un\u2019immagine di accompagnamento.&nbsp;<\/p>\n\n\n\n<p>Per ogni lista \u00e8 possibile specificare:<\/p>\n\n\n\n<ul><li><strong>Select type<\/strong>: tipologia di interazione da innescare al click sull\u2019elemento della lista<strong> <\/strong>(obbligatorio)<ul><li><strong>Link<\/strong>: al click viene aperto un indirizzo web<\/li><li><strong>Value<\/strong>: al click viene inviato al motore di NLU una query testuale, definita all\u2019interno di tale campo<\/li><\/ul><\/li><li><strong>Page size:<\/strong> specifica il numero di elementi da mostrare in chat se la lista \u00e8 paginata (obbligatorio)<\/li><li><strong>Next value label:<\/strong> label del pulsante next che viene mostrato se la lista \u00e8 paginata<\/li><\/ul>\n\n\n\n<p>Per ogni elemento della lista \u00e8 possibile specificare:<\/p>\n\n\n\n<ul><li><strong>Title<\/strong>: titolo (obbligatorio)<\/li><li><strong>Subtitle<\/strong>: sottotitolo<\/li><li><strong>Image<\/strong>: indirizzo web dell\u2019immagine da inserire all\u2019interno dell\u2019elemento della lista<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"254\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-1024x254.png\" alt=\"\" class=\"wp-image-1525\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-1024x254.png 1024w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-300x74.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-768x191.png 768w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-50x12.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-60x15.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list-100x25.png 100w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-list.png 1160w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"353\" height=\"110\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/03\/image-2.png\" alt=\"\" class=\"wp-image-1164\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/03\/image-2.png 353w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/03\/image-2-300x93.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/03\/image-2-50x16.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/03\/image-2-60x19.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/03\/image-2-100x31.png 100w\" sizes=\"(max-width: 353px) 100vw, 353px\" \/><figcaption>Visualizzazione List<\/figcaption><\/figure><\/div>\n\n\n<h3>Upload file<\/h3>\n\n\n\n<p>L&#8217;opzione \u201cUpload file\u201d consente di definire un elemento grafico che permetter\u00e0 all\u2019utente di caricare ed inviare un file all\u2019interno della chat.<\/p>\n\n\n\n<p>L\u2019elemento \u201cUpload file\u201d permette di creare pi\u00f9 bottoni per caricare nel medesimo turno conversazionale pi\u00f9 file contemporaneamente. Per ogni bottone di upload \u00e8 possibile specificare:<\/p>\n\n\n\n<ul><li><strong>Upload file text<\/strong>: testo che comparir\u00e0 all\u2019interno del bottone che innesca la scelta del file da caricare<\/li><li><strong>Max size<\/strong>: dimensione massima del file che si vuole poter far caricare all\u2019utente.<\/li><li><strong>Extension type<\/strong>: tipologie di file che si vuole supportare per il caricamento<\/li><\/ul>\n\n\n\n<p>Infine \u00e8 necessario specificare l\u2019evento che verr\u00e0 innescato al termine del caricamento dei file (per far proseguire la conversazione al turno successivo) ed eventualmente la volont\u00e0 di disabilitare l\u2019input testuale in modo tale da bloccare il dialogo con l\u2019agente fino a quando non sono stati caricati tutti i file richiesti.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"581\" height=\"286\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-uploadFile.png\" alt=\"\" class=\"wp-image-1527\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-uploadFile.png 581w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-uploadFile-300x148.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-uploadFile-50x25.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-uploadFile-60x30.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/Rich-response-uploadFile-100x49.png 100w\" sizes=\"(max-width: 581px) 100vw, 581px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"259\" height=\"73\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/UploadFile.png\" alt=\"\" class=\"wp-image-1530\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/UploadFile.png 259w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/UploadFile-50x14.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/UploadFile-60x17.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/10\/UploadFile-100x28.png 100w\" sizes=\"(max-width: 259px) 100vw, 259px\" \/><figcaption>Visualizzazione UploadFiles<\/figcaption><\/figure><\/div>\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><em>Non \u00e8 possibile utilizzare l\u2019elemento \u201cUpload file\u201d nelle journey fulfillment<\/em><\/p>\n\n\n\n<h2>Custom Channel<\/h2>\n\n\n\n<p>Il canale generico \u201cCustom Channel\u201d pu\u00f2 essere utilizzato ad esempio nel caso in cui la <em>journey<\/em> Tellya venga invocata tramite l\u2019API Orchestrate da un touchpoint custom che si occupa di interpretare le risposte fornite dall\u2019API, restituendole all\u2019utente nel formato grafico desiderato.<\/p>\n\n\n\n<p>Scegliendo questo tipo di risposte viene data la possibilit\u00e0 di configurare risposte testuali o payload custom in formato JSON.<\/p>\n\n\n\n<h2>Google Chat<\/h2>\n\n\n\n<p>Selezionando il canale \u201cGoogle Chat\u201d \u00e8 possibile configurare risposte compatibili con il servizio di messaggistica di Google.<\/p>\n\n\n\n<p>Oltre alle risposte testuali, viene data possibilit\u00e0 di configurare l\u2019elemento grafico \u201cCard\u201d supportato da Google Chat.<\/p>\n\n\n\n<h3>Google Card<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"760\" height=\"487\" src=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/07\/image-1.png\" alt=\"\" class=\"wp-image-1382\" srcset=\"https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/07\/image-1.png 760w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/07\/image-1-300x192.png 300w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/07\/image-1-50x32.png 50w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/07\/image-1-60x38.png 60w, https:\/\/docs.tellya.ai\/wp-content\/uploads\/2022\/07\/image-1-100x64.png 100w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<p>Google Chat \u00e8 in grado di visualizzare \u201cCard\u201d complesse, strutturate in diverse sezioni e paragrafi. Nel caso vengano configurate pi\u00f9 \u201cCard\u201d esse verranno disposte verticalmente una sotto l\u2019altra e non a carosello.<\/p>\n\n\n\n<p>Ogni card pu\u00f2 disporre di una singola struttura di intestazione, configurabile con le seguenti informazioni e caratteristiche:<\/p>\n\n\n\n<ul><li><strong>Image Url<\/strong>: indirizzo web dell\u2019immagine da utilizzare<\/li><li><strong>Image Type<\/strong>: forma che dovr\u00e0 assumere l\u2019immagine:<ul><li>IMAGE (forma quadrata)<\/li><li>AVATAR (forma circolare)<\/li><\/ul><\/li><li><strong>Title<\/strong>: titolo<\/li><li><strong>Subtitle<\/strong>: testo di accompagnamento<\/li><li><strong>Paragraph: <\/strong>\u00e8 possibile definire uno o pi\u00f9 widget (disposti uno sotto l\u2019altro) contenenti a loro volta ulteriori elementi e tipologie di contenuti testuali e grafici.<ul><li><strong>Text Paragraph<\/strong>: visualizza una o pi\u00f9 righe di testo, che possono contenere anche alcune tipologie di tag HTML<\/li><li><strong>Button Widge<\/strong>t: visualizzare un pulsante a cui \u00e8 possibile associare un URL e un testo descrittivo, oppure una action.<\/li><li><strong>Image Widget<\/strong>: visualizza un&#8217;immagine da un URL. Se cliccata l\u2019immagine pu\u00f2 condurre ad uno specifico indirizzo web.<\/li><li><strong>Key Value<\/strong>: elemento grafico strutturato e composto da elementi differenti (icona, contenuto testuale, bottoni e altre personalizzazioni).<\/li><\/ul><\/li><\/ul>\n\n\n\n<p>Alla creazione di una nuova Google Card viene configurato di default un Paragraph di tipo &#8220;Text&#8221;, permettendo di inserirne altri dello stesso tipo, oppure cancellarli tramite l&#8217;apposita icona di cancellazione posta accanto.<\/p>\n\n\n\n<p>Utilizzando il pulsante \u201c<strong>+ Add Section<\/strong>\u201d \u00e8 possibile aggiungere ulteriori sezioni che possono essere a loro volta configurate con nuovi \u201cParagraph\u201d.<\/p>\n\n\n\n<p>Eliminando tutti gli elementi di una \u201cSection\u201d, essa viene cancellata, ma non \u00e8 possibile eliminare la \u201cSection\u201d nel caso sia l&#8217;unica presente nella Card.<\/p>\n\n\n\n<p>Per maggiori informazioni riguardanti l\u2019elemento grafico \u201cGoogle Card\u201d e la sua configurazione, \u00e8 possibile fare riferimento alla <a href=\"https:\/\/developers.google.com\/chat\/api\/guides\/message-formats\/cards\">guida di Google<\/a>. Inoltre per modificare lo stile del testo nelle Text Response e nelle \u201cGoogle Card\u201d \u00e8 possibile fare riferimento alla <a href=\"https:\/\/developers.google.com\/chat\/api\/guides\/message-formats\/basic\">guida di Google<\/a>.<\/p>\n\n\n\n<h2>LivePerson<\/h2>\n\n\n\n<p>Per il canale \u201cLivePerson\u201d \u00e8 possibile configurare risposte testuali e risposte grafiche come le \u201cChips\u201d e \u201cCard\u201d. Le risposte grafiche vengono generate attraverso payload specifici, per maggiori informazioni \u00e8 possibile riferimento alla <a href=\"https:\/\/developers.liveperson.com\/structured-content-introduction-to-structured-content.html\">documentazione LivePerson<\/a>.<\/p>\n\n\n\n<h3>Chips<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/7TUxy8wOx0clXhDSXWrMj_r0zGYGrqJejOdlATmqzAcoCOmlxkkLRljIIq4yi2Mn0r3VzWbHguSgXPVpibceEbwW_NVtgF7B7cVKxxLkQepKC9aiyQlyQndOmco8fBZBraH1Xhns\" alt=\"\"\/><\/figure><\/div>\n\n\n<p>Per configurare una o pi\u00f9 \u201cChips\u201d \u00e8 necessario specificare il testo mostrato all\u2019interno del bottone ed il valore da inviare al motore NLU nel caso in cui tale bottone venga selezionato. Se vengono configurate pi\u00f9 \u201cChips\u201d, esse verranno mostrate una a fianco all\u2019altra.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><em>\u00c8 necessario che l\u2019elemento \u201cChips\u201d venga posizionato come ultimo elemento della risposta, altrimenti non verranno visualizzate.<\/em><\/p>\n\n\n\n<h3>Card \/ Carousel<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/HSS3BVQM0TfZVtnxRbuVDut3kXmOA3lZOunptvfFdM8uLrptf5TM-Ps6EVQcIVVVh7DLTnFeYFZcjYe5WWlAAENE2VgbRUoXL-OgP107HUUmNDoNPWW6JCUWrB6XvzHL4VqkbNm0\" alt=\"\"\/><\/figure><\/div>\n\n\n<p>La tipologia di risposta \u201cCarousel\u201d permette di comporre un carosello di singole \u201cCard\u201d affiancate.<\/p>\n\n\n\n<p>Ogni \u201cCard\u201d configurabile attraverso alcuni attributi:<\/p>\n\n\n\n<ul><li><strong>Text <\/strong>(obbligatorio): testo<\/li><li><strong>Button: <\/strong>pulsante<\/li><li><strong>Image: <\/strong>URL dell\u2019immagine associata alla \u201cCard\u201d<\/li><\/ul>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><em>L\u2019URL dell\u2019immagine utilizzato all\u2019interno delle \u201cCard\u201d deve essere necessariamente validato tramite operatore LivePerson. Per maggiori informazioni <a rel=\"noreferrer noopener\" href=\"https:\/\/knowledge.liveperson.com\/messaging-channels-rich-conversations-structured-content-for-messaging-user-guide.html\" target=\"_blank\">consultare la guida dedicata<\/a>.<\/em><\/p>\n\n\n\n<h2>Telegram<\/h2>\n\n\n\n<h3>Text response<\/h3>\n\n\n\n<p>All\u2019interno delle risposte testuali per il canale \u201cTelegram\u201d \u00e8 possibile assegnare alcuni formati a parole o frasi del testo utilizzando i tag HTML:<\/p>\n\n\n\n<ul><li>Per creare un link: &lt;url src:&#8221;www.sitoweb.com&#8221; target:&#8221;_blank&#8221;&gt; Testo del link &lt;\/url&gt;<\/li><li>Per inserire un testo in stile \u201cgrassetto\u201d: &lt;b&gt; testo in grassetto &lt;\/b&gt;. Il tag \u00e8 utilizzabile anche all\u2019interno delle risposte grafiche.<\/li><li>Per inserire un testo in stile \u201ccorsivo\u201d: &lt;i&gt; testo in corsivo &lt;\/i&gt;. Il tag \u00e8 utilizzabile anche all\u2019interno delle risposte grafiche.<\/li><\/ul>\n\n\n\n<h3>Chips<\/h3>\n\n\n\n<p>Pulsanti di interazione rapida che vengono visualizzate all&#8217;interno dello spazio di chat. Per configurare una \u201cChips\u201d \u00e8 necessario specificare:<\/p>\n\n\n\n<ul><li><strong>Message<\/strong> (obbligatorio): messaggio testuale che precede le chips<\/li><li><strong>Text <\/strong>(obbligatorio): breve testo che apparir\u00e0 all\u2019interno del pulsante che aiuter\u00e0 quindi l\u2019utente a decidere se premere o meno tale \u201cchips\u201d<\/li><li><strong>Value <\/strong>(obbligatorio): query testuale che verr\u00e0 fornita in input al motore di NLU alla pressione del pulsante<\/li><\/ul>\n\n\n\n<h3>Custom Chips<\/h3>\n\n\n\n<p>Pulsanti di interazione rapida che vengono visualizzate sostituendo la tastiera virtuale dell\u2019utente. Per configurare una \u201cCustom Chips\u201d \u00e8 necessario specificare:<\/p>\n\n\n\n<ul><li><strong>Message<\/strong> (obbligatorio): messaggio testuale che precede le chips<\/li><li><strong>Text <\/strong>(obbligatorio): breve testo che apparir\u00e0 all\u2019interno del pulsante che aiuter\u00e0 quindi l\u2019utente a decidere se premere o meno tale \u201cchips\u201d<\/li><li><strong>Value <\/strong>(obbligatorio): query testuale che verr\u00e0 fornita in input al motore di NLU alla pressione del pulsante<\/li><\/ul>\n\n\n\n<h3>Image<\/h3>\n\n\n\n<p>La risposta di tipo \u201cImage\u201d permette di allegare un\u2019immagine all\u2019interno della chat, eventualmente accompagnata da una descrizione:<\/p>\n\n\n\n<ul><li><strong>URL <\/strong>(obbligatorio): indirizzo web dell\u2019immagine<\/li><li><strong>Caption<\/strong>: descrizione testuale di accompagnamento all\u2019immagine<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Nella sezione \u201cResponses\u201d \u00e8 possibile definire risposte differenti per ogni canale che \u00e8 attivato, oltre che per i canali pre configurati come \u201cDefault\u201d, \u201cCustom channel\u201d e \u201cTellya\u201d.&nbsp; Tale funzionalit\u00e0 permette quindi di specificare risposte differenti a seconda del canale a fronte del medesimo intento innescato. Le differenze possono riguardare sia&#8230;<\/p>\n","protected":false},"author":4,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[23],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/ht-kb\/940"}],"collection":[{"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/comments?post=940"}],"version-history":[{"count":16,"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/ht-kb\/940\/revisions"}],"predecessor-version":[{"id":1531,"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/ht-kb\/940\/revisions\/1531"}],"wp:attachment":[{"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/media?parent=940"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/ht-kb-category?post=940"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/docs.tellya.ai\/index.php\/wp-json\/wp\/v2\/ht-kb-tag?post=940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}