Guidare i clienti con i percorsi
Beta
Un journey è una risposta interattiva che è possibile utilizzare per guidare i clienti attraverso un'attività complessa o per fornire loro un tour di nuove funzionalità, sfruttando le funzionalità già supportate dal sito web. Un viaggio è una risposta in più parti che può combinare testo, video e immagini presentate in sequenza.
Questa funzione beta è disponibile solo per scopi di valutazione e test. I percorsi richiedono una web chat versione 6.9.0 o successiva.
Quando il cliente inizia un viaggio, la chat si chiude temporaneamente. L'integrazione della chat web presenta quindi gli elementi del viaggio un passo alla volta in una piccola finestra sovrapposta al tuo sito, consentendo ai tuoi clienti di navigare e utilizzare il sito mentre attraversano il percorso. In qualsiasi momento durante il viaggio, il cliente può tornare liberamente alla finestra di chat dell'assistente e quindi riprendere il viaggio.
È possibile utilizzare un percorso in situazioni come quelle riportate di seguito:
-
Incorporare nuovi clienti al tuo prodotto o sito web e mostrarli dove si trova tutto
-
Fornire ai clienti una guida dettagliata per un'attività complessa, come l'archiviazione di una richiesta di indennizzo o la creazione di un account
-
Promuovere opportunità di vendita nel prodotto per indirizzare gli utenti durante specifiche opportunità di marketing, come l'offerta di un nuovo programma di ricompense ai clienti che sono preoccupati per le spese
Per ulteriori informazioni su come decidere quando e come utilizzare i percorsi, consulta la nostra guida alle migliori pratiche.
Creazione di un percorso
Un journey viene definito utilizzando un tipo di risposta user_defined
, che è disponibile solo nell'editor JSON. (Per ulteriori informazioni, vedere Definizione delle risposte con l'editor JSON ) Per creare un viaggio, procedere come segue:
-
Nell'editor delle azioni, creare o modificare il passo da cui si desidera iniziare il viaggio.
-
Fare clic sull'icona Passa all'editor JSON
per aprire l'editor JSON.
-
Nell'array
generic
, crea una rispostauser_defined
. (Per ulteriori informazioni, vedere Definizione delle risposte con l'editor JSON )Un viaggio è definito utilizzando la struttura seguente:
"user_defined": { "user_defined_type": "IBM_BETA_JOURNEYS_TOUR", "skip_card": true|false, "card_title": "{title}", "card_description": "{description}", "steps": [ ... ] }
dove:
user_defined_type
-
Il tipo specifico di risposta definita dall'utente che si sta definendo. Per definire un viaggio, impostare sempre questa proprietà su
IBM_BETA_JOURNEYS_TOUR
. skip_card
-
Una proprietà facoltativa che specifica se la chat web deve iniziare il viaggio immediatamente senza attendere che il cliente faccia clic sulla scheda introduttiva nella finestra della chat web. (Il valore predefinito è
false
)You can use this option to start a journey directly from your website, even if the web chat is not open. For more information, see Starting a journey without opening the web chat.
card_title
-
Il titolo da visualizzare nella scheda introduttiva che viene visualizzata nella chat Web quando è disponibile un viaggio (ad esempio,
Website tour
oDisputing a charge
). card_description
-
La descrizione da visualizzare sulla scheda introduttiva. Descrivi il percorso in modo che i tuoi clienti possano decidere se vogliono aprirlo.
steps
-
Una serie di risposte che definiscono i passi nel percorso.
Definizione dei passi
Ogni passo in un journey è definito come un oggetto JSON che descrive una risposta da mostrare al cliente, utilizzando un formato simile a come definisci le risposte dell'assistente direttamente nell'array generic
. I passi in
un viaggio vengono mostrati al cliente uno alla volta, nell'ordine in cui li elenchi nell'array steps
.
Come con le risposte dell'assistente, la proprietà response_type
identifica il tipo di risposta:
text
-
Un passo che mostra solo testo.
{ "response_type": "text", "text": "This is the text of the response." }
La formattazione Markdown e i link sono supportati nei passi
text
. Per ulteriori informazioni, consultare FormattazioneMarkdown.Tieni presente che la struttura di un passo
text
in un viaggio è diverso dal tipo di rispostatext
per le risposte dell'assistente. Invece di un array di valori di testo, è supportato solo un singolo componentetext
. image
-
Un passo che mostra un'immagine, insieme a una descrizione facoltativa.
{ "response_type": "image", "source": "https://example.com/image.png", "description": "This is the description of the image." }
La proprietà
source
deve essere l' URLhttps:
di un'immagine accessibile al pubblico. L'immagine specificata deve essere in formato.jpg
,.gif
o.png
. video
-
Un passo che mostra un video, insieme a una descrizione facoltativa.
{ "response_type": "video", "source": "https://example.com/videos/example-video.mp4", "description": "This is the description of the video." }
L' URL specificato dalla proprietà
source
può essere uno dei seguenti:-
L' URL di un file video in un formato standard come MPEG o AVI. Nella chat web, il video collegato eseguirà il rendering come lettore video incorporato.
I video di streaming HLS (
.m3u8
) e DASH (MPD) non sono supportati. -
L' URL di un video ospitato su un servizio di hosting video supportato. Nella chat web, il video collegato eseguirà il rendering utilizzando il lettore incorporabile per il servizio di hosting.
Specificare l' URL da utilizzare per visualizzare il video nel browser (ad esempio,
https://www.youtube.com/watch?v=52bpMKVigGU
). Non è necessario convertire l' URL in una forma incorporabile; la chat web lo farà automaticamente.Puoi incorporare i video ospitati sui seguenti servizi:
- YouTube
- Vimeo
- Twitch
- Streaming
- Wistia
- Vidyard
-
Esempio
Il seguente esempio definisce un percorso che mostra agli utenti come contestare una spesa, utilizzando una combinazione di risposte di testo, immagine e video.
{
"generic": [
{
"response_type": "user_defined",
"user_defined": {
"card_title": "Let’s dispute a charge!",
"card_description": "Follow along with this guided journey to learn how to find and dispute charges.",
"user_defined_type": "IBM_BETA_JOURNEYS_TOUR",
"steps": [
{
"response_type": "text",
"text": "Charges are listed on the Transactions page. **Click your profile photo** in the top right corner of your screen, and then **click Transactions** from the menu."
},
{
"response_type": "text",
"text": "Here you can view your charges.\n **Scroll through the Transactions page and review your charges.** Each charge contains a merchant name, transaction date, and amount charged."
},
{
"response_type": "image",
"source": "https://example.com/image.png",
"alt_text": "Image showing location of Dispute option",
"description": "The option to Dispute is marked in red on the right hand side of each row in the Transactions table. Just click here to file a dispute."
},
{
"response_type": "video",
"source": "https://vimeo.com/769580398",
"description": "Watch this short video to learn what to expect now that you’ve filed a dispute."
}
]
}
}
]
}
Iniziare un viaggio senza aprire la chat web
Anche se i viaggi fanno parte dell'integrazione della web chat, puoi rendere possibile ai tuoi clienti iniziare un viaggio direttamente dal tuo sito web senza aprire la finestra della web chat. Ad esempio, è possibile includere un pulsante Mostra sul sito Web su cui i clienti possono fare clic per avviare un tour interattivo della pagina.
Per iniziare un viaggio senza aprire la chat web:
-
Nell'azione che invia la risposta journey, modifica il JSON che definisce il journey. Includere
"skip_card": true
per ignorare la scheda introduttiva. -
Sul tuo sito web, utilizza il metodo di istanza
send()
per inviare un messaggio all'assistente che attiva l'azione che inizia il viaggio (comeGive me a tour
). Inviare il messaggio in risposta a qualsiasi evento che si desidera utilizzare per attivare il viaggio (ad esempio un clic del pulsante o il caricamento della pagina).
I tuoi clienti possono ora iniziare il percorso interattivo direttamente dal sito web senza dover aprire prima la chat web. (Se la finestra di chat Web viene aperta in seguito, la scheda introduttiva per il viaggio viene visualizzata nella cronologia della conversazione.)
Limitazioni
Questa funzione beta ha attualmente i seguenti limiti:
-
Il riquadro di anteprima non supporta i viaggi. Se si desidera visualizzare l'anteprima di un viaggio, utilizzare il link di anteprima condivisibile. Per ulteriori informazioni sul link di anteprima, consultare Copia di un link da condividere.
-
I percorsi utilizzano il metodo
view:change
event ochangeView
e non funzionano con gli eventiwindow:open
owindow:close
o i metodi dell'istanzaopenWindow
,closeWindow
etoggleOpen
. -
Quando il cliente inizia un viaggio, la finestra di chat web si chiude. Se si utilizza l'evento
view:change
per attivare la visualizzazione di un modulo post - chat, il codice deve controllare il valore del nuovo parametroevent.reason
oevent.newViewState.tour
per decidere se mostrare il modulo è appropriato.