Personalizar a marca do seu portal

Logo

1. Abra Central de Ajuda na navegação principal e vá até a aba Configurações.
2. Em Identidade visual, clique em Enviar ao lado de Logo e escolha um arquivo PNG, JPG, WebP ou AVIF de até 1 MB.

O logo aparece à esquerda no cabeçalho da central de ajuda. Um logo quadrado fica ao lado do nome do seu portal; um logo largo, que já traz o seu nome, substitui o nome. Use Substituir para trocar o arquivo e Remover logo para voltar a mostrar só o nome. Arquivos SVG não são aceitos.

Imagem de destaque

A imagem de destaque é a foto larga atrás do título e da busca na página inicial da sua central de ajuda. As páginas de artigo, de categoria e de busca mostram uma faixa dela embaixo do cabeçalho. Envie em Identidade visual > Imagem de destaque: PNG, JPG, WebP ou AVIF, de até 3 MB. Com pelo menos 1600 pixels de largura ela fica nítida em telas grandes. Sem imagem, o destaque usa um degradê suave na cor da sua marca.

Não tem uma imagem própria? Em Ou escolha uma das nossas pinturas você escolhe uma de 9 pinturas do site da Deskwoot, como Lago com píer ou Balão ao nascer do sol. Nos celulares, uma versão vertical preenche a faixa quando existe. Se o texto sobre a imagem é claro ou escuro, quão forte é a sombra sobre ela e qual parte fica à vista você define em Aparência, veja Personalização avançada da marca na central de ajuda.

Cor da marca

A cor da marca é usada nos links, botões e outros detalhes da sua central de ajuda, e no ícone da aba do navegador quando você não define um favicon. Digite um código hex como #1A73E8 ou use o seletor de cores. Escolha uma cor com contraste suficiente contra o branco, para os links continuarem fáceis de ler.

Links do cabeçalho

Em Links do cabeçalho você adiciona até 6 links ao cabeçalho da central de ajuda, por exemplo de volta ao seu site, para o seu app ou para uma página de login. Para cada link você define:

• um Texto e um endereço que começa com https:// ou mailto:,
• um estilo: Link do menu (ao lado do logo), Link à direita ou Botão (um botão preenchido à direita).

Clique em + Adicionar link para uma nova linha e use as setas para mudar a ordem. Um link é salvo quando tem texto e um endereço válido. Com as abas de idioma (EN, DE, PT, HI) você dá a cada texto a sua tradução. Um texto sem tradução aparece em inglês. Em telas pequenas, os links vão para o menu.

Fontes

• Fonte, em Aparência, define a fonte de toda a central de ajuda: Padrão do sistema, Instrument Sans, Inter, Roboto, Open Sans, Lato, Poppins, Montserrat, Nunito, Source Sans ou Plus Jakarta Sans.
• Fonte dos títulos define a fonte dos títulos das páginas e das seções. O padrão é Igual à fonte da página.
• Fonte de leitura define a fonte do texto dos seus artigos. Igual à fonte da página mantém uma fonte só. Literata é uma serifada tranquila, feita para leituras longas, e todas as fontes de página também estão disponíveis aqui.

E-mail de suporte

Informe um E-mail de suporte e a sua central de ajuda o oferece em Ainda precisa de ajuda?, para os visitantes chegarem a uma pessoa. Quando o widget de chat está desligado, ele também é o caminho até a sua equipe embaixo de uma resposta de IA na busca. Deixe em branco para não mostrar nenhum e-mail.

Favicon, título e subtítulo

O Favicon é o ícone na aba do navegador. Em Identidade visual, clique em Enviar ao lado de Favicon e escolha um PNG ou WebP quadrado de 32 a 1024 pixels de largura, de até 256 KB. Sem ele, a aba mostra a primeira letra do nome do seu portal na cor da sua marca, e a sua central de ajuda nunca mostra o ícone do Deskwoot. O Título da página é o título grande da página inicial, e o Subtítulo é a linha embaixo dele.

Domínio próprio e marca própria (Enterprise)

A sua central de ajuda fica em seu-slug.deskwoot.com. No plano Enterprise você pode usar um domínio seu, como ajuda.suaempresa.com.br, com certificado SSL grátis. Veja Configurar um domínio personalizado para sua central de ajuda. O Enterprise também pode esconder o "Powered by Deskwoot" no rodapé, veja Personalize sua central de ajuda com marca própria. Tema e cores, texto, sombra e recorte da imagem de destaque, cantos, cabeçalho, ícones das coleções, as partes das páginas de artigo, títulos próprios das seções, Custom CSS e HTML próprio de cabeçalho ou rodapé estão em Personalização avançada da marca na central de ajuda.

Perguntas frequentes

Posso enviar o meu logo?

Sim. Na aba Configurações, em Identidade visual, envie um arquivo PNG, JPG, WebP ou AVIF de até 1 MB. Ele aparece no cabeçalho da central de ajuda.

Qual deve ser o tamanho da imagem de destaque?

Larga, com pelo menos 1600 pixels, e até 3 MB. Ela fica atrás do título e da busca, então uma imagem calma, sem texto, funciona melhor.

Posso usar uma imagem sem enviar nenhuma?

Sim. Escolha uma das nossas pinturas em Identidade visual > Ou escolha uma das nossas pinturas. Você pode trocar por uma imagem sua quando quiser.

Os links do cabeçalho podem levar à página de login do meu app?

Sim. Qualquer endereço que começa com https:// funciona, e mailto: para um link de e-mail. Escolha Botão para dar destaque.

Os links do cabeçalho mudam com o idioma?

Sim, se você traduzir. Use as abas de idioma em Links do cabeçalho para dar a um texto a versão em alemão, português ou hindi. Sem tradução, aparece o texto em inglês.

O que a fonte de leitura muda?

Só o texto dos seus artigos. Cabeçalho, menus e página inicial mantêm a fonte da página.

Por que SVG não é aceito para o logo?

Um arquivo SVG pode carregar scripts, e SVGs enviados não são limpos. Salve o seu logo como PNG ou WebP.

Posso desfazer uma mudança na identidade visual?

Em parte. O histórico na aba Design guarda mudanças na cor da marca, no título da página, no subtítulo, nos links do cabeçalho, no Custom CSS, nas seções da página inicial e nas opções de Aparência, como cantos e texto sobre a imagem. Logo, imagem de destaque, fontes, cores do tema, favicon e e-mail de suporte não fazem parte dele.

A cor da marca muda o meu widget de chat?

Não. O widget de chat tem as próprias configurações de aparência na sua caixa de entrada de chat ao vivo. Veja Personalizar seu widget de chat.