Nas Configurações do Help Center, você encontrará uma ampla variedade de opções de personalização para ajudar a marcar seu Help Center e controlar como ele aparece para seus clientes. Veja como configurar e visualizar as alterações em um Help Center em tempo real.
Nota: Você precisa de acesso às configurações do Help Center para fazer as alterações deste artigo. Se você não conseguir ver Settings > Help Center, entre em contato com o administrador do seu workspace para solicitar acesso.
Como configurar as configurações gerais
Para configurar os Supported languages, domains, analytics, privacy e imagens de redes sociais do seu Help Center, vá para Settings > Help Center. Clique no Help Center que deseja configurar e depois em Configure and style no canto direito.
Na página Configure and Style, abra a aba General.
Se você usar Multi Help Center, pode configurar as configurações para cada Help Center separadamente.
Nome do Help Center
Para alterar o nome interno do seu Help Center, vá para Settings > Help Center e clique em Configure and Style ao lado do Help Center que deseja renomear. Depois clique no nome do Help Center no canto superior esquerdo da página para editá-lo inline.
Como definir seu idioma padrão
Para escolher um idioma padrão, vá para Settings > Help Center > Configure & Style, clique na aba General e abra Supported languages.
Selecione seu idioma padrão e clique em Save and set live.
Depois de escolher seu Default language, a interface do seu Help Center será exibida no idioma definido. Isso mudará o idioma de:
Prompt de pesquisa na sua página inicial.
Contagem de artigos, autor e data da última modificação.
Prompt de reações nos seus artigos.
Logo ‘We run on Intercom’ e mais.
Nota:
Você também pode suportar múltiplos idiomas no seu Help Center.
Se quiser alterar o idioma do Messenger, é necessário fazer isso separadamente nas suas Messenger Settings.
Mesmo que seu Help Center suporte apenas um idioma, ainda haverá uma opção de menu suspenso que mostra um único idioma e não é possível removê-la.
Como configurar o domain do seu Help Center
Use seu domain padrão
Depois que seu Help Center estiver ativo, a Intercom disponibiliza seu conteúdo em um domain Intercom por padrão. Certifique-se de que seu Help Center está set live antes de continuar.
Para encontrar sua URL padrão, vá para Settings > Help Center > Configure & Style, clique na aba General e abra Domains.
O nome do seu app fará parte da sua URL. Por exemplo, se o nome do seu app for ‘ExampleApp’, sua URL ficará assim:
Você pode editar a parte do nome do app na sua URL (ex: exampleapp) para o que quiser.
Definir um domain personalizado
Se preferir disponibilizar seu conteúdo através do seu próprio domain, você pode configurar um domain personalizado.
Vá ao seu provedor de DNS — o serviço que gerencia as configurações do seu domain (ex: GoDaddy, Cloudflare, DNSimple ou Route53) — e crie um registro CNAME (uma entrada DNS que aponta seu domain para outro endereço) com o host alvo custom.intercom.help. Criamos este guia para ajudar você ou seu engenheiro a configurar isso.
Nota:
São suportados tanto subdomains (ex: help.exampleapp.io) quanto subpaths (ex: exampleapp.io/help).
As alterações de DNS podem levar até 72 horas para entrar em vigor, mas normalmente acontecem muito mais rápido.
Para concluir a configuração, vá para Settings > Help Center > Configure & Style e abra Domains. Insira a URL do seu domain personalizado e clique em Save and set live. Após salvar, seu domain personalizado será ativado — a propagação do DNS pode levar até 72 horas, embora normalmente seja resolvida muito mais rápido. Até lá, seu domain Intercom padrão continuará acessível.
Você também pode optar por desativar a indexação por motores de busca e manter seus artigos privados.
Como conectar o Google Analytics
Para integrar o Google Analytics com seu Help Center e obter insights sobre o comportamento dos visitantes, você só precisa do seu GA4 Measurement ID (encontrado na sua conta do Google Analytics em Admin > Data Streams).
Depois de copiar seu GA4 Measurement ID da sua conta do Google Analytics, vá para Settings > Help Center > Configure & Style e abra Analytics, então cole-o em "Google Analytics Tracking ID".
Como restringir o acesso a artigos
Para restringir artigos apenas para usuários logados, defina o público do artigo como Users no painel Detalhes do artigo. Uma vez que um artigo esteja definido como Users, ele fica visível apenas para pessoas logadas no seu produto — visitantes e leads não o verão no seu Help Center ou nos resultados de pesquisa. Vá para Settings > Help Center > Configure & Style e abra Privacy para inserir um link para sua página de login.
Quando um visitante ou lead tentar acessar um artigo restrito (definido apenas para Users), ele será redirecionado para a URL da página de login que você inseriu aqui, com um aviso incentivando-o a fazer login. Sem uma URL de página de login, nenhum redirecionamento ocorrerá.
Saiba mais sobre indexação por motores de busca.
Não é possível tornar o Help Center privado. Os clientes ainda poderão acessar seu Help Center se você tornar todos os seus artigos privados, mas não poderão ver nenhum artigo até fazerem login.
Imagens para redes sociais
Favicon
Em Configurações > Help Center > Configurar & Estilo > Geral > Imagens para redes sociais, você pode enviar um favicon. Este favicon aparece antes do título na aba do navegador dos seus clientes ao visitarem seu site do Help Center.
Nota: Na página inicial do Help Center, o título da aba do navegador inclui automaticamente um prefixo gerado pelo sistema antes do nome do seu site (ex.: "Home |" (para inglês)). Este prefixo não pode ser removido ou personalizado pelos membros do workspace no momento.
Proporção recomendada: 1:1. Tamanho máximo do arquivo: 150KB. Dimensões máximas: 588 x 588px.
Imagem para redes sociais
Você também pode enviar uma imagem para redes sociais em alta resolução. A imagem para redes sociais aparece quando seu Help Center ou artigos são compartilhados no Facebook, Twitter ou qualquer outra plataforma de redes sociais.
Dimensões recomendadas: 1200 x 630px (proporção 1,91:1). Tamanho máximo do arquivo: 2MB.
Como excluir um Help Center
Esta opção está disponível apenas quando você tem múltiplos Help Centers, você não pode excluir seu Help Center original (padrão) do seu workspace.
Se este for seu único Help Center e você quiser removê-lo, pode configurá-lo como Não ativo em vez disso.
Se você excluir um Help Center, não há como restaurá-lo.
Como configurar as configurações de estilo
Para gerenciar o estilo do seu Help Center e como o conteúdo aparece na página inicial, coleções, artigos, cabeçalho e rodapé, vá para Configurações > Help Center > Configurar & Estilo e abra a aba Estilo.
Se você usar Multi Help Center, pode configurar as configurações de Estilo para cada Help Center separadamente.
Como importar sua marca
Vá para Configurações > Help Center > Configurar & Estilo, clique em Estilo e abra Importar sua marca para inserir a URL da sua marca. O Intercom então aplicará automaticamente o estilo do seu Help Center para parecer com sua marca.
Uma vez que a marca tenha sido importada, o Intercom aplica automaticamente o logo e as cores dela. A pré-visualização do seu Help Center à direita é atualizada para refletir a marca importada. Clique em Salvar e ativar para aplicar as mudanças.
Você precisará fornecer a URL correta ao importar sua marca. Normalmente, este é o domínio principal do seu site. Por exemplo, "example.com" em vez de "subdomain.example.com". Alguns domínios não são acessíveis ou não funcionam, e neste caso você verá uma mensagem de erro.
Você também verá as cores que foram importadas ao lado de todas as opções de cores na seção Bloco principal. Isso permite que você edite facilmente as cores de diferentes partes do Help Center, sem perder o acesso às cores da sua marca.
Certifique-se de clicar em Salvar e ativar, pois suas alterações não serão salvas automaticamente.
Adicionando uma imagem principal
Se você escolher incluir uma imagem principal, é importante notar que a imagem é responsiva. Isso significa que ela se ajustará automaticamente para preencher toda a área do cabeçalho. Para evitar que sua imagem seja cortada ou esticada, você precisará combinar a proporção da imagem com a altura do cabeçalho escolhida.
Dimensões e proporções recomendadas
Use esta tabela para garantir que sua imagem corresponda à altura do cabeçalho que você selecionou nas configurações:
Tamanho do cabeçalho | Altura | Proporção recomendada | Dimensões de exemplo |
Pequeno | 245px | 6:1 | 1470 x 245px |
Médio | 360px | 4:1 | 1440 x 360px |
Grande | 480px | 3:1 | 1440 x 480px |
Como configurar elementos compartilhados
Cor de fundo do corpo
Vá para Configurações > Help Center > Configurar & Estilo, clique na aba Estilo e abra Elementos compartilhados para alterar a cor de fundo do corpo; todas as páginas do Help Center (início, coleção, artigo, busca, páginas de erro, etc.) se adaptarão conforme.
Cor da ação
Defina uma cor da ação que contraste bem com o fundo do corpo — ela se aplica a botões, links e outros elementos interativos em todo o seu Help Center.
Nota:
A cor da ação não será atualizada para ícones enviados nos formatos JPEG/PNG/GIF.
A cor será atualizada assim que seu Help Center for publicado.
Estilo de design
Escolha entre o estilo de design Cartão ou Flutuante, que se aplica a Coleções e Artigos em todas as páginas.
Quando você escolhe o estilo de design cartão, a cor de fundo do cartão será gerada automaticamente para fornecer contraste suficiente com a cor de fundo do Help Center. A cor de fundo do cartão não pode ser personalizada.
Raio do canto
Defina o raio do canto para elementos em suas Coleções, Artigos e estados de foco (quando passar o mouse sobre Artigos dentro de uma Coleção).
Nota: Ícones personalizados enviados para cartões de coleção são tratados como imagens independentes e não herdam automaticamente o raio do canto configurado aqui. Para obter cantos arredondados em ícones personalizados, arredonde a imagem antes de enviá-la.
Fonte
Escolha entre uma lista de Google Fonts pré-carregadas para uso no seu Help Center:
Fonte primária - Usada na Mensagem de boas-vindas, títulos e cabeçalhos.
Fonte secundária - Usada para descrições, texto do corpo do artigo e todo o outro texto
As seguintes fontes estão disponíveis para seleção nas configurações de estilo do seu Help Center:
Bitter
Inter
Lato
Lora
Montserrat
Open Sans
Oswald
Playfair Display
Poppins
Noto Sans
Noto Serif
Raleway
Roboto
Roboto Mono
Roboto Slab
Nota:
A fonte selecionada não se aplica ao Messenger, que sempre usará a fonte do sistema.
A fonte que usávamos anteriormente proxima nova foi removida em junho de 2023; você pode usar Montserrat ou Open Sans para obter um visual semelhante.
Ou clique em Gerenciar fontes personalizadas para enviar sua própria fonte personalizada que combine com o estilo da sua marca.
Mostrar autores do artigo
Mostrar ou ocultar autores do artigo na Página inicial, Coleções e Artigos indo para Configurações > Help Center > Configurar & Estilo.
Clique na aba Estilo e abra Elementos compartilhados, depois role para baixo para alternar "Mostrar autores do artigo".
Como personalizar o cabeçalho
Em Configurações > Help Center > Configurar & Estilo, clique na aba Estilo e abra Cabeçalho para projetar a seção superior do cabeçalho com seu logo, título da página/nome da empresa e quaisquer links do cabeçalho.
O cabeçalho também pode ser configurado separadamente para todos os seus idiomas suportados.
Logo
Envie uma versão em alta resolução do seu logo.
Proporção recomendada: 5:1. Máximo de 1MB, largura/altura máxima de 720px.
Se você adicionar um logo ao Header do seu Help Center, ele substituirá o Título da Página. Se você adicionar um logo ao Footer do seu Help Center, ele substituirá o Título da Página.
Título da página
O campo Título da Página controla o texto que aparece na aba do navegador dos seus customers quando visitam seu Help Center. Para personalizá-lo, vá para Settings > Help Center > Configure & Style, clique na aba Styling, abra Header e insira seu título preferido em Page Title. Isso permite atualizar o título da aba do navegador para refletir sua marca.
Links do Header
Você pode adicionar até 3 links para outras páginas da web — como seu blog ou comunidade.
O Header empurrará outros conteúdos para baixo em vez de ficar sobreposto a eles.
Como personalizar o bloco hero
O bloco Hero é a grande área de banner no topo da página inicial do seu Help Center — a seção que contém sua mensagem de boas-vindas e a barra de busca. Ele fica abaixo do Header (que exibe seu logo e links de navegação) e acima do restante do conteúdo da página.
Mensagem de boas-vindas
Em Settings > Help Center > Configure & Style, clique na aba Styling e abra Hero block para adicionar atributos do user à mensagem de boas-vindas na página inicial do seu Help Center.
Ele incluirá o atributo do user se o customer estiver logado. Se o customer for um visitante ou lead (não logado), o valor de fallback que você definiu será exibido. Por exemplo, definir um fallback como "there" significa que um visitante verá "Hi there!" em vez de uma mensagem de boas-vindas em branco ou quebrada.
Nota:
Os atributos do user só estarão presentes se o customer tiver configurado os dados do user de alguma forma. Exemplo: Via a API javascript, Configurando usuários logados, etc.
A mensagem de boas-vindas pode ser configurada em todos os seus idiomas suportados.
A mensagem de boas-vindas do bloco Hero não pode ficar em branco. O bloco Hero é um componente principal da página inicial do Help Center e sempre exibirá algum texto — se o campo da mensagem de boas-vindas ficar vazio, um texto padrão ou placeholder aparecerá em seu lugar. Certifique-se de definir uma mensagem de boas-vindas para controlar o que seus customers veem.
Importante: Isso se aplica apenas se você mudar para a nova experiência do Help Center. A linha de descrição do bloco hero — a frase que antes aparecia abaixo do título hero na página inicial do Help Center — foi removida do novo design. Se seu Help Center tinha essa linha antes da mudança, ela não pode ser restaurada, mesmo voltando ao design clássico. Essa mudança não pode ser revertida.
Fundo
A cor de fundo que você escolher será aplicada a estes itens:
Cor do ícone do Avatar (quando nenhuma imagem estiver disponível).
Links nos artigos.
A cor e o gradiente do seu bloco Hero, ou upload de imagem.
Desvanecer fundo (se estiver usando um gradiente de cor).
Atualmente, por padrão, todos os avatars são transparentes. No entanto, os avatars não serão transparentes:
Se o avatar for exibido dentro de um grupo de avatar (e esse grupo não incluir avatar Fin)
Se esse grupo de avatar contiver mais de um avatar
Cor do texto
A cor do texto que você escolher será aplicada a:
Links no bloco Hero.
Texto na barra de Search.
Imagem Hero proporção recomendada: 5:2. Tamanho máximo do arquivo 2MB, largura/altura máxima de 3000px. Aparece no topo da sua homepage e em cada página do seu Help Center - então adicione uma imagem forte que represente sua marca.
"Fade background" aparece apenas na página inicial do Help Center.
Altura
Escolha uma altura geral para o header do Help Center na homepage. Altura mínima de 245 pixels e máxima de 600 pixels.
Barra de Search
Escolha entre três tamanhos diferentes de barra de Search e depois selecione o alinhamento:
Vertical - esquerda ou centro.
Horizontal - topo, centro ou base.
A tabela a seguir mostra a aparência visual de cada opção de tamanho da barra de Search disponível nas configurações do bloco Hero:
Curto |  |
Médio |  |
Longo |  |
Raio do canto
Você também pode selecionar um raio do canto para a barra de Search. Mínimo de 0 pixels e máximo de 30 pixels.
Nota: A configuração do comprimento da barra de Search se aplica apenas à página inicial do Help Center. Quando um customer navega para uma coleção, a barra de Search volta ao tamanho padrão e não mantém o comprimento configurado da homepage.
Como configurar layout e seções
Em Settings > Help Center > Configure & Style, clique na aba Styling e abra Layout and sections para projetar como as Collections são exibidas e escolha habilitar seções para Articles, Content e Customer Portal na homepage. Clique em Edit ao lado de cada seção (Collections, Articles, Content ou Customer Portal) para configurá-la.
A seção Collections controla como a homepage do seu Help Center exibe suas coleções de conteúdo. Use-a para escolher o layout, estilo do cartão e design do ícone ou imagem para cada coleção.
Como configurar a seção de Coleções
Nota: As Coleções precisam ter artigos publicados em todos os idiomas suportados para seu Help Center. Se uma Coleção tiver apenas uma versão em inglês publicada, ela não aparecerá nas configurações de estilo, pois essas configurações são universais para todos os idiomas do Help Center. Para resolver isso, navegue até a coleção e certifique-se de ter criado e publicado pelo menos um artigo para cada idioma que seu Help Center suporta.
Layout
Escolha entre layout de 1, 2 ou 3 colunas.
Selecione um estilo de cartão para Coleções:
Clássico - O estilo atual do cartão de coleção.
Visual - Usa um espaço maior para ícones e imagens.
Compacto - Mostra as informações mais importantes usando o mínimo de espaço.
Quando você clicar em um estilo de cartão, uma pré-visualização será exibida automaticamente à direita.
Nota: O layout de coleções compacto requer o plano Expert.
Todos os estilos de cartão são responsivos e ficam ótimos em qualquer resolução, incluindo mobile, desktop e tablet, que você também pode pré-visualizar à direita usando o menu suspenso e selecionando a opção que deseja ver.
Design
Use ícones, imagens ou apenas texto para seus cartões de Coleção.
Se usar ícones, você poderá alterar as seguintes cores:
Cor do ícone: selecione a cor usando o seletor de cores ou insira um código hexadecimal.
Fundo do ícone:
Cor - selecione a cor usando o seletor de cores ou insira um código hexadecimal.
Imagem - faça upload de uma imagem.
Gradiente - crie um gradiente usando até três cores com o seletor de cores ou insira um código hexadecimal.
Nota:
Proporção recomendada: 1:1
Dimensões recomendadas: altura/largura máxima de 48px
A seleção de design determina as opções disponíveis para atualizações de Coleções. Por exemplo, selecionar Imagens permitirá que você escolha imagens enviadas em vez de ícones ao atualizar Coleções individuais.
Se usar imagens, isso preencherá o fundo do cartão da coleção, funcionando muito bem com o modelo visual.
Cartões de coleção individuais podem ser estilizados com imagens escolhendo a coleção em um menu suspenso. Ou estilos ainda podem ser aplicados a todas as coleções escolhendo a opção Todas as coleções no menu suspenso, o que sobrescreverá quaisquer estilos individuais.
Nota:
A cor do ícone só pode ser alterada em ícones padrão ou ícones personalizados que você enviou no formato SVG (Scalable Vector Graphics — um formato de arquivo que suporta alterações de cor sem perda de qualidade).
Uploads SVG serão renderizados em uma única cor.
A cor de fundo é opcional e pode ser desativada.
Seção de artigos
Adicione uma seção de Artigos na página inicial do seu Help Center.
Uma vez ativada, clique em Editar para selecionar o idioma desses artigos, escolha quantas colunas exibir, dê um título a essa seção e então selecione artigos do seu Help Center. Você pode selecionar até 12 artigos publicados no seu Help Center.
Nota:
Para cada idioma, você pode selecionar apenas artigos publicados que tenham a tradução nesse idioma.
Artigos com regras de audience targeting aplicadas podem ser selecionados e exibidos aqui, mas só aparecerão para o cliente se corresponderem às regras de público.
A pré-visualização exibirá apenas os links dos artigos para o idioma padrão.
Seção de conteúdo
Adicione uma seção de Conteúdo personalizável na página inicial do seu Help Center. Este é um ótimo lugar para destacar um novo recurso, webinar ou call-to-action para seus clientes. Uma vez ativada, clique em Editar para personalizar a seção de conteúdo.
Crie conteúdo localizado selecionando um dos seus idiomas suportados.
Adicione um título opcional, descrição e botão de call-to-action ao cartão de conteúdo.
Role para baixo para estilizar a seção de conteúdo:
Design - Escolha entre cartão ou tela cheia.
Fundo - Selecione uma cor, imagem ou gradiente.
Cor do texto - Selecione a cor do texto para o título e a descrição.
Veja como a seção de conteúdo aparecerá na página inicial com a pré-visualização à direita. A pré-visualização será exibida apenas no seu idioma padrão.
Lembre-se de selecionar Salvar e publicar quando estiver pronto para adicionar a seção de conteúdo ao seu Help Center.
Portal do cliente
O Customer Portal pode ser ativado se você estiver usando tickets Intercom. Ele oferece às organizações dos seus clientes uma visão em tempo real de todos os seus tickets abertos e resolvidos em um só lugar. Uma vez ativado, os clientes que pertencem a uma empresa no Intercom verão uma aba do portal no seu Help Center. Para ativá-lo, vá para Configurações > Help Center > Configurar & Estilo, abra Layout e seções e ative o Customer Portal.
Ordem
Para exibir Artigos acima ou abaixo das suas Coleções na página inicial, basta usar a ferramenta de arrastar e soltar ao lado de cada seção para reordená-las.
Como configurar a página da coleção
Descrições de conteúdo
Em Configurações > Help Center > Configurar & Estilo, clique na aba Estilo e abra Página da coleção para mostrar ou ocultar "Descrições de conteúdo" em cada uma das suas coleções. Ocultar descrições facilita a visualização dos seus artigos, mostrar descrições ajuda os clientes a entender o que esperar dentro daquela coleção.
Nota: A seção de coleções não pode ser desativada como outras seções.
Como configurar a página do artigo
Sumário
Em Configurações > Help Center > Configurar & Estilo, clique na aba Estilo e abra Página do artigo para ativar ou desativar um sumário em cada artigo usando qualquer título H1 ou H2 nos seus artigos.
Artigos relacionados
Você também pode exibir até 5 artigos relacionados abaixo de cada artigo no seu Help Center.
Como personalizar o rodapé
Personalize a aparência do rodapé do seu Help Center com três modelos possíveis: simples, clássico ou multinível. Personalize seu rodapé fazendo upload de um logo, adicionando até 16 links de redes sociais e agrupando links do rodapé no modelo escolhido para fácil organização.
Este rodapé será consistente em todas as páginas do seu Help Center (página inicial, coleções, artigos).
Selecionando um modelo de rodapé
Em Configurações > Help Center > Configurar & Estilo, clique na aba Estilo e abra Rodapé onde você pode personalizar completamente o rodapé do seu Help Center para estar alinhado à sua marca.
Controle o sutil link "Powered by Intercom" no rodapé dos artigos do seu Help Center navegando até Configurações > Geral.
Procure a seção "Intercom Attribution Message" e use o botão para ativar ou desativar.
Nota: Este botão controla simultaneamente e-mails enviados e artigos do Help Center. Não é possível ativar o link para o site Intercom em um e desativá-lo no outro.
Como visualizar seu Help Center
É fácil visualizar seu Help Center personalizado e ver quaisquer alterações feitas em tempo real antes de publicá-las, usando a Pré-visualização para Página inicial, Coleções e Artigos.
Você também pode selecionar diferentes resoluções para pré-visualizar em dispositivos Móvel, Tablet e Desktop.
Limitações: O Help Center não suporta incorporação de formulários, iFrames (quadros embutidos) ou HTML personalizado em artigos ou páginas.
Referência de dimensões de imagem para Help Center e News Center
Use estas dimensões recomendadas ao enviar imagens para seu Help Center ou News Center. São recomendações, não limites rígidos, mas segui-las garante a melhor qualidade de exibição.
Imagem | Onde aparece | Proporção recomendada | Tamanho e dimensões do arquivo |
Logo | Cabeçalho e rodapé do seu Help Center e News Center | 5:1 | Máximo de 1MB. Largura/altura máxima: 720px. |
Imagem do cabeçalho | Área do banner no topo de cada página do seu News Center | 5:2 | Para renderização nítida em telas grandes, aponte para aproximadamente 3000 × 1200px. |
Favicon | Aba do navegador quando os clientes visitam seu Help Center ou News Center | 1:1 | Tamanho máximo do arquivo: 150KB. Dimensões máximas: 588 × 588px. |