Xenioo – Xenioo Thu, 28 Apr 2022 15:15:18 +0000 en-US hourly 1 https://wordpress.org/?v=5.6.12 /wp-content/uploads/2022/02/cropped-badge_611x611-32x32.png Xenioo – Xenioo 32 32 4 Effective Way To Deal With Your Chatbot Privacy And Data Safeness /4-effective-way-to-deal-with-your-chatbot-privacy-and-data-safeness/ Sun, 04 Oct 2020 11:26:39 +0000 /?p=2998 When dealing with sensitive conversations we all know how important is to protect your users privacy and keep their information safe. And that’s why we wrote this article, to speak about chatbot privacy policy. Chatbots are becoming ubiquitous and people are getting more and more used to trust them with private information, personal preferences and sometimes even account passwords and data. Users may (and will!) share sensitive data during their conversations. How you handle this data and manage your trust ...

Read More4 Effective Way To Deal With Your Chatbot Privacy And Data Safeness

The post 4 Effective Way To Deal With Your Chatbot Privacy And Data Safeness appeared first on Xenioo.

]]>
When dealing with sensitive conversations we all know how important is to protect your users privacy and keep their information safe. And that’s why we wrote this article, to speak about chatbot privacy policy.

Chatbots are becoming ubiquitous and people are getting more and more used to trust them with private information, personal preferences and sometimes even account passwords and data.

Users may (and will!) share sensitive data during their conversations. How you handle this data and manage your trust relationship with you users is now of the utmost importance.

In the following sections, we’ll see how Xenioo provides all the tools you need to guarantee privacy and data safeness.

1. Why you should use the chatbot privacy opt-in

If your chatbot is processing user data or sending offers related to your products you may need to ask consent. Additionally, you will need to make it to guarantee that your user choice cannot be altered in any way.

While it is still on your flow to honor any kind of privacy setting the user has requested, it has been proven that a chatbot asking for privacy permissions tends to put most users at ease with any conversation.

Out of the box, Xenioo offers a full privacy opt-in action, built exactly for this purpose.

setup chatbot privacy

Placing this action at the first step of your chatbot will automatically create an opt-in request for privacy standard permissions.

User choices will enable specific conversation privacy flags that cannot be altered in any way by you and that secure the exact user response.

chatbot privaci opt-in input

Users may (and will!) share sensitive data during their conversations.

2. The right to be forgotten

Additionally, your chatbot may offer your users the power to exercise their right to be forgotten.

The right to be forgotten is the right to have private information about a person be removed from Internet searches and other directories under some circumstances and it applies to chatbots too. Your users may ask you to forget them and remove any conversation exchange you’ve had with them.

Again, Xenioo got you covered with a simple and effective action.

right to be forgotten chatbot privacy

By using this action in any point of the conversation, or by using it directly from your conversation command center, you will instruct Xenioo to delete each and every information collected about the active user.

After this command is executed no information about this user will remain on any of the Xenioo services.

Please note that deleting user data is different from allowing your users to change their privacy preferences. In the first case you’re literally wiping any data that Xenioo has about your contact while in the latter you would ideally show again the privacy opt-in to allow changes in usage preferences.

3. Hiding conversations data

Everything your user says to your chatbot is recorded and readily made available in the conversations section.

Every operator that can access the conversation section to give support can potentially see variables, inputs and detailed profile information.

While flow information like chosen product or current coupon points (just to name a couple) may be relevant from a support standpoint, there may be many other cases where information should never be disclosed, even to users that should help your customers.

Chatbots are becoming ubiquitous and people are getting more and more used to trust them

If this is your case, you can use the fine-grained users permissions granted by the PRO Team package. You can hide conversation variables from your support team.

They will still be able to access and see any (and only) assigned conversation, but they won’t be able to access variables, tags and privacy settings in any way.

people privacy

4. Volatile conversations

In some cases the data of shared during a conversation may be so sensitive that in no way it should be persisted.

No trace of the conversation should remain on Xenioo for any reason at any given time. Moreso, the conversation should not even temporarily be saved on any Xenioo medium as if it never really existed but temporarily, on Xenioo memory.

Only the chatbot and the user should know about this conversation and nothing should remain after the conversation is finished.

How can this be possibly achieved? By using Volatile Conversations.

Volatile Conversations are created using “Forget User” action we’ve seen previously and by enabling the “Enable user activity until deletion”.

Putting this action at the very beginning of your chatbot will force Xenioo to run all the conversation in memory without ever saving anything anywhere.

The conversation is considered offline after about 5 minutes the user has said anything. Xenioo will just flush all the data from memory and totally forget it ever happened.

If the user comes back it will be threated as a brand new user, never seen before.

Chatbot privacy and data safeness: Wrap Up

We’ve just seen a good number of different privacy options that can cover all of the possible needs your chatbot can have.

Whatever are your requirements, Xenioo is capable of fully supporting your conversational design and comply with your privacy policy rules.

Or not? Does your chatbot have requirements that Xenioo is not yet covering? Join our Facebook group and let us know!

The post 4 Effective Way To Deal With Your Chatbot Privacy And Data Safeness appeared first on Xenioo.

]]>
How To Increase Your Chatbot Conversion Rate /how-to-increase-your-chatbot-conversion-rate/ /how-to-increase-your-chatbot-conversion-rate/#respond Wed, 22 Jul 2020 10:13:44 +0000 /?p=2944 If your chatbot target is to create potential leads or groups of people interested in one or more products you are well aware of how lost conversations represent a good percentage of your contacts. This article was written for this reason. To explain how to increase your chatbot conversion rate. A lost conversation is when a user leaves before signing up for your service or completing the questions you’ve prepared. How can we get back to the user sometimes later ...

Read MoreHow To Increase Your Chatbot Conversion Rate

The post How To Increase Your Chatbot Conversion Rate appeared first on Xenioo.

]]>
If your chatbot target is to create potential leads or groups of people interested in one or more products you are well aware of how lost conversations represent a good percentage of your contacts. This article was written for this reason. To explain how to increase your chatbot conversion rate.

A lost conversation is when a user leaves before signing up for your service or completing the questions you’ve prepared.

How can we get back to the user sometimes later to try to reconnect? Let’s read on and learn how you can easily do it with Xenioo.

First interaction to improve Chatbot Conversion Rate: “Hello? Is There Anybody Out There?”

One of the first options we can use to get back to our users is a broadcast. A broadcast is basically a scheduled push that can be set to be sent to a specific time, date and time or even on demand.

Let’s consider a very simple chat flow like this one:

first interaction to improve chatbot conversion rate

This flow, on Whatsapp (as an example) lead to a conversation like this:

First interaction preview

After this, our user leaves the conversation. Since we want to detect these cases, the first thing we need is a way to check if the user has passed our question. We are using a tag action for this and changing the flow as follows:

tag waiting answer to improve chatbot conversion rate

Basically what we are doing is set a WAITING_ANSWER tag before the question and remove it right after. This way we know that if a conversation has a WAITING_ANSWER tag then the user is waiting at the input, otherwise the flow has completed and we’ve our email.

Setting Up Your First Broadcast

What we need to do now is create a broadcast that now and then checks for all users that still have the WAITING_ANSWER tag and contacts them to check back. Using broadcasts you are basically creating a “Scheduled Task” that your chatbot can execute every specific interval.

To reach our goal we can easily create a On Interval broadcast that loops every 1 hour and is directed to only a specific audience, like in the picture below.

Since we don’t want to check back to all users every hour we make sure to create and select a specific user that can be quickly generated using the Broadcast Audience Creator. The resulting filters will look similar to this:

creating chatbot audience

Once the basics are down we can move to the Design section of the broadcast, where we can lay down the part of the flow that handles the reconnection. The broadcast design is identical to the general chatbot design and in fact, you can do here everything you can do in your normal chatbot.

After saving (and enabling!) the broadcast we can go ahead and test our reconnection with our previous conversation. When the time you’ve chosen for your broadcast is triggered, Xenioo will automatically send your message to the user.

At this point our user is back in the game and its again up to us to re-engage the conversation so that it is lead to our desired conclusion.

