Passar para o conteúdo principal

Formatar um artigo

Usando estilos de texto, blocos de callout, listas, tabelas, multimídia e mais no editor de artigos.

Escrito por Alek Toumert

Formate seus artigos públicos e internos a partir do editor de artigos dentro de Knowledge para facilitar que clientes, colegas e AI escaneiem e extraíam as informações de que precisam.


Formatar texto

Basta destacar seu texto para revelar as opções de formatação. Você pode adicionar títulos, texto em negrito, itálico, código inline, links ou alinhar o texto.


Inserir link para outro artigo

Destaque o texto que deseja vincular a outro artigo:

Depois de clicar no ícone de link, uma janela de pesquisa de artigos aparecerá:

Se o título ou custom domain do seu artigo mudar, o link existente redirecionará automaticamente redirect para a nova URL.


Barra de ferramentas do editor

A barra de ferramentas do editor de Artigos

Use a barra de ferramentas na parte inferior do editor para executar as seguintes ações:

Inserir imagem

Faça upload de uma imagem ou GIF do seu dispositivo ou cole uma diretamente em um artigo. Os formatos suportados são PNG, JPEG, SVG e GIF. Clique na imagem para adicionar um link, texto alternativo, alinhar, tornar inline com o texto ou redimensioná-la.

Não recomendamos copiar/colar imagens de outros workspaces; em vez disso, faça upload diretamente do seu dispositivo. Se um workspace de onde você copiou imagens ficar inativo, mesmo que as imagens tenham sido adicionadas ao artigo antes disso, as imagens não serão mais visíveis.

Fornecer uma descrição no texto alt torna a imagem acessível aos mecanismos de busca e screen readers.

Você também pode optar por envolver o texto em torno das imagens. Isso dará mais flexibilidade para posicionar uma imagem onde precisar no artigo.

Observação:

  • Ao fazer upload de uma imagem ou GIF, o tamanho máximo do arquivo é 104MB.

  • A largura máxima que uma imagem pode ter é 650 pixels, pois essa é a largura da coluna de texto do artigo.

  • Imagens ou GIFs inválidos ou ausentes após a publicação geralmente são causados por um problema de publicação ou cache. Para corrigir, tente despublicar o artigo e publicá-lo novamente. Se a imagem ainda estiver ausente, faça um hard-refresh no navegador ou limpe o cache e tente novamente. Se nada funcionar, entre em contato com nossa equipe de Suporte.

Incorporar vídeo

Incorpore vídeos via YouTube, Vimeo, Wistia, Loom, JW Player, Microsoft Stream, Brightcove ou Synthesia. Você também pode incorporar conteúdo de demonstração (incluindo formatos mobile, html, screenshot e showcase) via Supademo, Clueso, Arcade, Supercut, Tella ou Storylane.

Clique no ícone de vídeo na barra de ferramentas para incorporar um vídeo de qualquer um desses sites suportados inserindo a URL do vídeo diretamente no pop-up de incorporação.

Dica: Incorpore YouTube Shorts no corpo de um Artigo inserindo sua URL no seguinte padrão: https://www.youtube.com/shorts/[VIDEO_ID]

Criar uma tabela

Crie uma tabela personalizável. O padrão é 3x3 e é fácil ajustar o número de colunas e linhas a partir do editor de artigos.

Adicionar ou remover colunas

Para adicionar uma coluna, passe o cursor sobre o ponto no topo de qualquer coluna para revelar o menu da coluna. A partir daí você pode:

  • Adicionar uma coluna à esquerda

  • Adicionar uma coluna à direita

  • Excluir a coluna

Adicionar ou remover linhas

Para adicionar uma linha, passe o cursor sobre o ponto à esquerda de qualquer linha para revelar o menu da linha. A partir daí você pode:

  • Adicionar uma linha acima

  • Adicionar uma linha abaixo

  • Excluir a linha

Observação:

  • Não é possível adicionar tabelas dentro de seções recolhíveis ou callouts.

  • Excluir uma tabela excluirá todo o conteúdo dentro dela.

Para alterar a cor de fundo da célula, selecione as células e escolha uma das 6 cores predefinidas. Para redefinir a cor de fundo da célula, selecione as células e escolha branco (a última opção na lista de cores).

Redimensione a largura de uma coluna da tabela usando a alça de arraste interna.

Inserir divisor

Adicione um divisor para dividir seu conteúdo em seções. 👇


Inserir botão

