[Dúvida] O agente pode responder o usuário com imagens? | Copilot Studio: criando solução multiagentes

Olá, Maria Eduarda! Seja muito bem-vinda ao fórum!

Essa é uma pergunta excelente e muito importante, pois é o que transforma um chatbot simples em uma experiência rica e interativa para o usuário. É possível sim, porem depende da maneira.

O seu agente no Copilot Studio pode, com certeza, responder com links e imagens da sua base de conhecimento, mas a forma como isso acontece é um pouco diferente para cada um. Vamos detalhar:

1. Respostas com Links (O Caminho Mais Fácil)
Na maioria dos casos, o Copilot Studio já faz isso de forma bastante inteligente e automática.

Se a sua base de conhecimento é um site: Ao usar o recurso de "Respostas Generativas", o copiloto irá ler o conteúdo do site e, quando responder a uma pergunta, ele frequentemente incluirá um link para a página de origem como uma citação. Isso já resolve grande parte da necessidade.
Se os links estão em documentos (PDF, Word) ou em uma base de dados (Dataverse): O copiloto também é capaz de extrair o texto do link e, na maioria das vezes, o apresentará no formato clicável para o usuário.

O que fazer: Teste seu agente! Faça perguntas cujas respostas você sabe que contêm links na sua base de dados e veja como ele se comporta. A chance de ele já estar fazendo isso corretamente é grande.

2. Respostas com Imagens (Requer um Passo a Mais)
Mostrar imagens é um recurso um pouco mais avançado, mas é o que realmente enriquece a conversa. O copiloto não costuma fazer isso de forma automática a partir de um documento, pois ele precisa ser instruído a exibir um elemento visual.

Para isso, usamos um recurso chamado Cartões Adaptáveis (Adaptive Cards).

O que são? Pense neles como "mini-blocos" de conteúdo que você pode enviar no chat. Eles são muito flexíveis e podem conter textos, botões, formulários e, o mais importante para você, imagens.

Como funciona na prática?

Hospedagem da Imagem: A imagem que você quer mostrar precisa estar disponível online, ou seja, ela precisa ter uma URL pública. Você pode hospedar as imagens no seu próprio site, num SharePoint, ou em um serviço de hospedagem de imagens.

Criação do Cartão: No fluxo de um Tópico do seu copiloto, em vez de adicionar um nó de mensagem com texto simples, você adiciona um nó de "Enviar uma mensagem" e escolhe a opção para enviar um Cartão Adaptável.

Código do Cartão: Você usará um código muito simples em formato JSON para dizer ao cartão o que ele deve mostrar.

Exemplo prático de um Cartão Adaptável com Imagem

Você pode copiar e colar este código diretamente no editor de Cartão Adaptável do Copilot Studio para testar. Apenas troque a URL pela URL da imagem que você quer mostrar.

{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "text": "Aqui está a imagem que você pediu!",
      "weight": "bolder",
      "size": "medium",
      "wrap": true
    },
    {
      "type": "Image",
      "url": "https://URL_DA_SUA_IMAGEM_AQUI.jpg",
      "altText": "Uma descrição da imagem para acessibilidade"
    },
    {
      "type": "TextBlock",
      "text": "Posso te ajudar com mais alguma coisa?",
      "wrap": true
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.5"
}

Caso essa resposta tenha ajudado a solucionar sua dúvida, peço para que marque a resposta como solução. ✅

Abraços e ótimos estudos!!!

Garanta sua matrícula hoje e ganhe + 2 meses grátis