Wait! We can do Better to improve our chatbot conversion rate

While our previous example is simple and effective, it has a couple of flaws that will become very clear as more users are reached and more time is spent online by our chatbot.

  1. The broadcast is executed at a specific time, regardless of when the user abandoned the conversation. A user that left the conversation 5 minutes ago would be contacted together with someone who left it an hour ago. It would be better to have a relative time for every single user.
  2. After the broadcast, there’s no way for the user to go back to the flow that was executing. Even if we get back to the user we’re not moving back to the question that is important for us.

Let’s address point one immediately by simply changing our broadcast type on-flight: from a simple On Interval, we switch to an On Trigger one.

On Trigger broadcasts are one-to-one user broadcasts that are triggered by a specific user action. While audience rule are still applied to this broadcasts only one user will be receiving it based on its conversation triggers.

For example, for our bot, we can select a trigger that starts 20 minutes after Last Interaction. This configuration means that after 20 minutes from the last time a user wrote something the trigger will start. This is just perfect for us because it’s exactly what we need. If our user goes idling for more than 20 minutes we go and try reviving the conversation.

“On Trigger” broadcasts are always targeting a single user in a single conversation but you can still use audiences to filter for a very specific user variable or tag so that even if the broadcast is triggered it is not sent.

What Was The Question Again?

Our second bullet point is little trickier but still very doable.

What we need to do first is split our flow into two parts like below:

We have basically moved all but one action to another interaction and linked them with a Go To Action. All of this can be done very quickly by simply dragging and dropping the desired contents. It has only one purpose: to have a single, repeatable interaction to be invoked later by our broadcast. We will see very soon why.

In our broadcast, we are changing the flow so that the user can be asked if there’s still a chance to complete our flow and if the answer is yes we can now redirect to the Ask Email interaction.

The user will see again the question (which is fine as we’re giving some context to the request) and will be back from where the conversation was left.

This is how our final conversation may look like:

improving chatbot conversation rate preview

A much better result. User is reconnected with a brief interaction and the chatbot is capable of reconnecting back to where the user left. A good user experience overall and a good way of pushing to all your idling contacts.

If you look at the conversation it now becomes clear why we did the initial split into two interactions. We can now redirect the user to the initial step of the question. And repeating the brief explanation text that gives context to the question.

I Wish I Had Just One Question Like You!

Yes, of course! Chatbots are rarely a matter of just one question and if you have more than two, or three? Or twenty? Having so many questions may make building this kind of approach really difficult.

But once again, we have a neat solution.

For any case when you need to redirect to a dynamic point in the conversation that you really don’t know beforehand you can use a bookmark action.

A bookmark action will basically put a bookmark (how unexpected! ;)) on the current interaction. After the bookmark action is executed you can use any Go To Action to redirect there in any part of the flow.

Lets expand our initial example to a more complex one. With multiple questions, we could design our chatbot to be something like this:

visual builder flow

As you can see, the flow isn’t actually much more complex. It is just a bunch of questions one after another but we have now added a Bookmark action on top of each interaction. Now we know exactly where the user is stuck.

The change in our broadcast design is even easier.

All we need to change is the tiny Go To option from “Absolute” to “Bookmark”. What will happen is that Xenioo will automatically redirect the user to the last dynamic bookmark position.

chatbot conversion rate final step

And that’s it! We have now our full reconnection flow with personalized followup and dynamic question redirection. Now we are ready to boost our lead generation and improve our chatbot conversion rate.

Time Is Of The Essence

Privacy settings and platform-specific limitations may be stopping your reconnection plans. Reconnecting with users after a long while may catch them by surprise in an unpleasant way.

Some platforms like Telegram or WhatsApp will not stop you from doing so. But others like Facebook may try to ban your page for attempting mass contact outside of Message Delivery time windows.

Improving chatbot conversion rate: Wrap up

We just did a deep dive into some of the most interesting features of Xenioo and we saw some tips to improve chatbot conversion rate.

In this post, we’ve been highlighting both its power and flexibility. You should now have the basics for adapting your chatbot flow and create an even better chat experience.

If you are not sure about the best way to check back to your users or how to create a chatbot like this or even how to comply with different platform’s rules, feel free to contact our team at team@xenioo.com or leave a message on our Facebook Group.

The post How To Increase Your Chatbot Conversion Rate appeared first on Xenioo.

]]>
/how-to-increase-your-chatbot-conversion-rate/feed/ 0
Come creare un chatbot per Whatsapp con Xenioo /come-creare-un-chatbot-per-whatsapp-con-xenioo/ /come-creare-un-chatbot-per-whatsapp-con-xenioo/#respond Mon, 25 May 2020 10:09:00 +0000 https://wp.xenioo.com/?p=870 Dopo aver reso disponibile la creazione di chatbot per Telegram, noi del team di Xenioo ci siamo resi conto che mancava all’appello il supporto per la piattaforma di messaggistica più diffusa al mondo: Whatsapp (seriamente, diteci quanti di voi hanno continuamente richieste per fare chabot per Whatsapp?). Whatsapp è in effetti la piattaforma di messaggistica più comune ed utilizzata al mondo. Gestisce milioni di utenti attivi ed ha il potenziale per diventare la più efficace piattaforma di marketing e supporto ...

Read MoreCome creare un chatbot per Whatsapp con Xenioo

The post Come creare un chatbot per Whatsapp con Xenioo appeared first on Xenioo.

]]>
Dopo aver reso disponibile la creazione di chatbot per Telegram, noi del team di Xenioo ci siamo resi conto che mancava all’appello il supporto per la piattaforma di messaggistica più diffusa al mondo: Whatsapp (seriamente, diteci quanti di voi hanno continuamente richieste per fare chabot per Whatsapp?).

Whatsapp è in effetti la piattaforma di messaggistica più comune ed utilizzata al mondo. Gestisce milioni di utenti attivi ed ha il potenziale per diventare la più efficace piattaforma di marketing e supporto clienti.

In questo articolo vedremo come è possibile creare e pubblicare un chatbot completo e funzionante per Whatsapp utilizzando Xenioo.

Creare il chatbot

L’approccio alla creazione di chatbot con Xenioo può essere definito come “design first”(“progetta prima”).

Infatti, non è mai richiesta la selezione della piattaforma di destinazione fino al momento della pubblicazione. Questo implica che si può creare il chatbot una volta sola e pubblicarlo simultaneamente su diverse piattaforme.

Allo stesso tempo questo significa anche che è possibile creare parti di flusso e contenuti dinamici differenti in base alla piattaforma sulla quale il chatbot verrà eseguito.

Non ci sono limiti al numero di casistiche che è possibile costruire.

Fantastico, vero? Questa modalità di progettazione vi consentira di pensare fin da subito al business model del vostro chatbot e solo successivamente effettuare gli adattamenti necessasari e specifici per ogni canale che vorrete supportare.

Cosa fare e cosa non fare

Canali differenti supportanto tipologie di contenuti differenti ed in modi differenti.

Whatsapp è una piattaforma prevalentemente basata su chat testuale e supporta un numero inferiore di funzionalità rispetto ad altre piattaforme come Telegram oppure Facebook Messenger.

Per esempio, Whatsapp non supporta alcuni elementi tipici dei chatbot, come bottoni, caroselli e liste. Questi elementi, se inseriti in un chatbot Xenioo, verranno visualizzati correttamente quando il chatbot verrà usato per esempio su Telegram, ma verranno nascosti nella conversazione su Whatsapp.

Per evitare che durante la progettazione si utilizzino dei componenti non supportati da questo o quell’altra piattaforma, dovrete dare un occhio alle piccole icone che troverete in alto a destra del pannello di configurazione di ogni azione: è sufficiente posizionarsi sopra l’icona con il mouse per poter vedere una descrizione dettagliata del supporto per quella piattaforma specifica.

Come avrete notato, alcune icone sono rosse mentre altre sono arancioni. L’icona rossa indica che l’azione non è supportata dalla piattaforma, mentre l’icona arancione indica che ci sono alcune limitazioni o comportamenti diversi.

