Personalização de ícones de status para publicações da comunidade

Qual é o meu plano?

Aviso: esse artigo é apenas informativo. A Zendesk não oferece suporte nem garantia ao código. Publique problemas encontrados nos comentários ou pesquise por uma solução online. 

Os recursos da comunidade são fantásticos, especialmente as ações da publicação. No entanto, o que acontece quando as ações padrão não são exatamente o que você deseja? No momento, não é possível adicionar nem modificar as ações disponíveis, mas, usando Curlybars, as ações existentes podem ser usadas para outros propósitos. Observe que essas informações afetarão apenas as ações voltadas para os clientes, pois as ações de administração na lista suspensa não podem ser modificadas.

Este artigo abrange as seguintes seções:

• Exibição de novos ícones de status
• Uso de conteúdo dinâmico para traduzir o status

Exibição de novos ícones de status

Digamos que queremos alterar as ações atuais, como “Planejado”, “Não planejado”, “Concluído” e “Respondido” para: “Planejamento”, “Em desenvolvimento”, “Implementado” e “Com resposta oficial”. Para fazer essas alterações, será necessário inserir o texto de substituição em todas as páginas afetadas. Para saber mais sobre o uso de Curlybars para fazer essas alterações, consulte Estrutura avançada de termas da Central de Ajuda.

A imagem abaixo exibe os status originais:

A imagem abaixo exibe os novos status:

Há duas etapas para alterar todas as instâncias que os clientes veem para o nome substituto desejado:

1. Modificação do “Mostrar tudo”
2. Alteração dos nomes dos ícones de status

Modificação do “Mostrar tudo”

1. Na Central de Ajuda, edite o código do seu tema. Para obter mais informações sobre a edição de um tema da Central de Ajuda, consulte Personalização do tema da Central de Ajuda.
2. Selecione o modelo community_topic_page.hbs para editar.
3. Encontre o código dos rótulos de filtro nas listas suspensas:

   

4. Modifique {{#each filters}} com as seguintes informações de identificação “identifier”:

   {{#each filters}}
   
    <a href="{{url}}" aria-selected="{{selected}}" role="menuitem">
   
     {{#is identifier 'all'}}{{name}}{{else}}
   
     {{#is identifier 'not_planned'}}Gathering Feedback{{/is}}
   
     {{#is identifier 'planned'}}In the Works{{/is}}
   
     {{#is identifier 'answered'}}Officially Answered{{/is}}
   
     {{#is identifier 'completed'}}Implemented{{/is}}
   
     {{/is}}
   
    </a>
   
   {{/each}}

5. Clique em Publicar.

Alteração dos nomes dos ícones de status

A próxima alteração que você precisa fazer é nos ícones reais de status na página do tópico da Comunidade. Seus ícones de status atualizados serão parecidos com a imagem a seguir.

1. Role até a expressão {{#is status 'none'}} na parte inferior da página do tópico da comunidade.
2. Insira o código a seguir para alterar seus ícones de status:

   {{#is status 'none'}}
    {{else}}
    <span class="status-label-{{status_dasherized}} status-label striped-list-status">
    {{#is status 'not_planned'}}Gathering Feedback{{/is}}
    {{#is status 'planned'}}In the Works{{/is}}
    {{#is status 'answered'}}Officially Answered{{/is}}
    {{#is status 'completed'}}Implemented{{/is}}</span>
    {{/is}}

3. Clique em Publicar.
4. A seguir, selecione o modelo community_post_list_page.hbs e encontre a mesma expressão {{#is status 'none'}}.
5. Insira o código acima também. 
6. Você modificou corretamente as listas suspensas e páginas de listas. Agora, só falta se certificar que o indicador de status nas publicações individuais refletem os termos escolhidos, conforme mostrado na captura de tela abaixo.

   

7. Selecione o modelo community_post_page.hbs para modificar publicações individuais.
8. Insira o código a seguir na expressão {{#if post.status}}:

   {{#is post.status 'none'}}
    {{else}}
    <span class="status-label-{{post.status_dasherized}} status-label">
    {{#is post.status 'not_planned'}}Gathering Feedback{{/is}}
    {{#is post.status 'planned'}}In the Works{{/is}} 
    {{#is post.status 'answered'}}Officially Answered{{/is}}
    {{#is post.status 'completed'}}Implemented{{/is}}
    </span>
    {{/is}}

   

9. Clique em Publicar.

Uso de conteúdo dinâmico para traduzir os status

Se sua Central de Ajuda estiver disponível em vários idiomas, você pode usar ajudantes de conteúdo dinâmico para traduzir seus novos termos. Para obter mais informações sobre conteúdo dinâmico, consulte Ajudantes de conteúdo dinâmico e Suporte a vários idiomas com conteúdo dinâmico.

Você pode criar conteúdo dinâmico no Zendesk Support e usar os ajudantes abaixo no lugar do termo antigo.

Isso permitirá que seus ícones de status sejam traduzidos para os clientes.

Agora que abordamos todos os tópicos, as informações dos usuários finais devem exibir os termos escolhidos e não as opções padrão fornecidas com o recurso.