What's my plan?
Suite Professional, Enterprise, or Enterprise Plus
Support with Explore Professional or Enterprise
As informações neste artigo abrangem o novo construtor de painéis do Explore, lançado em novembro de 2024. O construtor de painéis legado permanecerá disponível até o quarto trimestre de 2025. Se você está usando o construtor de painéis legado e precisa de ajuda, consulte Sobre o construtor de painéis legado do Explore.

O novo painel do Explore não suporta a adição de imagens (embora isso esteja planejado para uma versão futura). No entanto, com um pouco de trabalho, você pode adicionar imagens e GIFs animados ao seu painel. Adicionar gráficos pode ajudar você a personalizar seus painéis ou adicionar material de instrução usando GIFs animados.

Eis um exemplo:

Importante: Ao adicionar imagens usando o método desta receita, você não pode exportar as entregas de painel ou programação.

Nesta receita, você aprenderá a adicionar imagens e GIFs animados a um painel do Explore.

Estas instruções contêm os tópicos a seguir:

  • O que é necessário?
  • Preparação das imagens
  • Criação dos atributos do relatório
  • Criação do relatório
  • Construindo o painel
  • Próximas etapas

O que é necessário?

Nível de habilidade: Intermediário

Tempo necessário: 20 minutos

  • Zendesk Explore Professional ou Enterprise.
  • Permissões de Editor ou Administrador (consulte <Concessão de acesso a agentes ao Explore).
  • Uma ou mais imagens ou GIFs animados hospedados na web em um local acessível.

Preparação das imagens

Você criará cada imagem como um relatório separado e a adicionará ao seu painel. Siga as etapas a seguir para preparar suas imagens para adição.

Para preparar suas imagens

  1. Redimensione sua imagem para garantir que ela não ocupe muito espaço no painel. Não é possível redimensionar a imagem do painel, portanto, pode ser necessário fazer uma avaliação ou erro para torná-la o tamanho mais adequado.
  2. Carregue sua imagem em um local online acessível para qualquer visualizador do painel. Por exemplo, você pode usar Postimages ou imgBB para hospedar suas imagens.
  3. Criar um novo painel. Como alternativa, você pode usar um painel existente para adicionar imagens.

Criação dos atributos do relatório

Você precisa criar um relatório para cada imagem que deseja adicionar. Neste exemplo, você criará os relatórios usando o conjunto de dados soporte - Tickets, mas pode usar qualquer conjunto de dados que desejar.

Para criar os relatórios

  1. No Explore, clique no ícone de relatórios ( ).
  2. Na Biblioteca de relatórios, clique em Novo relatório.
  3. Na página Selecionar um conjunto de dados, clique em Support >  Support -  Tickets e em  Iniciar relatório.
    Criador de relatórios é aberto.
  4. Em seu relatório, abra o menu Cálculos (), clique em Atributo calculado padrão.
  5. Na página Atributo calculado padrão , em Nome, insira um nome para o atributo, como Imagem do painel. Você pode alterar esse nome mais tarde, se quiser.
  6. No campo Fórmula , insira ou cole uma das fórmulas a seguir, incluindo aspas:
    Se você deseja inserir uma imagem estática
    "<IMG img src=https://<image location>/<image name>>"
    Se você deseja inserir um GIF animado
    "<IMG img src=https://<image location>/<image name>.gif>"

    Substitua a <localização da imagem> pela URL da imagem e substitua o <nome da imagem> pelo nome do arquivo da imagem.

  7. Clique no título do relatório e insira um nome descritivo, como "Myimage".
  8. Clique em Salvar.
  9. Continue criando atributos calculados padrão para cada imagem necessária.

Criação do relatório

Agora que você criou seus atributos, pode criar relatórios para cada imagem que deseja adicionar a um painel. 

Para criar o relatório

  1. No painel Métricas do relatório, clique em Adicionar.
  2. Na lista de métricas, escolha uma única métrica para adicionar ao relatório, por exemplo, COUNT(Tickets). Isso é adicionado porque todos os relatórios do Explore devem conter ao menos uma métrica. Não se preocupe, você vai aprender a esconder depois.
  3. No painel Atributos, clique em Adicionar.
    Escolha o atributo que você criou na seção anterior na lista de atributos.
  4. Clique no menu Configuração de gráfico () e selecione Gráfico. No menu Gráfico, altere a configuração de interpretação do texto para HTML.
  5. No mesmo menu, ative a opção Exibir imagens. Você pode ajustar a altura e a largura da imagem.
  6. Clique no menu Tipo de visualização () e selecione Tabela. Seu relatório terá a aparência desta captura de tela:
    animado-1.png
  7. Você notará que o valor da métrica criada é exibido. Para ocultar essa métrica, no menu Configuração de gráfico (), clique em Colunas.
  8. Na página Colunas, clique no ícone de olho da coluna 2 para desativar a exibição de colunas conforme mostrado abaixo:
    animated-2.png

Seu relatório agora é exibido sem a métrica.

Repita esse procedimento para outras imagens ou GIFs animados necessários.

Criação do painel

Agora você tem os componentes necessários para criar seu painel. Você pode adicionar outros componentes do Explore, como relatórios e filtros, além de imagens e GIFs animados.

Para criar o painel

  1. Em um painel do Explore novo ou existente, clique no ícone + e selecione Relatório.
  2. Clique nos relatórios de imagem que você acabou de criar na lista de relatórios. Os relatórios são exibidos imediatamente no painel.
  3. Arraste, solte e redimensione cada relatório para que ele seja exibido da maneira desejada.
  4. Continue adicionando outros relatórios e filtros necessários.
  5. Ao terminar, publique e compartilhe o painel.

É provável que, ao adicionar as imagens e GIFs ao painel pela primeira vez, elas não tenham o tamanho necessário. Para corrigir isso, edite o relatório e, no menu Configuração de gráfico ( ), clique em Gráfico e ajuste a Altura e a Largura até que a imagem tenha o tamanho correto.

Próximas etapas

Experimente com esta receita. Adoraríamos ver o que você descobriu! Conte para a gente nos comentários abaixo.

Aviso sobre a tradução: este artigo foi traduzido por um software de tradução automática para oferecer a você uma compreensão básica do conteúdo. Medidas razoáveis foram tomadas para fornecer uma tradução precisa, no entanto, a Zendesk não garante a precisão da tradução.

Em caso de dúvidas relacionadas à precisão das informações contidas no artigo traduzido, consulte a versão oficial do artigo em inglês.

Powered by Zendesk
OSZAR »