Tenete presente che tutte le azioni “non visuali” di Xenioo, come quelle per le integrazioni o la NLP, sono perfettamente supportate da ogni canale senza limitazioni, Whatsapp compreso.

Pubblicare il chatbot su Whatsapp

Quando il vostro chatbot sarà pronto per essere pubblicato, potrete procedere con la fase di attivazione del canale Whatsapp.

Come potete vedere dall’immagine sottostante, la configuarazione del canale è piuttosto semplice.

Vediamo nel dettaglio cosa significa e come impostare ogni campo della configurazione del canale Whatsapp.

1) Service Provider

Xenioo supporta Whatsapp attarverso l’utilizzo di fornitori esterni del servizio (Service Provider). Questa lista verrà aggiornata da Xenioo periodicamente per integrare nuovi fornitori oppure nel momento del rilascio delle API ufficiali di Whatsapp. In quest’ultimo caso, Whatsapp sarà integrato nativamente con Xenioo.

La connessione tra Xenioo ed i Service Provier è completamente trasparente verso chi utilizza la piattaforma ed è possibile cambiare da un fornitore all’altro senza ripercussioni sulle funzionalità del chatbot.

Al momento Xenioo supporta i fornitori elencati nella tabella sottostante.

Ogni fornitore offre differenti vantaggi a costi diversi. La tabella sottostante mostra un breve riassunto delle caratteristiche offerte da ciascuno dei fornitori supportati.

Provider di API WhatsApp “non ufficiali”

FornitoreNumero TelefonicoIntegrazioneTraffico
CHAT-APIUtilizza il numero di telefono dell’utente. Attraverso WhatsApp Desktop. Si integra attraverso il QR standard che è possibile scansionare dal telefono. Medium/Low
MAYTAPIUtilizza il numero di telefono dell’utente. Attraverso WhatsApp Desktop. Si integra attraverso il QR standard che è possibile scansionare dal telefono. Medium/Low
WassengerUtilizza il numero di telefono dell’utente. Attraverso WhatsApp Desktop. Si integra attraverso il QR standard che è possibile scansionare dal telefono. Medium/Low
WaboxappUtilizza il numero di telefono dell’utente. Attraverso WhatsApp Desktop. Richiede l’utilizzo di uno specifico plugin per Chrome ed il collegamento continuo del telefono al WhatsApp Web su un proprio PC.Medium/Low

Fornitori di API WhatsApp Business

FornitoreNumero TelefonicoIntegrazioneTraffico
KaleyraUtilizza uno o più numeri di telefono dell’utente.Nessuna integrazione. Il processo include l’approvazione del numero da parte di Facebook.Medium/Very High
MessengerPeople Dinamico. Non è richiesto un numero di telefono dell’utente. Può scalare su molteplici numeri telefonici. Nessuna integrazione. Nessun telefono proprio richiesto. Medium/High
Twilio Dinamico con numero fornito. E’ possibile selezionare un prefisso specifico per il proprio paese. Può scalare indefinitamente. Nessuna integrazione. Nessun telefono proprio richiesto. Medium/Very High

Nella scelta del provider sarà necessaria la valutazione dei costi e delle funzionalità che ogni Service Provider mette a disposizione.

Maggiori dettagli riguardo l’uso e la configurazione dei Service Provider di Whatsapp nella nostra guida online.

I Service Provider sono servizi indipendenti da Xenioo e con la quale Xenioo si integra per supportare l’esecuzione dei chatbot su Whatsapp. Il team di Xenioo è disponibile per aiutarvi nella selezione del Service Provider adatto per il vostro chatbot.

2) Sender Phone Number

Questo è il numero di telefono associato con il vostro chatbot.

Non tutti i Service Provider hanno bisogno di questo numero, quindi impostatelo unicamente se è richiesto dallo specifico servizio che state utilizzando.

Xenioo escluderà ogni messaggio in arrivo che non sia diretto al numero specificato in Sender Phone Number, quindi è importante verificare che questo numero corrisponda esattamente al numero che il Service Provider visualizza nella propria pagina di configurazione come “integrated” oppure “connected”.

L’errata configurazione del Send Phone Number comporta una mancata ricezione dei messaggi e della conversazione del chatbot (non utilizzate caratteri come + oppure / per spezzare il numero, se questo non lo sta facendo il Service Provider).

3) API Key

Questo è la specifica chiave API del Service Provider selezionato.

Deve essere recuperata dal pannello di configurazione del Service Provider e copiata in questo campo.

E’ tramite questa chiave che si crea il collegamento tra Xenioo ed il Service Provider selezionato, e quindi dovrete essere sicuri di impostare esattamente tale valore.

4) Hook Url

Questo valore lo troverete già valorizzato e corrisponde all’URL Xenioo da impostare nel pannello di configurazione del Service Provider, ove richiesto.

Questo URL consente di creare il “ponte” tra il Service Provider selezionato e Xenioo ed è dove il Service Provider invierà in tempo reale tutti gli aggiornamenti per ogni messaggio spedito tramite Whatsapp.

Includere ed escludere numeri

Alcuni dei Serivce Provider supportati da Xenioo sono pienamente capaci di integrarsi direttamente con un vostro numero telefonico.

Questo è molto comodo perchè vi permetterà di non dover gestire un nuovo numero telefonico potendo riutilizzare viceversa un numero che già si possiede (potrebbe essere per esempio il caso in cui già si disponga di un numero per il supporto clienti che non si vuole cambiare).

D’altro canto potrebbe essere un problema se non si vuole che Xenioo prenda il controllo totale, grazie al chatbot, di qualsiasi conversazione avvenga su quel numero.

Per aiutarvi a gestire questa situazione, in Xenioo è stata aggiunta una comoda ed utilissima funzionalità che permette di configurare i numeri telefonici da includere oppure escludere.
E’ possibile specificare numeri completi oppure parziali utilizzando wildcars, come per esempio 0389* per indicare tutti i numeri che iniziano con 0389.

Per esempio, i numeri configurati come “da escludere” non faranno mai partire il chatbot associato vostro numero.

Gestire le conversazioni

Come per tutti gli altri canali supportati da Xenioo, anche ogni conversazione Whatsapp sarà resa disponibile all’interno della sezione Conversation del chatbot e sarà pienamente controllabile da voi o dal vostro team.

In ogni momento sarà possibile prendere in consegna (Take Over) la conversazione per poter chattare direttamente con l’utente dall’interfaccia di Xenioo.

Nel caso di chatbot per il supporto clienti oppure assistenza alle vendite, non è raro infatti dover intervenire direttamente con un operatore umano per sbloccare situazioni di stallo o aiutare in modo più preciso gli utenti in difficoltà.

Potenzia il tuo chatbot Whatsapp con Xenioo Forms

Xenioo Forms è una nuova funzionalità disponibile su Xenioo che consente la creazione di moduli di inserimento dati completamente personalizzabili.

Puoi utilizzare Xenioo Forms per rendere il tuo chatbot più semplice ed intuitivo, garantendo una esperienza di conversazione sempre migliore e coinvolgente.

Nel video seguente puoi vedere un esempio di come è possibile utilizzare Xenioo Forms per aggiungere la richiesta di feedback all’interno di un chatbot Whatsapp.

YouTube Video

Allora, siete pronti a pubblicare il vostro primo chatbot per Whatsapp? Create ora il vostro account gratuito su Xenioo!

The post Come creare un chatbot per Whatsapp con Xenioo appeared first on Xenioo.

]]>
/come-creare-un-chatbot-per-whatsapp-con-xenioo/feed/ 0
8 Awesome Custom Styles For Your WebSite Chatbot /8-awesome-custom-styles-website-chatbot/ /8-awesome-custom-styles-website-chatbot/#respond Fri, 10 Apr 2020 09:08:40 +0000 /?p=2719 A Website Chatbot has now become a staple of each and every modern home page. From serious corporate web pages to more stylish and graphical personal or small business pages, the small icon at the bottom right (or left!) has become a given. Whether you prefer a more direct, operator-to-person chat, whether you choose a more automated approach, doing a web page today means basically having a chat area somewhere. Today designers struggle with their generic chat platform basic colors ...

