Compartilhar via

Configurar um agente para um site de demonstração ou console de agente

  • Artigo

Ao publicar um agente de IA por meio do Microsoft 365 Copilot para Serviços, você pode publicar em um site de demonstração predefinido ou em seu próprio site ativo. Um site de demonstração predefinido é criado automaticamente para você quando você publica seu agente de IA. Um site de demonstração é benéfico para compartilhar seu agente de IA com colegas de equipe e stakeholders, pois eles podem testá-lo enquanto você continua a criá-lo e iterá-lo.

Para compartilhar seu agente de IA, publique-o em um hub do Customer Engagement. Incorporar seu agente de IA em um hub do Customer Engagement ajuda seus representantes do serviço de atendimento ao consumidor.

Pré-requisitos

Adicionar Copilot para Serviços ao seu hub genérico

  1. Atualizar o site de demonstração. No menu de navegação Copilot para Serviços, selecione Configurações>Canais. Para compartilhar o link do site de demonstração, copie a URL do site de demonstração e compartilhe-a diretamente com seus colegas de equipe.

  2. Veja o artigo Configurar o site de demonstração e adicione o agente ao seu site ao vivo para saber como obter uma URL para seus agentes de IA.

  3. No menu de navegação Copilot para Serviços, selecione Configurações>Canais.

  4. Dependendo do destino, selecione Console do agente.

  5. Copie o código incorporado do desenvolvedor da Web para adicionar o Copilot para Serviços ao hub.

Adicionar Copilot para Serviços ao seu provedor de terceiros

Além das instruções genéricas nas seções anteriores, as seções a seguir apresentam orientações para alguns provedores terceiros comuns. Para perguntas sobre recursos de terceiros e funcionalidade de experiências individuais inseridas, consulte o suporte desses provedores.

Genesys

Para começar, certifique-se de que estes serviços ou recursos estejam funcionando:

  1. Uma conta Genesys ativa está habilitada.
  2. Copiar a URL do src do iframe. Você pode usar essa URL no Genesys Cloud.
  3. Siga a documentação do Genesys para Configurar uma integração do Widget de Interação.
  4. Na etapa 7 do artigo do Genesys, cole seu src URL como a URL do aplicativo da sua Configuração>Propriedades.

Salesforce

Para começar, certifique-se de que estes serviços ou recursos estejam funcionando:

  1. Uma conta ativa do Salesforce com Service Cloud e Lightning ativados. Você precisa de uma conta do Salesforce para se conectar ao Copilot para Serviços.

  2. Acesso de administrador ou desenvolvedor ao Salesforce e ao Copilot para Serviços.

  3. Copiar a URL do src do iframe.

  4. No menu de navegação, selecione Configurações>Canais>Console do agente.

  5. Copie o trecho de iframe personalizado no Código incorporado. Saiba mais em Adicionar seu agente ao seu site.

  6. Crie uma referência de página do Visualforce com o iframe.

  7. Entre na conta do Salesforce e navegue até Configuração.

  8. Na caixa Localização Rápida, digite "Visualforce" e selecione Páginas do Visualforce.

  9. Selecione Novo para criar uma nova página do Visualforce.

    • Adicione um Rótulo.
    • Adicione um Nome.
    • Adicione uma marca de seleção em Disponível para Lightning Experience.

  10. Dentro da caixa Markup do Visualforce, adicione o código a seguir. Certifique-se de fornecer seus próprios valores para {domain}, {environment}, {bot} e {version}.

    <apex:page >
  <iframe src="https://{domain}/environments/{environment}/copilots/{bot}}/webchat?__version__={version}" frameborder="0" style="width: 100%; height:100%;"></iframe>
</apex:page>

    Observação

    Talvez seja necessário ajustar a altura do iframe com base no tamanho do widget da Área de Trabalho do Agente. Por exemplo, em vez de a altura ser 100%, você pode trocar por 300px

  11. Selecione Salvar.

ServiceNow

