IBM Cloud Docs
Guidare i clienti con i percorsi

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.

Immagine che mostra esempi di 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:

  1. Nell'editor delle azioni, creare o modificare il passo da cui si desidera iniziare il viaggio.

  2. Fare clic sull'icona Passa all'editor JSON icona Passa all'editor JSON per aprire l'editor JSON.

  3. Nell'array generic, crea una risposta user_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 o Disputing 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 risposta text per le risposte dell'assistente. Invece di un array di valori di testo, è supportato solo un singolo componente text.

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' URL https: 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
    • Facebook
    • 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:

  1. Nell'azione che invia la risposta journey, modifica il JSON che definisce il journey. Includere "skip_card": true per ignorare la scheda introduttiva.

  2. Sul tuo sito web, utilizza il metodo di istanza send() per inviare un messaggio all'assistente che attiva l'azione che inizia il viaggio (come Give 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 o changeView e non funzionano con gli eventi window:open o window:close o i metodi dell'istanza openWindow, closeWindow e toggleOpen.

  • 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 parametro event.reason o event.newViewState.tour per decidere se mostrare il modulo è appropriato.