Read More8 Awesome Custom Styles For Your WebSite Chatbot

The post 8 Awesome Custom Styles For Your WebSite Chatbot appeared first on Xenioo.

]]>
A Website Chatbot has now become a staple of each and every modern home page. From serious corporate web pages to more stylish and graphical personal or small business pages, the small icon at the bottom right (or left!) has become a given.

Whether you prefer a more direct, operator-to-person chat, whether you choose a more automated approach, doing a web page today means basically having a chat area somewhere. Today designers struggle with their generic chat platform basic colors and limited layout configurations and your web chat usually ends up looking like an afterthought at best.

Luckily for you, Xenioo offers both a UI configuration interface and the ability to go deeper, allowing full layout customization of each and every component.

What you’re going to see next are some examples of how you can completely redesign the Xenioo web interface to fit with a number of different web layouts. All the example style sheets are supplied for free! Look out for the full link at the end of the article.

Let’s look at some website chatbot layouts

1. Dark

website chatbot

Dark mode themes are definitely the flavor of the day and creating this kind of layout with Xenioo is super easy. The main elements here follow the general website prominent colors giving your chatbot area a stylish lookout.

2. Ice Cream

website chatbot

Xenioo web chat is not limited to the classic button-chat-area setup but can be quickly deployed as a full page or attached to a very specific area of your page. Our sample page shows a very nuanced theme that can be easily embedded in colorful commerce or portfolio page.

Whether you prefer a more direct, operator-to-person chat, whether you choose a more automated approach, doing a web page today means basically having a chat area somewhere.

3. Seaside

website chatbot

When your website relies heavily on imaging and multiple product areas the best approach to a chat zone may be to let the user see through it all. Seaside does exactly that. By eliminating the full frame of the chat and giving a full page transparent block to your chat, this theme will blend into your page seamlessly.

4. Skin

website chatbot

Again, with Xenioo you can choose wherever your chat needs to be: you are in full control of everything. This example style embeds your chatbot in a classy portfolio page that will both surprise and please your visitors. The chatbot lives in a vertical, nearly central band that can nicely replace any feedback form.

Also, they have that attraction factor that will lead to an increase in contact requests!

5. Dark Detached

dark detached

Dark themes can be perfect on full white pages too. By correctly balancing the website accent colors you get a reader-friendly and stylish panel. Using the full power of Xenioo styles we also detach the chat area from the user message are giving a nice general color break.

6. First Contact

first contact

Contact us forms are so 2018. Chatbots allow for far greater flexibility, can be easily integrated and already collect all the info you want in a more friendly way. Also, they have that attraction factor that will lead to an increase in contact requests!

7. Flat

Flat

Is your website leaning toward stylized shapes and flat layout? Yes? Then this is the style for you. Based on the typical flat layout, this style removes all of the round corners and aliased shapes giving each block greater importance.

Dark mode themes are definitely the flavor of the day.

8. Agency

website chatbot

Do you build chatbots or resell chatbot services? You should definitely get in touch with us. In the meanwhile, this embedded chat theme should give you a great idea on how to embed a window-less chatbot directly into your landing page.

Ready to unleash your website chatbot inner designer?

Great! You can start by downloading all the Xenioo style sheets you’ve seen on this article for free. You’re completely free to use them on your website, modify them and add new content.

Questions? Doubts? Be sure to join our ever-growing group @ Facebook

Credits

Some of the awesome themes we have used to showcase our Xenioo layouts here have been created by talented designers and are currently available for purchase from their respective creators. You can find all the direct links below:

The post 8 Awesome Custom Styles For Your WebSite Chatbot appeared first on Xenioo.

]]>
/8-awesome-custom-styles-website-chatbot/feed/ 0
Creare Un Chatbot Che Risponde A Chiamate Telefoniche /creare-un-chatbot-che-risponde-a-chiamate-telefoniche/ /creare-un-chatbot-che-risponde-a-chiamate-telefoniche/#respond Thu, 19 Sep 2019 10:15:29 +0000 https://wp-it.xenioo.com/?p=2102 Ti piacerebbe creare un chatbot in grado di interagire e dare supporto ai tuoi clienti via telefono? Continua a leggere e scopri come è possibile farlo con Xenioo!

The post Creare Un Chatbot Che Risponde A Chiamate Telefoniche appeared first on Xenioo.

]]>
Fino ad oggi, usando Xenioo siamo stati in grado di creare diverste tipologie di chatbot per diversi canali di messaggistica, nonchè offrire esperienze interattive vocali grazie al supporto per Amazon Alexa e Google Assistant.

In questo articolo vogliamo introdurre un nuovo canale in grado di integrare completamente il tuo chatbot, via voce, con una telefonata standard.

Ti piacerebbe creare un chatbot che sia in grado di interagire con i clienti che chiamano al telefono per chiedere informazioni oppure supporto?

Continua a leggere perchè è esattamente quello che ti spiegheremo in questo articolo.

Questo articolo descrive come utilizzare Twilio per attivare il tuo canale telefonico in lingua inglese. Se ti interessa attivare il tuo assistente virtuale su telefono anche in lingua italiana, è ora possibile grazie all’integrazione di Xenioo con VoxImplant! Scrivici a team@xenioo.com per ulteriori informazioni.

Il nuovo Phone Voice Channel

A partire da oggi, Xenioo supporta il nuovissimo canale Phone Voice Channel.

Questo nuovo canale ti permette di agganciare il tuo chatbot ad un numero telefonico attraverso l’integrazione con un provider telefonico.

Lo stesso chatbot che hai usato per raggiungere i tuoi clienti su Whatsapp, per esempio, è già pronto per diventare il tuo nuovo assistente virtuale telefonico!

Utilizzando lo stesso approccio utilizzato per i chatbot di Whatsapp, Xenioo ha creato un livello di integrazione efficiente e versatile che di fatto elimina qualsiasi preoccupazione derivante da modifiche o cambiamenti tecnologici delle piattaforme supportate.

Mentre il tuo lavoro deve essere quello focalizzarsi sulla realizzazione della miglior esperienza conversazionale possibile, noi continuiamo a lavorare per integrare i migliori providers all’interno di Xenioo.

Configurazione del Chatbot “telefonico”

Un chatbot telefonico è molto simile ad un tipico chatbot vocale: tutto si svolge tramite una conversazione in tempo reale dove non ci sono pulsanti, link ed altri tipi di indicatori visuali.

Per creare un primo chatbot pronto per essere configurato, puoi semplicemente partire seguendo le linee guida tipiche per la realizzazione di un chatbot Whatsapp oppure replicare gli esempi che abbiamo reso disponibili per Amazon Alexa e Google Assistant.

Una volta creato il chatbot, è necessario procedere alla configurazione del provider. Il provider è il fornitore del servizio vocale con cui Xenioo si integra. Attualmente, Xenioo supporta Twilio ed altri verrano messi a disposizione nei mesi successivi.

Configurare un nuovo account su Twilio è estremamente veloce e gratuito.

Dopo che hai creato il tuo account Twilio, puoi passare a configurare i dati di pubblicazione su Xenioo.

Clicca sul link Twilio Dashboard per visualizzare i dati globali del tuo account. In questa pagina potrai recuperare i valori di Account SID e Auth Token che dovranno essere copiati nei rispettivi campi presenti nella maschera di pubblicazione del canale Phone Voice Channel in Xenioo.

Testiamo il chatbot?

Ora che tutti i campi sono stati correttamente configurati, è sufficiente cliccare sul solito bottone “Publish” per pubblicare e dare vita al tuo chatbot.

Cosa succede dietro le quinte durante la pubblicazione?

Xenioo in automatico si connette al provider selezionato, nel nostro caso Twilio, e crea quello che noi chiamiamo “automated responder” basato sul flusso disegnato in Xenioo.

Il risponditore di Twilio si chiama Autopilot e dopo la pubblicazione potrai vedere nel tuo account Twilio un nuovo bot appena creato da Xenioo appositamente per te.