Insira um botão e adicione texto personalizado ao botão com uma URL de destino. Clique em um botão para editar o texto ou o link, ou alinhe-o (à esquerda ou centralizado).

Se precisar excluir o botão, um link deve ser inserido primeiro; caso contrário, a opção de excluir será direcionada ao campo de link vazio e não será possível excluir o botão real.

Depois de inserir um link, você deverá conseguir selecionar o botão para excluí‑lo, ou pressionar backspace no teclado após posicionar o cursor depois do botão.

Observação: Artigos não suportam JavaScript personalizado ou manipuladores onclick. Qualquer botão adicionado a um artigo será exibido como um link com estilo — ele não executará JavaScript ao ser clicado. Para abrir o Messenger a partir de um botão, vincule‑o a uma página do seu app onde o Intercom esteja instalado e acione o Messenger lá usando JavaScript (por exemplo, Intercom('show')).

Inserir callout

Adicione um bloco de callout e selecione uma cor para destacar informações importantes dentro do artigo.

Para sair do callout e continuar escrevendo no corpo principal do artigo, clique fora do callout.

Para excluir o callout, basta apagar o conteúdo e pressionar a tecla backspace do teclado mais uma vez.

Inserir código

Para adicionar um bloco de código, use a barra de ferramentas na parte inferior do editor ou apenas digite três acentos graves ( ``` ) no início e no fim do seu trecho de código. Seu bloco de código final ficará assim:

example code block
example code block

No Classic Messenger e no Android SDK, blocos de código são renderizados em um bloco rolável dedicado com realce de sintaxe e números de linha. Os clientes podem copiar o código com um botão de cópia com um clique, ou expandi‑lo em tela cheia para ler trechos mais longos com mais facilidade.

Para adicionar código inline, digite um acento grave ( ` ) no início e no fim do seu trecho de código. Ficará assim:

Esta linha contém algum example inline code.

O recurso Inserir código é apenas para exibir blocos de código. Esse código não está ativo, então elementos, estilos, scripts ou tags não terão efeito na página.

Criar listas com marcadores ou numeradas

Para iniciar uma lista numerada, basta digitar '1.' e adicionar um espaço, então continue digitando. Isso se tornará a primeira linha da sua lista e pressionar enter irá para o próximo item numérico. Listas numeradas ficam assim:

  1. Primeira linha

  2. Segunda linha

  3. Terceira linha

Para iniciar uma lista com marcadores, basta digitar um travessão ( - ) ou um asterisco ( * ), e adicionar um espaço no início de uma nova linha, então continue digitando. Os artigos transformarão essa linha na primeira linha da sua lista com marcadores. Listas com marcadores ficam assim:

  • Primeiro ponto

  • Segundo ponto

  • Terceiro ponto

Para listas aninhadas, pressione tab com o cursor sobre um item da lista. Listas aninhadas ficam assim:

  • Ponto do primeiro nível

  • Outro ponto do primeiro nível

    • Ponto aninhado

      • Ponto aninhado mais profundo

Pressione enter duas vezes para terminar uma lista.


Adicionar uma seção recolhível

Uma seção recolhível pode ocultar qualquer informação auxiliar, permitindo que os clientes se concentrem nas informações relevantes para eles.

Adicionar conteúdo a uma seção recolhível

Para adicionar conteúdo, selecione Collapsible Section na barra de ferramentas e então pressione enter ao final do título da seção recolhível e digite ou cole as informações existentes. Você notará que o conteúdo dentro da seção recolhível ficará ligeiramente recuado e alinhado com o título.

Dica profissional: Use a tecla de seta para baixo duas vezes para sair da seção recolhível.

Captura de tela em 2024-05-29 às 13-50-45.gif

Uma seção recolhível pode incluir:

  • Texto

  • Imagem

  • Vídeo

  • Botão

  • Divisor

  • Bloco de callout

  • Bloco de código

  • Listas

  • Seção recolhível aninhada

Inserir arquivos

Faça upload e anexe arquivos aos artigos a partir do seu dispositivo (PDF, CSV, JPEG, PNG, MP4). Eles aparecerão como anexos na parte inferior de um artigo assim:

Imagem de um anexo de arquivo

Observação: No HTML de um artigo, o título de um artigo será criado com a tag <header> (não H1). Não é possível editar o formato HTML dos títulos dos artigos. No entanto, você pode usar um cabeçalho H1 nos seus artigos com o nome do título para fins de tecnologia assistiva, e então usar H2s ou H3s para dividir as seções dentro do artigo.

Respondeu à sua pergunta?