Para começar, instale estes plug-ins: Virtual Agent, Interconexão de Bots e API de Conhecimento.

  1. Na instância do ServiceNow, selecione Todos e procure o termo "plug-ins".
  2. Vá até Definição do Sistema>Plug-ins.
  3. Na página Gerenciador de Aplicativos, procure Virtual Agent e o instale.

    Observação

    O Virtual Agent inclui o Glide Virtual Agent. Você pode usar esse plug-in, em vez de todo o plug-in do Virtual Agent.

  4. Se você estiver usando a versão Vancouver ou anterior, a API de Conhecimento também será necessária.
  5. Instale o plug-in do BOT Interconnect.

    Observação

    Não se esqueça de instalar o plug-in do Virtual Agent primeiro, por causa das dependências do plug-in do Bot Interconnect.

Incorporar agentes na área de trabalho do agente do ServiceNow

  1. Na instância do ServiceNow, selecione Tudo novamente e procure Construtor de Interface do Usuário.
  2. Vá até Now Experience Framework>Construtor de Interface do Usuário e selecione Construtor de Interface do Usuário.
  3. Selecione a página onde você deseja incorporar agentes de IA, como Espaço de Trabalho Configurável CSM/CFM.
  4. Em Páginas e variantes, selecione a página que você deseja editar, como Página de Aterrissagem>Página de Aterrissagem CSM.
  5. Selecione Editar em escopo original no canto superior direito da tela. Agora você pode adicionar elementos ao espaço de trabalho.
  6. Na barra de ferramentas no lado esquerdo, selecione Componentes.
  7. Selecione iFrame e, em seguida, arraste e solte-o no local onde você deseja colocá-lo na página.
  8. Acesse sua instância do Copilot para Serviços e selecione Adicionar ao console do agente.
  9. Na tela Console do agente, em Código de inserção, só copie o URL a seguir 'src="'. Esse formato deve ser https://servicecopilot.microsoft.com/environments/.../webchat.
  10. Retorne ao aplicativo Construtor de Interface do Usuário do ServiceNow e selecione o componente iFrame adicionado por você.
  11. No campo Origem, cole a URL e atualize o título.
  12. Altere o tamanho e defina a alternância Desabilitar área restrita como Sim.
  13. Visualize e teste o Copilot para Serviços: selecione Abrir na parte superior do Construtor de Interface do Usuário.
  14. Quando as alterações estiverem concluídas, selecione Salvar.

Zendesk

Para conectar a Área de Trabalho do Agente do Zendesk a um agente de IA, implemente as seguintes etapas do iframe e do componente.

Antes de começar, verifique se você atendeu aos seguintes pré-requisitos no local:

  • Uma conta ativa do Suporte do Zendesk com o Zendesk.
  • Uma conta para o Copilot para Serviços.

    Observação

    Se você não tiver uma conta do Copilot para Serviços ou um agente de IA criado, consulte o Guia de início rápido para criar agentes no Copilot para Serviços.

  • Acesso de administrador ou desenvolvedor Zendesk e ao Microsoft Power Platform.
  • Um agente de IA ativo e implantado com o Zendesk.

Recuperar os agentes de IA personalizados para o iframe do Serviço

No menu de navegação do Copilot para Serviços, selecione Configurações>Canais>Site personalizado para copiar seu código incorporado para o iframe.

Adicionar o iframe do Copilot para Serviços à interface do agente de IA

  1. Entre no Suporte da Zendesk e navegue até Produtos da Zendesk>Seção de Administrador.

  2. Selecione Aplicativos>Aplicativos de Suporte do Zendesk no menu à esquerda.

  3. Acesse o Marketplace e pesquise "Barra Lateral de Tíquete do Iframe".

    Captura de tela da página da Barra Lateral do Tíquete do Iframe e localização do botão de instalação.

  4. Instale o aplicativos iframe.

  5. Configure a Barra Lateral do Iframe adicionando a URL do seu Copilot para Serviços ao campo iframe URL. Certifique-se de colar apenas o URL, excluindo quaisquer marcas HTML.

    Observação

    Talvez seja necessário ajustar a altura do iframe com base no tamanho do widget da Área de Trabalho do Agente. Por exemplo, em vez de a altura ser 100%, você pode usar 300px

  6. Selecione Atualizar.

Adicione um componente à Área de Trabalho do Agente

  1. Entre na conta da Zendesk e abra um tíquete. Saiba mais sobre tíquetes em Trabalhando com tíquetes.

  2. No menu de navegação, escolha Aplicativos>Barra Lateral de Tíquete do Iframe.

    Observação

    Para acesso mais rápido, use a opção Fixar na Barra Lateral.