Fantastico, vero? A questo punto sei già in grado di testare il chatbot nel simulatore messo a disposizione dall’ Autopilot di Twilio in modo da cominciare a verificare come funziona la conversazione progettata con Xenioo.

Puoi andare avanti ed indietro tra il test vocale di Twilio ed il flusso disegnato su Xenioo (ri-pubblicando ogni modifica) fino a quando non pensi di aver ottenuto il risultato desiderato per il tuo chatbot.

Differentemente da come funziona con Alexa, il chatbot è in grado di ricevere il 100% di tutto il testo che è stato rilevato attraverso la conversazione telefonica. Questo significa che tutti i tipi di input sono supportati, e non solo le espressioni NLP.

Colleghiamo il chatbot ad un numero telefonico

Una volta soddisfatto della capacità conversazionale del chatbot appena costruito, sarà il momento di collegarlo finalmente ad un numero telefonico reale.

Per fare questo bisogna per prima cosa recuperare l’endpoint dell’ Autopilot: questo endpoint è necessario perchè specifica dove verrà rediretta tutta la conversazione che avviene sul numero telefonico che intendiamo utilizzare.

Clicca sul tuo Autopilot all’interno del tuo account Twilio, e poi su Channels. Nella lista dei canali, clicca ancora su Programmable Voice. Vedrai una pagina simile a quella mostrata nell’immagine seguente.

Copia il lungo url che trovi nel campo Voice Url perchè ti servirà da impostare nella configurazione del tuo numero di telefono. Da questa pagina devi semplicemente comprare un nuovo numero telefonico nella nazione di tua preferenza e settare il medesimo campo Voice Url incollando il valore precedentemente copiato.

Salva tutto ed il tuo assistente telefonico intelligente sarà pronto all’uso!

Infatti sarai già in grado di chiamare il numero che hai appena configurato e cominciare cosi a parlare con il tuo chatbot.

Drin!Drin! Pronto?

YouTube Video

Sei pronto a creare il tuo primo chatbot di supporto vocale telefonico? Non vediamo l’ora di vedere cosa riuscirai a fare utilizzando questo nostro nuovo canale!

Ricordati che puoi condividere la tua esperienza nella nostra community privata su Facebook oppure scrivere al nostro team per avere tutto il supporto tecnico che ti serve.

The post Creare Un Chatbot Che Risponde A Chiamate Telefoniche appeared first on Xenioo.

]]>
/creare-un-chatbot-che-risponde-a-chiamate-telefoniche/feed/ 0
Making your phone chatbot reply to costumers calls /making-your-chatbot-reply-to-phone-calls/ /making-your-chatbot-reply-to-phone-calls/#respond Tue, 17 Sep 2019 07:44:51 +0000 /?p=2346 Would you like to have your chatbot interact with customers calling via phone for information or support? Keep reading to learn how to do it with Xenioo!

The post Making your phone chatbot reply to costumers calls appeared first on Xenioo.

]]>
Until now, using Xenioo, you’ve been able to create awesome desktop or mobile-based chatbots as well as complex voice interactive experiences on both Alexa and Google Assistant.
Now we are introducing yet another channel capable of fully integrating your chatbot with a standard phone call.

Would you like to have your chatbot interact with calling customers for information or support?

Keep reading, that exactly what we’re going to do.

The Phone Voice Channel

Starting today, Xenioo supports a brand new Phone Voice Channel.

This new channel lets you integrate with a phone provider that can connect your chatbot to any number.

The very same chatbot you’ve used to reach your customers on WhatsApp? It’s already fine for becoming a phone assistant!

set up your phone bot voice channel

Using the very same approach used for WhatsApp chatbots, Xenioo has created an integration layer that removes all your worries about platform changes and technology shifts by providing a clear providers selection.

While you focus on creating the best conversational experience possible, we keep looking for the top service provider technologies.

Setting up your phone chatbot

A phone chatbot is very similar to a typical voice chatbot: everything happens in a real-time conversation where there is no buttons, link or any other type of visual cues.

Following the typical WhatsApp guidelines or Alexa and Google Assistant examples, you’ll create a chatbot fully ready to be configured.

After you’ve designed your chatbot, you need to set up a provider account. Currently, Xenioo supports Twilio as a provider, with more coming in the next months.

Setting up a Twilio account is fast and free.

Once you’ve created your Twilio account, you can configure the Xenioo publishing dialog. Click on the Twilio Dashboard link to display your account global data and from there, copy the Account SID and Auth Token values in the Xenioo Phone Voice Channel fields.

create a chatbot for phone

Testing your phone bot

Once all fields are set, click on the usual Publish button to bring your chatbot to life.

Behind the scenes, Xenioo will connect to your provider and automatically create an automated responder based on your design flow.
The Twilio responder is called Autopilot and after publishing, you will immediately see a new bot created for you. You don’t need to configure anything: Xenioo has done all the hard work for you.

That’s it! You can already test your chatbot in the Twilio Autopilot simulator and see how the conversation goes. You can go back and forth from voice testing to Xenioo design while you’re fine-tuning your flow until your chatbot is perfect.

Differently than Alexa, our chatbot is going to receive 100% of the text that is detected through the phone. This means that any type of input is supported, not just standard NLP expressions.

Attaching to a phone number

Once you’re satisfied with your chatbot conversational skills, you can proceed to attach it to a phone number.

In order to do so, you’ve first to get the Autopilot endpoint: we will need it to let our phone number know that everything goes to an endpoint.

Just click on your Autopilot bot and then click on Channels. In the list of channels, click on Programmable Voice. The page will display something similar to the picture below.

set the telephone number in your phone chatbot

Copy the long Url you see and move to your phone numbers configuration. From there all you need to do is just buy a phone number in the country you prefer and paste the Voice Url you just copied in the Telephone configuration field with the very same name.

Save everything and your phone assistant is ready!

You can already call the number you’ve just configured and have a chat with your bot!

Ring! Hello, it’s our phone chatbot!

YouTube Video

Are you ready to create your first real-time voice support bot? We’re looking forward to seeing what you can achieve using this brand new channel.

Remember to share your thoughts on our Facebook group or write to our team if you need any kind of support!

The post Making your phone chatbot reply to costumers calls appeared first on Xenioo.

]]>
/making-your-chatbot-reply-to-phone-calls/feed/ 0
Come Creare Una Skill Alexa Con Xenioo (Parte 2) /come-creare-una-skill-alexa-con-xenioo-parte-2/ /come-creare-una-skill-alexa-con-xenioo-parte-2/#respond Sun, 28 Jul 2019 10:59:00 +0000 https://wp-it.xenioo.com/?p=2085 Nella prima parte abbiamo esplorato i concetti di base che stanno dietro la creazione di una skill Alexa pienamente funzionante e realizzata utilizzando la piattaforma chatbot Xenioo. In questa seconda parte andremo a vedere nel dettaglio alcune funzionalità avanzate quali lo streaming audio, la gestione degli stati e l’account linking. Riproduzione audio Per inviare genericamente dell’ audio ad un dispositivo Alexa è possibile operare in due differenti modalità: attraverso l’invio di un piccolo campione, come per esempio un effetto sonoro, ...

Read MoreCome Creare Una Skill Alexa Con Xenioo (Parte 2)

The post Come Creare Una Skill Alexa Con Xenioo (Parte 2) appeared first on Xenioo.

]]>
Nella prima parte abbiamo esplorato i concetti di base che stanno dietro la creazione di una skill Alexa pienamente funzionante e realizzata utilizzando la piattaforma chatbot Xenioo.

In questa seconda parte andremo a vedere nel dettaglio alcune funzionalità avanzate quali lo streaming audio, la gestione degli stati e l’account linking.

Riproduzione audio

Per inviare genericamente dell’ audio ad un dispositivo Alexa è possibile operare in due differenti modalità: attraverso l’invio di un piccolo campione, come per esempio un effetto sonoro, oppure attraverso l’invio di una più lunga e complessa sorgente in streaming.

Entrame le opzioni possono essere usate insieme in una stessa skill, pur funzionando in modo completamente diverso.

