Passar para o conteúdo principal

Personalize seu Help Center

Use este artigo para personalizar a aparência e o comportamento do seu Help Center para os clientes — incluindo branding (logo, cores, fontes), bloco principal e barra de pesquisa, layout de navegação, exibição de artigos, domains, analytics e configur...

Escrito por Beth-Ann Sher

Nas Configurações do Help Center, você encontrará várias 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 idiomas suportados do seu Help Center, domains, analytics, privacidade e imagens de redes sociais, vá para Settings > Help Center. Clique no Help Center que deseja configurar e depois em Configure and style no canto direito.

Página de configurações do Help Center mostrando uma lista de Help Centers com o botão Configure and style destacado no canto superior direito

Na página Configure and Style, abra a aba General.

Página Configure and Style com a aba General selecionada, mostrando configurações para idiomas suportados, domains, analytics, privacidade e imagens de redes sociais

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.

Configurações de idiomas suportados mostrando um menu suspenso de idioma padrão com o botão Save and set live visível

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:

Mesmo que seu Help Centre 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, o 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:

Seção Domains mostrando o formato padrão da URL do Help Center com o nome do app destacado como parte editável da URL

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á até 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:

  • Tanto subdomains (ex: help.exampleapp.io) quanto subpaths (ex: exampleapp.io/help) são suportados.

  • Alterações no DNS podem levar até 72 horas para entrar em vigor, mas normalmente acontecem muito mais rápido.

Para completar 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 mais rápida. Até lá, seu domain Intercom padrão continuará acessível.

Configurações de Domains mostrando o campo de entrada da URL do domain personalizado com o botão Save and set live

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".

Configurações de Analytics mostrando o campo de entrada do Google Analytics Tracking ID onde o GA4 Measurement ID é colado

Como restringir o acesso a artigos

Para restringir artigos apenas a 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.

Configurações de Privacy mostrando o campo de entrada da URL da página de login usado para redirecionar visitantes que tentam acessar artigos restritos

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 para que faça login. Sem uma URL de página de login, nenhum redirecionamento ocorrerá.

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.

Seção de imagens para redes sociais mostrando a área de upload do favicon nas configurações Gerais

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.

Como solucionar um favicon incorreto nos resultados do Google Search

Se o Google Search mostrar um favicon diferente do que foi enviado nas configurações do Help Center, geralmente é um atraso de cache ou reindexação, e não um problema no envio em si.

Confirme se o favicon está corretamente enviado em Geral > Imagens para redes sociais, seguindo as dimensões acima. Se estiver, a divergência no Google Search normalmente ocorre porque o Google ainda não reindexou o Help Center desde a mudança do favicon, ou porque um CDN ou provedor DNS na frente de um domínio personalizado (ex.: Cloudflare) ainda está servindo uma cópia em cache do ícone antigo.

  1. No Google Search Console, use a Inspeção de URL na URL do Help Center e clique em Solicitar indexação para pedir que o Google reindexe a página. Isso requer uma propriedade do Search Console que cubra o domínio do Help Center — uma propriedade com prefixo de URL para um domínio raiz diferente não incluirá um Help Center em um subdomínio — e acesso de proprietário ou usuário completo para solicitar a indexação.

  2. Se o Help Center usar um domínio personalizado atrás de um CDN ou provedor DNS, limpe o cache desse provedor para o arquivo favicon (ex.: /favicon.ico e qualquer caminho personalizado do favicon) para garantir que ele não esteja servindo uma cópia em cache desatualizada.

Nota: o tempo de reindexação do Google não pode ser controlado diretamente, então pode levar um tempo para que o resultado da busca reflita um favicon recém-enviado mesmo após esses passos.

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 social.

Área de upload de imagem para redes sociais nas configurações do Help Center mostrando a proporção recomendada e os requisitos de tamanho do arquivo

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 você excluir um Help Center adicional, os artigos que ele continha não serão excluídos — eles permanecem armazenados com segurança no seu Knowledge Hub.

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.

Página Configurar e Estilo com a aba Estilo aberta, mostrando seções para Importar sua marca, Elementos compartilhados, Cabeçalho, Bloco Hero, Layout e seções, Página de coleção, Página de artigo e Rodapé

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.

Painel Importar sua marca mostrando um campo de entrada de URL de site onde você insere o domínio de nível superior da sua marca

Depois que a marca for 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 publicar para aplicar as mudanças.

Página de estilo do Help Center mostrando logo e cores da marca preenchidos automaticamente após importar a URL da marca

Você precisará fornecer a URL correta ao importar sua marca. Normalmente, este é o domínio de nível superior 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 nesse caso você verá uma mensagem de erro.

Você também verá as cores que foram importadas ao lado de todas as opções de cor na seção Bloco Hero. Isso permite que você edite facilmente as cores de diferentes partes do Help Center, sem perder o acesso às cores da sua marca.

