Criar modelos do Guide

Os modelos determinam como o Guide exibe os pontos de entrada selecionados no seu site. Os tipos de modelo incluem:

  • Botão único: Use isso para oferecer um único ponto de entrada no widget Guide.

  • Menu de vários botões: Use isso para oferecer vários pontos de entrada no widget Guide.

  • Portal do cliente: Use isso para oferecer uma base de conhecimento Expert como portal do cliente e pontos de entrada adicionais no widget Guide.

Certifique-se de criar os botões do canal e os pontos de entrada antes de iniciar esta tarefa.

Se você estiver usando um modelo de vários botões, precisará de botões de canal e um botão de menu. Os visitantes clicam no botão de menu para exibir os botões de canais.

Criar um Botão único Modelo

Use um modelo de botão único quando quiser que Guide direcione os visitantes para apenas um canal.

Myra, gerente de suporte da The Jungle, quer disponibilizar o canal de chat na página inicial do site. Ela cria um modelo de botão único que oferece o botão de bate-papo que aparece no canto inferior esquerdo da página inicial do site da Jungle:

Um botão redondo com uma imagem de balões de chat nos quais os clientes clicam para iniciar um chat com um agente.

Se um visitante clicar no botão de chat, o canal de chat aparecerá no widget Guide:

A janela de chat do Guide onde você pode digitar informações de identificação antes de iniciar um chat.

  1. Clique no seletor de aplicativo ícone do seletor de aplicativos e selecioneGuide.
  2. Clique em Templates.
  3. Clique em New Template.
  4. Insira um Template title.
  5. Defina Template type como Single Button.

  6. Na guia Design Editor, defina os valores para controlar a aparência do modelo.

    campo Detalhes
    Position Defina Position como Bottom right ou Bottom left para determinar onde o modelo Guide aparece no seu site.

    Theme color

    Se necessário, insira um Theme color para usar no modelo. Deixe esse campo em branco para usar o Theme color definido na marca. Para substituir a marca, use o seletor de cores para selecionar uma cor ou insira o código hexadecimal para a cor.
    Font color Se necessário, insira um Font color para usar no modelo. Deixe esse campo em branco para usar o Font color definido na marca. Para substituir a marca, use o seletor de cores para selecionar uma cor ou insira o código hexadecimal para a cor.

  7. Na guia Canal de Modelo, defina o canal a ser usado para o modelo.

    campo Detalhes
    Entry point Selecione o Entry point a ser usado para o canal. Por exemplo, você pode configurá-lo como um ponto de entrada de chat para oferecer o canal de chat. Dependendo do tipo de canal selecionado, você poderá ver campos adicionais para definir.

    Button

    Selecione o Button a ser usado para o canal. Deixe este campo em branco para usar o botão definido para o ponto de entrada.
    Label Digite o Label a ser usado com o botão. O rótulo aparece à direita do botão. O rótulo está limitado a 18 caracteres. Incluir um rótulo é opcional. Note que o rótulo também é usado por leitores de tela. Se omitido, o leitor de tela lerá o texto do botão.

  8. Se você definir Entry point como um canal de chat ou e-mail, e se o ponto de entrada estiver configurado com uma pesquisa pré-contato, campos opcionais adicionais aparecerão. Clique em Choose File para selecionar um Precontact survey icon e insira um Precontact survey label para definir um ícone e um rótulo que aparecem na parte superior do widget Guide:

    O widget Guide que mostra uma pesquisa pré-contato que contém um ícone e um rótulo.

  9. Se você definir Entry point como um canal Expert, especifique o Popup Title. Por exemplo, você pode dar ao pop-up o título Artigos úteis.
  10. Clique em Save.
  11. Verifique a aparência e o comportamento do modelo.

Crie um botão múltiplo Menu Modelo

Use um modelo de menu de vários botões se estiver usando Guide para exibir vários canaisFechado Uma maneira de os contatos interagirem com agentes ou bots. Um canal pode ser voz, e-mail, chat, mídia social e assim por diante. ao mesmo tempo. Você pode incluir até quatro canais.

Myra, gerente de suporte da The Jungle, quer disponibilizar os canais de chat e e-mail na página inicial do site. Ela cria um modelo de vários botões. O botão de menu que ela definiu para o modelo aparece na parte inferior esquerda da página inicial do site da Jungle:

Um botão redondo com uma imagem de um sino de balcão de recepção em que os clientes clicam para exibir o menu de canais Guide.