Per l’invio di un piccolo campione audio è sufficiente aggiungere al chatbot una Audio Action, specificando la sorgente del file.

Lascia pure tutti i campi vuoti (non è necessario aggiungere ulteriori informazioni per il nostro scopo) e ricordati unicamente di settare il flag “Embed in speech encoding if available”.
Questo flag servirà a Xenioo per automaticamente creare il messaggio SSML audio necessario a riprodurre il tuo mp3 su Alexa.

Se l’audio è lungo (pensa per esempio ad una canzone oppure un podcast) e vorresti dare all’utente la possibilità di mettere in pausa, saltare avanti oppure fermare la riproduzione, è necessario procedere con la seconda opzione di cui abbiamo parlato precedentemente: l’ Audio Streaming.

Streaming audio

Per abilitare lo streaming dell’audio è necessario informare la skill di questa nuova abilità, abilitando l’uso dell’interfaccia Audio Player.

Questa interfaccia deve essere abilitata all’interno della propria Alexa Developer Console.

Non appena questa interfaccia viene abilitata, noterai che sono stati aggiunti automaticamente alcuni nuovi intenti alla skill.

Questo sono gli intenti che Alexa definisce per consentire la navigazione standard di una playlist: riproduci(play), prossimo(next), precedente(previous), fermati(stop) e pausa(pause).

Tutti questi intenti sono gestiti direttamente utilizzando la sezione di AI di Xenioo: è sufficiente abbinare ogni intento Xenioo con la chiave di intento nativa di Alexa, esattamente come abbiamo visto nella prima parte dell’articolo.

Xenioo costruirà automaticamente il modello corretto per gestire la riproduzione streaming dell’audio.

Se per caso stai costruendo una skill multilingua, assicurati di duplicare tutti gli intenti per ogni lingua che desideri supportare: Xenioo costruirà automaticamente il modello Alexa per ogni lingua.

Lavorare con gli eventi di Alexa

Un aspetto importante da considerare quando si lavora con l’audio su Alexa è come rispondere ai cambi di stato che possono avvenire durante lo streaming.

Alexa ci consente di sapere non solo quando lo streaming ha avuto inizio, ma anche quando sta per finire oppure è terminato.

Inoltre sel’utente ferma oppure mette in pausa, Alexa ci comunica l’esatta posizione in cui lo streamin è stato fermato e se la playlist necessita di essere impostata, rinnovata oppure cancellata.

Tutti questi eventi sono automaticamente gestiti dal Xenioo e rediretti al flusso del chatbot per poter essere gestiti nel modo più opportuno.

L’approccio di Xenioo è sempre lo stesso: rimuovere tutti le cose inutili dal flusso mantenendo allo stesso tempo il controllo su tutto.

Le azioni chiave in questo caso sono l’azione Control Device State e l’azione Device State Switch. Entrambe queste azioni riceveranno i cambi di stato dal dispositivo Alexa e potranno quindi essere usate per gestire il flusso di conseguenza.

Account Linking

La funzionalità di Account Linking implementa una serie di procedure che possono essere utilizzate per collegare (link) una Skill Alexa con uno specifica registrazione(account) presso un servizio di terze parti.

Per esempio, un utente potrebbe utilizzare la skill unicamente avendo una sottoscrizione attiva al servizio che la skill eroga.

Una volta che l’account linking è stato correttamente configurato e la skill è collegata al servizio, in Xenioo si avrà a disposizione una variabile alexa_account_link_token_variable, disponibile ovunque nel flusso, la quale identifica univocamente l’utente(utile per esempio per chiamare delle api del servizio autenticandosi come quell’utente).

Pubblicazione finale della skill

Dopo aver implementato una skill capace di fare streaming di contenuti audio con tutte le funzionalità come descritto nei paragrafi precedenti, siamo senza dubbio pronti per andare in produzione.

Xenioo ha passato al 100% tutte le verifiche di sicurezza richieste dai servizi Amazon ed è perfettamente adatto ad “ospitare” anche le skill più avanzate.

Stai costruendo una skill per streaming dei tuoi contenuti? Vorresti avere il tuo podcast disponibile in una skill Alexa?

Bene! Abbiamo già costruito un template completo e pronto da pubblicare che copre esattamente quanto abbiamo visto in questo articolo. E’ gratuito e disponibile all’interno del tuo account Xenioo!

Entra in Xenioo e comincia a lavorarci oggi stesso!

The post Come Creare Una Skill Alexa Con Xenioo (Parte 2) appeared first on Xenioo.

]]>
/come-creare-una-skill-alexa-con-xenioo-parte-2/feed/ 0
How to build an Alexa Skill With Xenioo (Part 2) /building-an-alexa-skill-with-xenioo-part-2/ /building-an-alexa-skill-with-xenioo-part-2/#respond Sat, 27 Jul 2019 16:59:09 +0000 /?p=2272 In our previous post, we’ve explored the basic concepts behind the creation of a fully functional Alexa skill with Xenioo. In this second part, we’re going to delve deeper in other parts of advanced skill creation approaching. We will see topics like streaming, state management, and live publishing. Playing audio Sending audio to an Alexa device can be done in two ways. You either send a small sample, like a sound effect, or you send a longer and more complex ...

Read MoreHow to build an Alexa Skill With Xenioo (Part 2)

The post How to build an Alexa Skill With Xenioo (Part 2) appeared first on Xenioo.

]]>
In our previous post, we’ve explored the basic concepts behind the creation of a fully functional Alexa skill with Xenioo.

In this second part, we’re going to delve deeper in other parts of advanced skill creation approaching. We will see topics like streaming, state management, and live publishing.

Playing audio

Sending audio to an Alexa device can be done in two ways. You either send a small sample, like a sound effect, or you send a longer and more complex streaming source.

The two options are not mutually exclusive but work very differently.

To send a small sample you can just add an Audio Action to your chatbot specifying the source file.

Leave all fields empty (as there’s no need for any additional information) and check the “Embed in speech encoding if available”.
This way Xenioo will automatically create an SSML audio message with your mp3.

If your audio is long (like for example a song or a podcast) and you also want to give the user the ability to pause, skip ahead or stop you have to go for the second option: audio streaming.

Epicentric is a full streaming platform supporting complex playlists and effects and so playing simple audio wasn’t enough for us.

Streaming your audio

To enable streaming you have first to let Alexa know that your skill will use the Audio Player interface.

This is done by enabling the interface inside the Alexa Developer Console.

alexa skill audio player

As soon as you enable this interface, you’ll notice that your intents are automatically expanded to support standard playlist navigation: play, previous, next, stop and pause.

alexa skill chatbot intents

All of these intents are managed directly using Xenioo AI: just match each intent with the built-in Alexa intent key like we’ve seen in our previous post and Xenioo will automatically build the correct model to manage your player.

If you are building a multi-language skill, make sure to clone all intents in each language you want.

Xenioo will then automatically build an Alexa model for each language.

Working with Alexa States

Another important aspect of working with Alexa audio is responding to state changes during streaming.

Alexa will not only let you know that the audio has started but also when it is nearly finished and when it’s over. When the user stops or pause Alexa will let you know at exactly what position it was stopped and if the playlist needs to be set, renewed or cleared.

All of these events are automatically managed by Xenioo and redirect to your flow so that your chat can act accordingly. The usual approach is still here: remove all the nuisances from your workflow while keeping you in control of everything.

alexa skill chatbot flow

The key actions here are the Control Device State action and the Device State Switch Action. Both these actions will receive a state change from an Alexa device. They can be used to manage your flow accordingly.

Account Linking

Account Linking describes a set of procedures that can be used to link an Alexa skill to a specific account. For example, your user may be using your Alexa skill only with an active subscription to your service.

Once you’ve set up the account linking procedure for your application, you can use the alexa_account_link_token variable anywhere in your flow to identify (or login using your own API) your user.

Please note that although mainly static, the Alexa user-id value may be subject to sudden changes. Do not rely on this value to uniquely identify a user.

Final Publish

After implementing a full streaming skill with all the features we wanted, we are now ready to go live.

Xenioo is currently passing 100% of the routine security checks done by Amazon services. It is perfectly suitable for hosting your most advanced skills.