Seletor de cores do Bloco Hero mostrando as cores da marca importadas disponíveis como opções ao lado do seletor de cores padrão

Certifique-se de clicar em Salvar e publicar, pois suas alterações não serão salvas automaticamente.

Adicionando uma imagem hero

Se você escolher incluir uma imagem Hero, é 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 Settings > Help Center > Configure & Style, clique na aba Styling e abra Shared elements para alterar a cor de fundo do corpo e todas as páginas do Help Center (início, coleção, artigo, busca, páginas de erro, etc.) se adaptarão de acordo.

Configurações de elementos compartilhados mostrando o seletor de cor de fundo do corpo que se aplica a todas as páginas do Help Center

Cor da ação

Defina uma cor da ação que contraste bem com a cor de 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 Card ou Floating que se aplica a Coleções e Artigos em todas as páginas.

Seletor de estilo de design de elementos compartilhados mostrando as opções Card e Floating com uma prévia à direita

Quando você escolhe o estilo de design card, 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 hover (quando passar o mouse sobre Artigos dentro de uma Coleção).

Controle deslizante de raio do canto nas configurações de elementos compartilhados para controlar cantos arredondados em cartões de Coleção e Artigo

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

Seletor de fonte nas configurações de Styling do Help Center mostrando os menus suspensos de Fonte primária e Fonte secundária com uma lista de Google Fonts disponíveis

As seguintes fontes estão disponíveis para seleção nas configurações de styling 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 Settings > Help Center > Configure & Style.

Clique na aba Styling e abra Shared elements, depois role para baixo para alternar "Mostrar autores do artigo".

Configurações de elementos compartilhados mostrando a alternância Mostrar autores do artigo, que controla se os nomes dos autores aparecem na página inicial, páginas de coleção e páginas de artigo

Como personalizar o cabeçalho

Em Settings > Help Center > Configure & Style, clique na aba Styling e abra Header para desenhar a seção superior do cabeçalho com seu logo, título da página/nome da empresa e quaisquer links do cabeçalho.

Configurações de estilo do Header mostrando opções para upload do logo, campo do título da página e configuração de links do cabeçalho

O Header também pode ser configurado separadamente para todos os seus idiomas suportados.

Logo

Faça upload de 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 clientes 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 Título da Página. Isso permite atualizar o título da aba do navegador para refletir sua marca.

Links do cabeçalho

Você pode adicionar até 3 links para outras páginas da web — como seu blog ou comunidade.

O Header empurrará o conteúdo para baixo em vez de ficar sobreposto a ele.

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 pesquisa. 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 usuário à mensagem de boas-vindas na página inicial do seu Help Center.

Ele incluirá o atributo do usuário se o cliente estiver logado. Se o cliente for um visitante ou lead (não logado), o valor padrão que você definiu será exibido. Por exemplo, definir um valor padrão como "lá" faz com que um visitante veja "Oi lá!" em vez de uma mensagem de boas-vindas em branco ou quebrada.

Configurações do bloco Hero mostrando o campo da mensagem de boas-vindas com um espaço reservado para atributo do usuário e valor padrão configurado

