20.7 Collegare il chatbot a Facebook Messenger

In questo esercizio utilizzerai il sito desktop Facebook per collegare il chatbot a Facebook Messenger, quindi avrai bisogno di accedere a un account Facebook.

20.7.1 Creare una pagina Facebook

Una volta effettuato l'accesso al tuo account Facebook, seleziona + in alto a destra nella schermata.

Verrà visualizzata una Crea elenco a discesa con diverse opzioni.

Seleziona Pagina.

Ora avrai la possibilità di iniziare a compilare le informazioni di pagina, ad esempio Nome pagina, Categoria, Descrizione e così via. Compila questi campi nel modo che ritieni appropriato, ma in questo esempio abbiamo utilizzato quanto segue:

Fai clic una volta completato Crea pagina.

Ora potrai aggiungere un’immagine del profilo e una foto di copertina nelle opzioni a sinistra. Sentiti libero di farlo, ma questo è facoltativo.

Una volta soddisfatti i dettagli della pagina, fai clic su Salva.

Verrà ora visualizzata la pagina Facebook completa. Continua ad aggiornare e modificare la tua nuova pagina Facebook come ritieni opportuno, ma ai fini di questa esercitazione proseguiremo la configurazione del bot di chat…

20.7.2 Configura la messaggistica avanzata nella pagina Facebook

Nella home page della pagina Facebook appena creata viene visualizzato un elenco di opzioni sul lato sinistro dello schermo.

Seleziona Impostazioni pagina nella parte inferiore delle opzioni.

Qui si può trascorrere molto tempo a configurare la pagina Facebook come si ritiene opportuno, ma per gli scopi del tutorial si procederà alla configurazione del bot di chat.

Seleziona Messaggistica avanzata.

Scorri fino a Impostazioni generali > App collegate. non verrà visualizzata alcuna app connessa. Qui è dove Stackchat sarà elencato una volta che colleghiamo il nostro chatbot all'interfaccia utente Stackchat.

20.7.3 Connetti Stackchat a Facebook Messenger

Ora che la tua pagina Facebook è stata creata, dobbiamo concedere l’autorizzazione Stackchat per gestire i messaggi che vengono inviati alla pagina. Porta il tuo Bot Luma in Stackchat Studio e fai clic su Integrazioni dal menu bot.

Fai clic sul pulsante Aggiungi integrazione in alto a destra e seleziona Facebook Messenger.

Fai clic sul pulsante Gestire le autorizzazioni di Facebook pulsante .

Dovresti visualizzare una finestra modale di accesso di Facebook. In caso contrario, il browser potrebbe aver bloccato la finestra a comparsa modale. Controlla se ci sono avvisi e concedi l'autorizzazione per Stackchat di lanciare popups. Accedi al tuo account Facebook.

Seleziona tutte le pagine a cui desideri collegare un chatbot. Stackchat ricorderà queste pagine e ti darà la possibilità di selezionarle da un elenco. Hit Successivo quando hai selezionato le pagine.

Lascia immutate queste autorizzazioni. Basta premere il tasto Fine quindi il pulsante Ok pulsante .

Il modale verrà chiuso e ora puoi selezionare la pagina Facebook a cui desideri collegare il chatbot.

Hit Aggiungi integrazione e hai finito!

20.7.4 Verificare l’integrazione

Per iniziare la demo, accedi a Facebook e passa alla pagina Facebook creata nei passaggi precedenti. Per questa esercitazione utilizzeremo la nostra Retail Luma pagina demo.

Poiché sei amministratore di questa pagina, premi il pulsante Visualizza come visitatore pulsante .

Questo modificherà la visualizzazione e presenterà la pagina come se fossi un cliente

Premere Invia messaggio in alto a destra

Questo aprirà il chatbot, che ora è alimentato da Stackchat. La prima volta che apri la chat bot ti informerà che una volta selezionato Introduzione Luma Retail visualizzerà le tue informazioni pubbliche

Seleziona Introduzione.

Quando il chatbot si avvia, viene visualizzato un messaggio di benvenuto. Segui il flusso "Ho bisogno di idee", come abbiamo fatto sul Web Messenger nella sezione precedente, per verificare che la conversazione venga visualizzata correttamente.

Ora vedrai Luma Bot condividere il collegamento alle sue politiche e chiede il consenso. CLick Sì per continuare.

Invia il tuo messaggio e-mail dimostrativo, quello utilizzato durante il test di Web Messenger o uno nuovo per vedere come si presenta l’esperienza se Facebook è stato il primo punto di contatto con Luma.

Luma Bot ora visualizzerà un carosello di prodotti. Sfoglia i prodotti clicca sull'icona del cuore per piacerti un prodotto di tua scelta. Mi sono sempre immaginato dei Pantaloni Paracadute…

Ora che abbiamo 'apprezzato' il prodotto Cora Parachute Pants possiamo controllare la nostra casella di posta elettronica per confermare il nostro Percorso impostato in Esercizio 20.4 è stato attivato e consegnato correttamente.

Ora vedremo come continuare la 'conversazione' sul sito. Immaginiamo ora che la chat di Facebook Messenger che abbiamo appena avuto con Luma bot sia stata la nostra prima interazione con la vendita al dettaglio Luma e vogliamo vedere come si presenta per la prima volta un visitatore del sito web dopo aver interagito con il Luma Bot su Facebook. Passa a Sito web Luma in modalità incognito. Poiché si tratta di una nuova finestra in incognito, dovrai impostare il tuo ldap, brand (Luma) come al solito. Una volta aperto il nuovo sito web Luma in incognito, controlla il pannello X-Ray per confermare di essere un nuovo utente, ovvero senza attributi di profilo o eventi di esperienza.

Passa a ACCESSO/REGISTRO e iscriviti con la stessa e-mail inviata utilizzata nella chat di Facebook Messenger. Una volta effettuato l’accesso, torna alla home page e apri il pannello X-Ray. Ora dovresti visualizzare la tua interazione Facebook in Eventi esperienza.

Ora che il sito Web e il Web Messenger sono a conoscenza della tua interazione iniziale di Facebook, possiamo continuare la 'conversazione' e personalizzare gli utenti le successive interazioni come riteniamo opportuno. Avete appena esteso la conversazione da un canale sociale in contrapposizione a quella che sarebbe stata un'esperienza incognita non informata.

Tutto qui. Hai completato l’integrazione Facebook e hai eseguito il test su Facebook Messenger e Web Messenger.

Ora, diamo un'occhiata ad un altro canale sociale, WeChat…

Passaggio successivo: 20.8 Test dell'integrazione di WeChat

Torna al modulo 20

Torna a tutti i moduli