Building streaming skill? Want to have your own Podcast skill on Alexa? We already built a complete production-ready template covering all we’ve seen in this post for free!

Just join Xenioo and add it to your chatbots collection!

The post How to build an Alexa Skill With Xenioo (Part 2) appeared first on Xenioo.

]]>
/building-an-alexa-skill-with-xenioo-part-2/feed/ 0
Usare un database Firebase in un chatbot /usare-un-database-firebase-in-un-chatbot/ /usare-un-database-firebase-in-un-chatbot/#respond Tue, 16 Apr 2019 08:58:12 +0000 https://wp-it.xenioo.com/?p=2019 In questo articolo andremo ad imparare come costruire un chatbot completamente dinamico, capace di estrarre e aggiornare dati in tempo reale da un database online usando Xenioo, Firebase e senza scrivere una sola riga di codice.

The post Usare un database Firebase in un chatbot appeared first on Xenioo.

]]>
In un nostro precedente articolo avevamo esplorarato come realizzare un chatbot completamente dinamico utilizzando dati letti da una fonte online, in quel caso si trattava di Sheetlabs.

In molti casi questo però non è sufficiente ed abbiamo bisogno della potenza di un vero e completo motore di database nel cloud.

In questo articolo vi faremo vedere come costruire un chatbot Xenioo integrando Firebase, la piattaforma Google che fornisce database e backend “as a service”.

La nuova integrazione Xenioo – Firebase

Firebase è la famosa piattaforma Google che fornisce un motore di database completamente online fruibile attraverso API restful.

Firebase offre un piano gratuito che è più che sufficiente per piccoli o medi scenari di utilizzo e consente di scalare progressivamente per gestire milioni di richieste.

Xenioo, in uno dei suoi ultimi aggiornamenti, ha introdotto l’integrazione nativa con Firebase, sia a livello di azioni che di scripting: andiamo subito a vedere come funziona!

Prima di tutto è necessario registrarsi per aprire un proprio account. Lo possiamo creare gratis da https://firebase.google.com/ seguendo tutta la procedura di registrazione. Se avete già un account Google attivo, il tutto risulterà ulteriormente rapido.

Dopo la registrazione, sarete pronti per creare il vostro primo progetto di database. Date un nome al progetto, accettate i termini del servizio e cliccate su Create.

Per il prototipo di questo articolo chiameremo il progetto XeniooIsAwesome.

Creiamo il Service Account

Dopo qualche secondo, il nosro nuovo database nel cloud sarà pronto.

Dobbiamo ora creare le informazioni di connessione che dovremo successivamente indicare in Xenioo.

Per creare una Firebase Admin Key, clicchiamo sulla piccolo ingranaggio in alto a sinistra e vicino a “Project Overview”, e poi clicchiamo su “Project Setings” e ancora sul tab “Service Account” (vedi figura qui sotto).

In fondo alla pagina dovrete ora cliccare il botton “Generate new private key”. Questo genererà un file JSON che conterrà le informazioni relative al vostro servizio di database appena creato: tenete questo file al sicuro in quanto vi servirà poi successivamente.

Creaiamo il database

Dopo aver creato il Service Account, cioè la nostra connessione privata con Firebase, siamo pronti per creare il nostro database. Lo faremo muovendoci nella sezione “Database”.

Clicchiamo sul bottone “Create Database” e Firebase creerà il databae per conto nostro.

A questo punto è doverosa una piccola precisazione. Come la maggior parte dei database online e di ultima generazione, Firebase è un database di tipo documentale e non relazionale.

Questo significa che non si avrà a che fare con tabelle a schema predefinito, come tipico per esempio in database come Sql Server oppure MySql.
In Firebase i dati sono memorizzati in collezioni che possono contenere un numero differente di oggetti (righe, se vogliamo usare un termine di paragone con la classica tabella del database relazionale) i quali possono avere ciascuno campi differenti.

Inizialmente questo potrà sembrare complesso, ma vederete con il tempo e la pratica come questo tipo di struttura permetterà di gestire con più flessibilità i dati che vorrete gestire all’interno del vostro chatbot.

Quello che faremo ora è ricreare la stessa tabella di colori che abbiamo usato in passato. Chiameremo quindi la nostra prima collection “Colors”.

Confermata la creazione della collection, siamo pronti per aggiungerci nuovi documenti all’interno.

Firebase fornisce un editor real-time molto ben fatto che rende molto semplice aggiungere e gestire dati all’intenro delle collection.

Aggiungiamo alcuni colori di esempio alla collection così da poterli poi utilizzare in Xenioo.

Quando siamo soddisfatti con i dati che abbiamo inserito, possiamo lasciare Firebase e tornare alla creazione del chatbot in Xenioo.

Faremo essenzialmente quanto già avevo visto nel chatbot dinamico per Whatsapp, ma con alcune interessanti modifiche.

Costruiamo il chatbot

La prima cosa che il nostro chatbot dovrà fare è mostrare agli utenti la lista dei possibili colori da selezionare, leggendo i colori dal database Firebase appena creato.

Per fare questo useremo l’azione Firebase Document, da inserire come prima azione nell’interazione di partenza.

I campi per configurare l’azione sono abbastanza esplicativi. Ricordatevi di fare copia e incolla del JSON generato precedentemente nel vostro account Firebase nel campo Firebase Account JSON dell’azione.

L’azione Firebase Document cosi configurata permetterà a Xenioo di connettersi automaticamente al vostro database Firebase per recuperare (comando LIST) l’elenco degli oggetti dalla collection Colors.

Ogni oggetto recuperato da Xenioo rispecchierà esattamente il modello dati creato nella collection su Firebase. Nel nostro esempio, il JSON risultante sarà qualcosa di simile all’immagine seguente:

Con questi dati recuperati, vogliamo che il chatbot mostri all’utente una serie di bottoni per ciascun colore in modo da permettere all’utente di selezionarne uno.

Abbiamo molteplici modi per fare questo con Xenioo, ma questa volta opteremo per la via più semplice. Sfrutteremo infatti capacità di Xenioo di tradurre le variabili al volo, caratteristiche che funziona anche con oggetti JSON come quellio appena recuperato da Firebase.

Aggiungiamo quindi una azione Quick Reply Array e, per i bottoni che vogliamo visualizzare, andremo a scrivere la variabile referenziando direttamente la proprietà colore in base alla posizione nell’array JSON.

Xenioo automaticamente sostituirà ogni riga {{ }} con il valore dell’oggetto, estraendone il valore della proprietà Color per la posizione nell’array come specificato.

Il risultato finale sarà che abbiamo costruito un chatbot a scelta dinamica e multipla basata su Firebase e senza scrivere una sola riga di codice!

Ovviamente, dovrete adattare il vostro array di bottoni in base alle opzioni che prevedete di visualizzare e gestire. Abbiamo già descritto come fare in uno dei nostri articoli precedenti utilizzando alcune righe di Xenioo cloud scripting.

Aggiungiamo dati nel database dal chatbot

Quello che potrebbe succedere prima o poi è l’esigenza di dover inserire o modificare il nostro database Firebase.

Potrebbe essere per registrare statistiche relative agli utenti, piuttosto che il tracking di azioni specifiche o ancora opzioni e settaggi da riutilizzare in conversazioni successive.

La buona notizia è che la stessa azione Firebase Document che abbiamo usato per leggere i dati, la possiamo confiugurare anche per inseririmenti ed aggiornamenti.

Riprendendo il nostro bot di esempio, vogliamo che l’utente possa indicare un colore personalizzato non presente in lista. E che questo colore venga poi inserito nel nostro database online.

Aggiungeremo quindi una nuova voce “Custom” nell’azione Quick Reply Array ed andremo a gestire la richiesta del colore personalizzato tramite l’azione Input Action.

La magia accade nella stessa azione che abbiamo usato precedentemente per leggere i colori.

L’unica differenza è che ora l’azione sarà configurata per gestire il comando CREATE e non LIST. Inoltre andremo a specificare il JSON dell’oggetto da inserire nel campo Document Payload.