Nota:

  • Os atributos do usuário só estarão presentes se o cliente tiver configurado os dados do usuário 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 espaço reservado aparecerá em seu lugar. Certifique-se de definir uma mensagem de boas-vindas para controlar o que seus clientes 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 alteração 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 em 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 avatares são transparentes. No entanto, os avatares não serão transparentes:

  • Se o avatar for exibido dentro de um grupo de avatar (e esse grupo não incluir o 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 pesquisa.

Imagem Hero proporção recomendada: 5:2. Tamanho máximo do arquivo 2MB, largura/altura máxima de 3000px. Aparece no topo da sua página inicial e em cada página do seu Help Center — então adicione uma imagem forte que represente sua marca.

"Desvanecer fundo" aparece apenas na página inicial do Help Center.

Altura

Escolha uma altura geral para o cabeçalho do Help Center na página inicial. Altura mínima de 245 pixels e altura máxima de 600 pixels.

Barra de pesquisa

Escolha entre três tamanhos diferentes de barra de pesquisa e depois selecione o alinhamento:

  • Vertical - esquerda ou centro.

  • Horizontal - topo, centro ou inferior.

A tabela a seguir mostra a aparência visual de cada opção de tamanho da barra de pesquisa 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 pesquisa. Mínimo de 0 pixels e máximo de 30 pixels.

Nota: A configuração do comprimento da barra de pesquisa se aplica apenas à página inicial do Help Center. Quando um cliente navega para uma coleção, a barra de pesquisa volta ao tamanho padrão e não mantém o comprimento configurado da página inicial.

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 página inicial. Clique em Edit ao lado de cada seção (Collections, Articles, Content ou Customer Portal) para configurá-la.

Página de Layout and sections mostrando alternadores para as seções Collections, Articles, Content e Customer Portal com botões Edit

A seção Collections controla como a página inicial do seu Help Center exibe suas coleções de conteúdo. Use-a para escolher o layout, estilo do cartão e design de ícone ou imagem para cada coleção.

Como configurar a seção Collections

Nota: As Collections precisam ter artigos publicados em todos os idiomas suportados pelo seu Help Center. Se uma Collection 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 suportado pelo seu Help Center.

Layout

Escolha entre layout de 1, 2 ou 3 colunas.

Seletor de colunas de layout mostrando opções de 1, 2 e 3 colunas para exibir collections na página inicial do Help Center

Selecione um estilo de cartão para Collections:

  • Clássico - O estilo atual do cartão da collection.

  • 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évia será exibida automaticamente à direita.

Seletor de estilo de cartão para Collections mostrando opções Clássico, Visual e Compacto com painel de pré-visualização ao lado direito

Nota: O layout compacto para collections 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.

Painel de pré-visualização mostrando o estilo de cartão selecionado para collections em diferentes resoluções — mobile, tablet e desktop — usando o menu suspenso de resolução

Design

Use ícones, imagens ou apenas texto para seus cartões de Collection.

Seletor de design para cartões de collection mostrando opções Ícones, Imagens e Apenas texto

Se usar ícones, você pode 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 Collections. Por exemplo, selecionar Imagens permitirá que você escolha imagens enviadas em vez de ícones ao atualizar Collections individuais.

Se usar imagens, isso preencherá o fundo do cartão da collection, funcionando muito bem com o modelo visual.

Cartões de collections individuais podem ser estilizados com imagens escolhendo a collection em um menu suspenso. Ou estilos ainda podem ser aplicados a todas as collections escolhendo a opção All collections 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 Articles

Adicione uma seção de Articles na página inicial do seu Help Center.

Página de Layout and sections mostrando o alternador da seção Articles na posição ativada

Uma vez ativada, clique em Edit para selecionar o locale para esses articles, escolha quantas colunas exibir, dê um título para essa seção e então selecione articles do seu Help Center. Você pode selecionar até 12 artigos publicados no seu Help Center.

Editor da seção Articles mostrando seletor de locale, seletor de contagem de colunas, campo de título da seção e seletor de artigos com até 12 artigos selecionáveis

Nota:

  • Para cada locale, você pode selecionar apenas artigos publicados que tenham a tradução nesse idioma.

  • Articles com regras de audience targeting aplicadas podem ser selecionados e exibidos aqui, mas só aparecerão para o cliente se corresponderem às regras de audiência.

  • A pré-visualização exibirá apenas os links dos articles para o locale padrão.

Seção de Content

Adicione uma seção de Content 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 Edit para personalizar a seção de content.

Página de layout e seções mostrando a alternância da seção Conteúdo na posição ativada com um botão Editar

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 de portal no seu Help Center. Para ativá-lo, vá para Settings > Help Center > Configure & Style, abra Layout and sections e ative Customer Portal.

Página de layout e seções mostrando a alternância do Customer Portal que habilita uma aba de portal de ticket no Help Center para organizações de clientes

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.

Página de layout e seções mostrando alças de arrastar ao lado das seções Coleções, Artigos e Conteúdo para reordenar a exibição na página inicial

Como configurar a página da coleção

Descrições de conteúdo

Em Settings > Help Center > Configure & Style, clique na aba Styling e abra Collection page 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.

Configurações da página da coleção mostrando a alternância de Descrições de conteúdo que controla se as descrições dos artigos aparecem nas listagens da 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 Settings > Help Center > Configure & Style, clique na aba Styling e abra Article page 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.

Configurações da página do artigo mostrando a alternância de Artigos relacionados e uma pré-visualização de como até 5 artigos relacionados aparecem abaixo de um artigo

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 Settings > Help Center > Configure & Style, clique na aba Styling e abra Footer onde você pode personalizar completamente o rodapé do seu Help Center para estar alinhado à sua marca.

Configurações de estilo do rodapé mostrando opções de modelo (Simples, Clássico, Multinível) com upload de logo, links de redes sociais e campos para agrupamento de links do rodapé

Controle o sutil link "Powered by Intercom" no rodapé dos artigos do seu Help Center navegando até Settings > General.

Procure a seção "Intercom Attribution Message" e use a alternância para ativar ou desativar.

Página de configurações gerais mostrando a alternância Intercom Attribution Message que controla o link Powered by Intercom nos artigos do Help Center e e-mails enviados

Nota: Esta alternância 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 com a marca 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.

Painel de pré-visualização do Help Center mostrando a visualização da Página inicial com navegação entre os modos de pré-visualização 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.

Painel de pré-visualização do Help Center com seletor de resolução de dispositivo mostrando opções Móvel, Tablet e Desktop

Limitações: O Help Center não suporta incorporação de formulários, iFrames (frames 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 clientes visitam seu Help Center ou News Center

1:1

Tamanho máximo do arquivo: 150KB. Dimensões máximas: 588 × 588px.

Respondeu à sua pergunta?