Passar para o conteúdo principal

Formatar um artigo

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

Escrito por Alek Toumert

Formate seus artigos públicos e internos no editor de artigos dentro do Knowledge para facilitar que clientes, colegas e AI escaneiem e extraiam as informações 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:

Ao clicar no ícone de link, uma janela de busca de artigos aparecerá:

Se o título ou domain personalizado do seu artigo mudar, o link existente será automaticamente redirecionado 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 realizar as seguintes ações:

Inserir imagem

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

Não recomendamos copiar/colar imagens de outros workspaces, mas sim fazer upload diretamente do seu dispositivo. Se um workspace de onde você copiou imagens ficar inativo, mesmo que as imagens tenham sido adicionadas antes, elas não ficarão mais visíveis.

Fornecer uma descrição no texto alt torna a imagem acessível para motores de busca e leitores de tela.

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

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.

Nota: Imagens ou GIFs válidos ausentes após a publicação geralmente são causados por problemas de publicação ou cache.

Para corrigir isso, tente despublicar o artigo e publicá-lo novamente. Se a imagem ainda estiver ausente, tente atualizar o navegador com força ou limpar 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, JWPlayer, Brightcove, Synthesia ou Guidde. Você também pode incorporar conteúdo Supademo (incluindo formatos mobile, html, screenshot e showcase).

Clique no ícone de vídeo na barra de ferramentas para incorporar um vídeo de qualquer um desses sites de hospedagem 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

Após adicionar uma tabela pela barra de ferramentas, é fácil ajustar o número de colunas e linhas. Basta passar o mouse sobre o ponto no final de cada linha ou coluna para adicionar células adicionais (acima, abaixo, esquerda ou direita) ou excluí-las.

Excluir uma tabela apagará 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 pré-definidas. Para resetar a cor de fundo, 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 arrastar dentro dela.

Inserir divisor

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


Inserir botão

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

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

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

Nota: Artigos não suportam JavaScript personalizado ou manipuladores onclick. Qualquer botão adicionado a um artigo será exibido como um link estilizado — não executará JavaScript ao ser clicado. Para abrir o Messenger a partir de um botão, vincule-o a uma página no seu app onde o Intercom está instalado e acione o Messenger lá usando JavaScript (ex.: Intercom('show')).

Inserir destaque

Adicione um bloco de destaque e selecione uma cor para ajudar a destacar informações importantes no artigo.

Para sair do destaque e continuar escrevendo no corpo principal do artigo, basta clicar fora do destaque.

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

Inserir código

Para adicionar um bloco de código, use a barra de ferramentas na parte inferior do editor ou digite três crases ( ``` ) 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

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

Esta linha contém algum código inline de exemplo.

O recurso Inserir código é apenas para exibir blocos de código. Esse código não é 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, digite '1.' e adicione um espaço, depois continue digitando. Isso será a primeira linha da sua lista e pressionar Enter irá para o próximo número. Listas numeradas ficam assim:

  1. Primeira linha

  2. Segunda linha

  3. Terceira linha

Para iniciar uma lista com marcadores, digite um traço ( - ) ou um asterisco ( * ), e adicione um espaço no início de uma nova linha, depois continue digitando. Artigos transformarão essa linha na primeira da sua lista com marcadores. Listas com marcadores ficam assim:

  • Primeiro ponto

  • Segundo ponto

  • Terceiro ponto

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

  • Ponto de primeiro nível

  • Outro ponto de 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 Seção Recolhível na barra de ferramentas, pressione Enter no 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 indentado 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 destaque

  • Bloco de código

  • Listas

  • Seção recolhível aninhada

Inserir arquivos

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

Imagem de um anexo de arquivo

Nota: No HTML de um artigo, o título do 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 em seus artigos com o nome do título para fins de tecnologia assistiva, e depois usar H2s ou H3s para dividir as seções dentro do artigo.

Respondeu à sua pergunta?