Um visitante do site pode clicar no botão de menu para exibir o menu de botões de canal:

Um menu Guide de exemplo que oferece os canais de chat e e-mail. O canal de chat mostra dois balões de conversa. O canal de e-mail mostra um envelope.

Por exemplo, se o visitante quiser iniciar um chat, a janela de chat aparecerá:

A janela de chat do Guide onde você pode digitar informações de identificação antes de iniciar um chat.

  1. Clique no seletor de aplicativo ícone do seletor de aplicativos e selecioneGuide.
  2. Clique em Templates.
  3. Clique em New Template.
  4. Insira um Template title.
  5. Defina Template type como Multiple Button Menu.

  6. Na guia Design Editor, defina os valores para controlar a aparência do modelo.

    campo Detalhes
    Position Defina Position como Bottom right ou Bottom left para determinar onde os botões de modelo de Guide aparecem em seu site.

    Theme color

    Se necessário, insira um Theme color para usar no modelo. Deixe esse campo em branco para usar o Theme color definido na marca. Para substituir a marca, use o seletor de cores para selecionar uma cor ou insira o código hexadecimal para a cor.
    Font color Se necessário, insira um Font color para usar no modelo. Deixe esse campo em branco para usar o Font color definido na marca. Para substituir a marca, use o seletor de cores para selecionar uma cor ou insira o código hexadecimal para a cor.
    Template direction Defina o Template direction para que os botões do canal se expandam quando o menu estiver aberto. As opções são Vertical ou Horizontal.
    Menu button Selecione o Menu button que exibe o menu de botões do canal disponível para o visitante.

  7. Na guia Canal Modelo, defina até quatro botões, um para cada canal a ser oferecido.

    campo Detalhes
    Entry point

    Selecione um Entry point a usar para o primeiro canal.

    • Se você definir Entry point como um canal de chat ou e-mail, e se o ponto de entrada estiver configurado com uma pesquisa pré-contato, campos opcionais adicionais aparecerão. Clique em Choose File para selecionar um Precontact survey icon e insira um Precontact survey label para definir um ícone e um rótulo que aparecem na parte superior do widget Guide:

      O widget Guide que mostra uma pesquisa pré-contato que contém um ícone e um rótulo.

    • Se você definir Entry point para uma base de dados de conhecimento, especifique o Popup Title. Por exemplo, você pode dar ao pop-up o título Artigos úteis.

    Button

    Selecione o Button que exibe o canal. Deixe este campo em branco para usar o botão definido para o ponto de entrada.
    Label Insira o Label a ser usado para leitores de tela.
    Add Channel

    Clique para definir outro canal para incluir no modelo. Você pode adicionar até quatro canais.

    Cada modelo é limitado a um único canal de Base de Conhecimento e um único canal de chat.
  8. Clique em Save.
  9. Verifique a aparência e o comportamento do modelo.

Criar um modelo de portal do cliente

Use um modelo de portal do cliente para oferecer um portal Expert e até quatro pontos de entrada de canalFechado Uma maneira de os contatos interagirem com agentes ou bots. Um canal pode ser voz, e-mail, chat, mídia social e assim por diante. ao mesmo tempo. Isso requer uma integração com o Expert.

Myra decide oferecer um portal do cliente que fornece artigos sobre as 10 principais perguntas que os visitantes fazem ao suporte. Ela também quer oferecer alguns outros canais, como chat e e-mail. Ela cria um modelo de portal do cliente. O botão de menu que ela definiu para o modelo aparece na parte inferior esquerda da página inicial do site da Jungle:

Um botão redondo com uma imagem de um sino de balcão de recepção em que os clientes clicam para exibir o portal do cliente do Guide.

Um visitante do site pode, então, clicar no botão de menu para exibir o portal e os canais que ela configurou:

Um exemplo de modelo do Portal do cliente que mostra botões para os canais de chat e e-mail seguido por dois artigos do CXone Expert.

  1. Clique no seletor de aplicativo ícone do seletor de aplicativos e selecioneGuide.
  2. Clique em Templates.
  3. Clique em New Template.
  4. Insira um Template title.
  5. Defina Template type como Customer Portal.

  6. Na guia Design Editor, defina os valores para controlar a aparência do modelo.

    campo Detalhes
    Position Defina Position como Bottom right ou Bottom left para determinar onde o modelo aparece em seu site.

    Theme color

    Se necessário, insira um Theme color para usar no modelo. Deixe esse campo em branco para usar o Theme color definido na marca. Para substituir a marca, use o seletor de cores para selecionar uma cor ou insira o código hexadecimal para a cor.
    Font color Se necessário, insira um Font color para usar no modelo. Deixe esse campo em branco para usar o Font color definido na marca. Para substituir a marca, use o seletor de cores para selecionar uma cor ou insira o código hexadecimal para a cor.
    Main icon Carregue um Main icon. Essa é uma imagem, como um logotipo, que aparece no canto superior esquerdo do modelo de portal do cliente. As imagens devem ter menos de 50 KB. Essa imagem é obrigatória.
    Heading Insira um Heading. Este é o texto que aparece na parte superior do modelo. Por exemplo, você pode definir isso como Boas-vindas. O título é obrigatório.
    Sub heading Insira um Sub heading opcional. O subtítulo aparece abaixo do Heading. Por exemplo, você pode definir isso como Como podemos ajudar?. Esse texto aparece na cor da fonte especificada para a marca.
    Template outline

    • Definir Modelo contorno para determinar a ordem em que o conteúdo do modelo aparece:

      • Channels first para exibir os botões do canal na parte superior do modelo e o portal Expert abaixo.

      • Knowledge base first para exibir o portal Expert na parte superior do modelo e botões para outros canais abaixo.
    Menu button Defina o botão Menu. Um botão que mostra o menu de botões de canais disponíveis para o visitante. Clique em Select item para selecionar o botão em que o visitante clica para mostrar o menu de canais.

  7. Na guia Canal Modelo, defina até quatro botões, um para cada canal a ser oferecido.

    campo Detalhes
    Entry point

    Selecione o Entry point a ser usado para o primeiro canal. Pode ser qualquer ponto de entrada esperar um Base de Conhecimento ponto de entrada.

    Se você definir Entry point como um canal de chat ou e-mail, e se o ponto de entrada estiver configurado com uma pesquisa pré-contato, campos opcionais adicionais aparecerão. Clique em Choose File para selecionar um Precontact survey icon e insira um Precontact survey label para definir um ícone e um rótulo que aparecem na parte superior do widget Guide:

    O widget Guide que mostra uma pesquisa pré-contato que contém um ícone e um rótulo.

    Button

    Selecione o Button a ser usado para o canal. Deixe este campo em branco para usar o botão definido para o ponto de entrada.
    Label Digite o Label a ser usado para o botão. Este campo é obrigatório. O rótulo está limitado a 18 caracteres. O rótulo também é usado por leitores de tela.
    Add Channel

    Clique para definir outro canal a ser oferecido no portal do cliente. Você pode adicionar até quatro canais.

    Cada modelo é limitado a um único canal de chat.

  8. Na guia Base Conhecimento, defina o conteúdo a ser exibido no portal do cliente.

    campo Detalhes
    Knowledge base entry point Selecione a base de dados de conhecimento ponto de entrada a ser usada para esse modelo. O ponto de entrada deve conter os artigos que você deseja oferecer aos visitantes do seu site quando esse modelo aparecer.

    Heading

    Insira o título a ser usado para a base de dados de conhecimento. Por exemplo, você pode definir isso como Artigos úteis.
  9. Clique em Save.
  10. Verifique a aparência e o comportamento do modelo.

Verificar a aparência e o comportamento do modelo

Depois de especificar todos os campos obrigatórios para um modelo, uma visualização aparece no canto inferior direito da página.

A página Editar Modelo. A visualização do modelo aparece no canto inferior direito depois que todos os campos obrigatórios são especificados.

Se você continuar fazendo alterações no modelo, a visualização será atualizada. Use a lista suspensa no canto superior direito para visualizar o modelo com diferentes configurações de marca.

Se a visualização não estiver funcionando como esperado, verifique o seguinte:

  • Você definiu um valor para cada campo obrigatório? Talvez seja necessário exibir várias guias para ver todos os campos obrigatórios de um modelo. Modelo Título também é um campo obrigatório.

  • Os valores definidos são válidos? Embora Guide tenha limites de comprimento para campos de texto, Guide não impõe os limites ao definir o valor. Você pode usar a tecla Tab para se mover pela página e verificar se os valores de campo obrigatórios são válidos. Se eles não forem válidos, uma mensagem de erro será exibida depois que você passar para o próximo campo.