Vamos aprender a realizar a customização do Help Center para o novo padrão.
Pré-requisitos
- Saber 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 |
|---|---|
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
nddorbix
nddmove
- 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
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
@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.