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

Antes de iniciar

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

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)

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

Abaixo você pode conferir alguns exemplos de descrição, fique a vontade para utilizar outros modelos.

Documento	Descrição

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.

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

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

Criar as categorias conforme o contexto dos conteúdos que serão organizados

Ex: Preciso de ajuda

Incluir o script Custom CSS alterando o nome do arquivo para o nome do produto

@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

vp.loadScript("https://confluencendd.github.io/public/app-hc-[produto].js")
.then(() => {
});

Atualizar o Help Center

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