Ecco nell’immagine seguente come andremo dinamicamente a specificare il nuovo colore da inserire tramite la variabile {{ custom color }} valorizzata dall’azione di Input.

E questo è tutto!

Se il nostro utente deciderà di selezionare un nuovo colore, questo verrà aggiunto alla collection Colors del nostro database Firebase e sarà disponibile per essere usato nel modo voluto.

Ancora, abbiamo appena costruito un chatbot a contenuto dinamico capace di estrarre e aggiornare dati in tempo reale da un database online, senza scrivere una sola riga di codice.

Ma, se volessi scrivere codice?

Certamente che potete! Infatti Firebase è strettamente integrato anche con l’azione Cloud Scripting di Xenioo.

Xenioo permette di accedere al database online via script, semplicemente ottenendo una referenza “live” al database in modo da poterlo usare direttamente per leggere e scrivere dati.

Il nostro esempio precedente potrebbe essere riprogettato utilizzando il codice seguente.

Meglio ancora, questo codice non usa gli indici per accedere e generare i bottoni ed è invece completamente dinamico: provate ad aggiungere nuovi colori all’oggetto db e vedrete come nuovi bottoni verranno visualizzati una volta fatta la preview del chatbot.

Come per tutte le nostre altre referenze tecniche, potete verificare sulle nostre pagine GitHub la lista compleata dei metodi Firebase disponibili con lo scripting.

Riassumendo

Il chatbot di esempio mostrato in questo articolo lo potete trovare qui. Scaricatelo ed importatelo nel vostro account Xenioo per provarlo, modificarlo o usarlo come punto di partenza per i vostri chatbot.

Non vediamo l’ora di sapere come e quanto vi spingerete oltre nell’utilizzare questa funzionalità per realizzare chatbot sempre più dinamici e capaci.

The post Usare un database Firebase in un chatbot appeared first on Xenioo.

]]>
/usare-un-database-firebase-in-un-chatbot/feed/ 0
How to make a Firebase chatbot using cloud data without code /firebase-chusing-firebase-cloud-data-without-code/ /firebase-chusing-firebase-cloud-data-without-code/#respond Mon, 15 Apr 2019 16:22:15 +0000 /?p=2195 In this articole we are going to learn how to build a dynamic data based chatbot capable of extracting and updating data in real-time from online database using Xenioo, Firebase and no single line of code.

The post How to make a Firebase chatbot using cloud data without code appeared first on Xenioo.

]]>
In our previous articles, we’ve already explored how we could use basic cloud data to create a completely dynamic chatbot. For many cases, it may prove to be enough but sometimes we just need the power of a full-fledged cloud database engine. That’ why we made this article to talk about how to build a Firebase chatbot capable of extracting and updating data in real-time using Xenioo and no single line of code.

firebase chatbot example

Enter Firebase Integration

Firebase is a well-known cloud-based database engine with a very generous free tier and a scaling that can easily handle millions of requests.

Our latest Xenioo update added full Firebase integration for both actions and scripting: let’s see how it all works!

First of all, we need to signup to for a new Firebase account. This can be done for free starting at https://firebase.google.com/ and following the signup procedure. If you already have a google account it will be quite fast.

After signup, you’re ready to create your first database project. Give it a name you like, accept the terms and click on Create.

For this article I’ll just go ahead and call my project XeniooIsAwesome.

firebase integration

Creating a service account

After a short while, your brand new cloud database will be ready.

What we need to do now is create an admin connection information that we can give to Xenioo.

To create a Firebase admin key, click on the small gear near “Project Overview” then click on “Project Settings”. After that, click on the “Service Accounts” tab.
On the bottom of the page, click on “Generate new private key”. This will generate a service account JSON file: keep this file somewhere safe as we will need it later.

create firebase account

Creating a database for your Firebase Chatbot

Once you’re done creating your service account, it is time to move to the “Database” section and create your first database.

Just click on the “Create Database” button and Firebase will create everything for you.

Now note that Firebase, like most cloud based and many of the last generation engines is a document/property based storage engine.

This means that you don’t really have a standard Table and Schema approach. Data is instead stored in collections that can contain a number of different objects (rows, if you want to use the table concept) that can all have multiple different fields.

This may sound confusing initially but it will become clear very quickly and gives you a lot more space to your chatbot and data to grow and adapt according to your requirements.

create firebase databse

Firebase new version

Some times after this article was initially published, Firebase updated his offer with two different databases engines: Cloud Firestore and Realtime Database. This article is focusing on Cloud Firestore integration.

We have already used the colors approach in the past. Let’s use it here too: we can call our first collection “Colors”.

Confirm the creation of your new collection and you’re ready to add new documents. Firebase has a very nice realtime editor that makes it very easy to add some sample data.

I’ll just add some color examples to my collection so that I can later use them in Xenioo.

Once you’re happy with your data, we are ready to leave our database console and move to our chatbot creation. We will be doing something similar to our previous dynamic WhatsApp chatbot but with some interesting twists.

Let’s build the Firebase Chatbot

With our database created, we’re now ready to start building our chatbot.

What we’re going to do at first, is showing the user the list of possible colors as options. To do so, we will start adding our Firebase Chatbot integration action at the very start of our chatbot.

The required fields are quite simple. Just remember to copy and paste your service account JSON in the Firebase Account JSON field on top.

With the above action, Xenioo will automatically connect to our Firebase instance and retrieve (LIST) every object in our Colors collection.

Each item retrieved by Xenioo will reflect the model of your Firebase collection. In our example the resulting JSON would be something like the following:

We want to present our users with a simple set of buttons to allow them to pick their favorite color.

We’ve multiple ways to do that (as it is often with Xenioo) but this time we’re going for the easiest using the power of Xenioo in-place variable translation which works even with JSON models.

We add a new Quick Reply Array action and, for the buttons we want, we just write our variables making a direct reference to array position and property. Much like we would be when working with live object models.

What happens automatically for you is that Xenioo will replace each placeholder in the text with a direct translation of your object, extracting the items at each position and using the Color property.

As a result, you’ve just built a Firebase based multiple choice chatbot without writing a line of code!

manage your firebase chatbot from the visual builder

Of course, as options grow or shrink you would need to adapt your buttons array. But we’ve already covered the fully dynamic chatbot version with just a couple of lines of Xenioo cloud scripting.

Adding new database objects from your Firebase Chatbot

What you’ll need to do at some point will surely be to insert or update existing database objects.

It may be some user-related statistics as well as some kind of order tracking or options saving system that you may need to retrieve later.

The good news is that the very same action we’ve just used can be configured for every need.

Continuing our example, we will allow our user to pick a custom color and tell it to us. After that, we will add the color to our database.

So we just add a new, Custom entry in our buttons array and manage the custom color with a standard Input action.

firebase chatbot flow

The magic happens in the same action we used at the beginning.

The only difference is that now the action is performing a CREATE and not a LIST. Also, we’re adding our object/document directly in our JSON payload.

Note how we specify the color value using the very same variable we’ve just used in our input action.

And that’s it!

As our user tell us a new favorite color, the new object is added to our database and we can use it in any other way we want.

We’ve just made a dynamic cloud data based chatbot capable of extracting and updating data in real-time. And still, not a single line of code.

Ok, but I like code

Sure, we all do! That’s why Firebase is also deeply integrated into Xenioo cloud scripting!

Now, wherever you need to access your database from any script you can just get a living reference of your database and use that directly from code.

We can translate our previuos example into the following code. Better yet, this example does not use direct indexes and is truly fully dynamic: just try adding a new color to the db object and see a brand new button as soon as you preview.

if you like coding your Firebase chatbot you can do it too

As with all our reference, you can check the full list of firebase database methods here where all the other scripting reference is constantly updated.

Build Anything

You’re welcome to try our example chatbot inside your account and let us know what you think.

We’re looking forward to seeing how you’re going to push also this feature to the extreme with dynamic, data-driven and capable chatbots.

The post How to make a Firebase chatbot using cloud data without code appeared first on Xenioo.

]]>
/firebase-chusing-firebase-cloud-data-without-code/feed/ 0