Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Vamos aprender a realizar a customização do Help Center para o novo padrão.

Pré-requisitos

...

Aviso

Antes de iniciar

Certifique-se de ter o código hexadecimal das cores primária, secundária e terciária do produto.

Dica

Você pode consultar o UX do produto ou acessar o NDS para obter as cores.

Alterar os ícones nos documentos

  •  Documentos principais (ícones com as cores primárias)
  •  Documentos secundários (ícones com a cor secundária)
  •  Documentos adicionais (ícones com a cor cinza)
Dica

Acesse o repositório do produto para ter acesso aos ícones. Caso algum ícone não esteja presente, solicite acesso ao figma para criação.

Documentos principais

  •  Alterar a descrição dos documentos

...

Documento

Descrição

Conheça o [produto]

Explore os módulos e recursos e saiba como podemos ajudar na sustentabilidade do seu negócio.

Usando o [produto]

Acesse os guias completos para a configuração do [produto].

O que há de novo?

Acompanhe o histórico de versões: novas funcionalidades, melhorias, correções e homologações.

Segurança e compliance

Saiba como a NDD garante a segurança e o compliance dos seus dados.

Treinamentos

Obtenha certificações com os treinamentos sobre o NDD Orbix oferecidos pelo NDD Academy.

Manual de Integrações

Entenda como integrar seu sistema ao NDD Orbix utilizando nossas APIs.

Editar o tema do Help Center

Header

  •  Alterar o Logo
  •  Alterar a cor de background do header para a cor Secundária do produto
  •  Alterar a cor de texto do header para branco #FFFFFF

Portal

  •  Alterar o título do Help Center com o nome do produto em minúsculo e tudo junto

...

  •  Alterar a cor de texto do banner para branco #FFFFFF
  •  Alterar o Banner
  •  Mudar o tamanho das caixas para Medium

Categorias

  •  Criar as categorias conforme o contexto dos conteúdos que serão organizados
Painel
panelIconId1f4a1
panelIcon:bulb:
panelIconText💡
bgColor#F4F5F7

Ex: Preciso de ajuda

  • FAQ

  • Tutoriais

  • Solução de problemas

  • Falar com o Suporte

Finalização

  •  Incluir o script Custom CSS alterando o nome do arquivo para o nome do produto
Painel
panelIconId1f4a1
panelIcon:bulb:
panelIconText💡
bgColor#F4F5F7
Bloco de código
languagecss
@import url("https://confluencendd.github.io/public/app-hc-[produto].css”)
  •  Incluir o script Custom JS alterando o nome do arquivo para o nome do produto
Painel
panelIconId1f4a1
panelIcon:bulb:
panelIconText💡
bgColor#F4F5F7
Bloco de código
vp.loadScript("https://confluencendd.github.io/public/app-hc-[produto].js")
.then(() => {
});
  •  Atualizar o Help Center
Dica

Após finalizar os passos, avise o adminstrador do Help Center.