Crie uma experiência de suporte personalizada apresentando apenas formulários de ticket relevantes para os clientes na central de ajuda. Neste tutorial, você aprenderá a ocultar formulários de ticket específicos com base na organização de um usuário.

O fluxo de trabalho inclui as etapas abaixo:

  • Etapa 1: Encontre o ID do formulário de ticket
  • Etapa 2: Encontre o nome da organização
  • Etapa 3: Edite o JavaScript

Esse fluxo de trabalho não funciona para usuários não autenticados nem para os que não têm uma organização. Para esses usuários, todos os formulários são exibidos.

Observação: Se seu tema usa o Guide Templating V2, você deve importar jQuery. Esse código não se aplica ao Guide Templating V4. Para obter detalhes completos, consulte versões de modelos para temas da central de ajuda.
Isenção de responsabilidade: Este artigo destina-se apenas a fins informativos. A Zendesk não oferece suporte e nem garantia ao código. A Zendesk também não oferece suporte à tecnologias terceirizadas como JavaScript, jQuery ou CSS. Publique problemas encontrados na seção comentários ou pesquise por uma solução online. Talvez você não consiga usar este código se usar um tema personalizado na sua central de ajuda, em vez do código do tema padrão Copenhagen.

Etapa 1: Encontre o ID do formulário de ticket

  1. Em seus formulários de ticket, abra o formulário de ticket apropriado
  2. Na URL, localize o número da ID, após a última barra.

ID do formulário de ticket

Etapa 2: Encontre o nome da organização

  1. No Suporte, abra a aba Clientes.
  2. Explore ou pesquise as organizações para encontrar o nome da organização correta

Etapa 3: Edite o JavaScript

Se seu tema usa o Guide Templating V2, você deve importar jQuery. Para obter detalhes completos, consulte Importação ou atualização do jQuery. O código depende do evento de mutação DOMNodeInserted. Versões mais recentes do Chrome e do Chromium encerraram o suporte a esse evento de mutação. Para ser compatível com navegadores que não oferecem suporte a DOMNodeInserted, siga as orientações do Mutation Observer e migre para uma função mais recente.

Como editar o código:

  1. No Conhecimento, clique no ícone Painel de personalização (ícone Painel de personalização) na barra lateral
  2. Clique no nome do tema que quer editar.
  3. Clique no menu de opções, selecione Editar código e selecione Script.js

  4. Copie o bloco de códigos apresentado abaixo.

    $(document).ready(function() {
  var formID = 6502769669773; // Change this to the form ID you wish to remove
    var userOrgs = window.HelpCenter.user.organizations;
    var userOrgNames = userOrgs.map(org => org.name);

if (!(userOrgNames.includes("ZENDESK"))) { // Specify the organization name here

      // If the user does not belong to the organization specified, remove the form option from the dropdown
      $('#request_issue_type_select option[value="' + formID + '"]').remove();
      $('.nesty-panel').on('DOMNodeInserted', function(e) {
        $(this).children('ul').children().remove('#' + formID);
      });
    }
  });
  5. Cole o código no modelo JavaScript do seu código da central de ajuda
  6. Substitua a variável formID = 6502769669773 pelo ID do formulário de ticket que você quer ocultar.
  7. Substitua "ZENDESK" pelo nome da organização para a qual quer que o formulário de ticket fique visível.
  8. Se o usuário não copiar todos os caracteres do modelo, tais como ; e }, o código pode dividir a página.
  9. Salve o modelo e publique as alterações

O código fornecido reserva espaço para outras organizações. Para adicionar formulários e organizações adicionais, copie a declaração de if acima e coloque-a abaixo na declaração de if existente. Substitua a ID do formulário de ticket pela correta e pela organização que você deseja verificar. Repita isso para os formulários desejados de ticket e organizações.

Para alterar o comportamento do código a fim de exibir um formulário de ticket para todas as organizações, exceto a especificada, remova o (!) do operador NOT da instrução if.

for (var c in HelpCenter.user.organizations) {
 if (HelpCenter.user.organizations[c].name !== "ZENDESK"){
 $("#TICKT_FORM_ID").remove();
 }
if (HelpCenter.user.organizations[c].name !== "MYORG"){
 $("#TICKET_FORM_ID2").remove();
 }

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