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 IA 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:

Quando você clicar no ícone de link, uma janela de busca de artigos aparecerá:

Se o título ou domínio 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 alternativo, 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 ao artigo antes disso, 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 screen readers.

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.

Nota:

  • 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 válidos ausentes após a publicação geralmente são causados por problemas de publicação ou cache. Para corrigir, 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, JW Player, Microsoft Stream, Brightcove, Synthesia, Zight ou Zoom Clips. Você também pode incorporar conteúdo demo (incluindo formatos mobile, html, screenshot e showcase) via Supademo, Clueso, Arcade, Supercut, Tella, Storylane ou Navattic.

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]

Nota: Incorporações Zoom funcionam apenas para Zoom Clips, incluindo Clips no endereço Zoom da sua empresa. O proprietário do clipe precisa ativar a configuração permitir incorporação do Zoom. Incorporações Navattic, Zight e Zoom Clips são reproduzidas no Help Center e em artigos abertos dentro do Messenger. São apenas para artigos: chats, posts, News e Checklists aceitarão o link, mas o vídeo não será reproduzido lá.

Criar uma tabela

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

Adicionar ou remover colunas

Para adicionar uma coluna, passe o mouse 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 mouse 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

Nota:

  • Tabelas não podem ser adicionadas dentro de seções recolhíveis ou blocos de destaque.

  • 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 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 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 em um botão para editar o texto ou 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 exclusão será direcionada para o 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 bloco de destaque

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

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

Para excluir o bloco de 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

No Classic Messenger e no SDK Android, blocos de código são exibidos em um bloco dedicado com rolagem, realce de sintaxe e números de linha. Clientes podem copiar o código com um botão de cópia com um clique ou expandi-lo para uma visualização em tela cheia para ler trechos mais longos com mais facilidade.

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 um exemplo de código inline.

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, depois continue digitando. Isso se tornará 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, basta digitar um traço ( - ) ou um asterisco ( * ), e adicionar 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, basta pressionar 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 e então pressione Enter no final do título da seção recolhível e digite ou cole 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.

Screen Capture on 2024-05-29 at 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 então usar H2s ou H3s para dividir as seções dentro do artigo.

Respondeu à sua pergunta?