Como usar: Markdown para Rich Text do Webflow
- Cole o Markdown — por exemplo, um artigo rascunhado no ChatGPT, Claude, Notion ou um README do GitHub — ou arraste um arquivo
.md. - Confira a prévia e as opções: o primeiro H1 é removido por padrão, porque o Webflow geralmente usa o nome da página ou do item do CMS como H1.
- Clique em Copiar rich text (ou pressione Ctrl/⌘+Enter).
- No Webflow, clique dentro de um elemento Rich Text (na tela ou no campo de rich text de um item do CMS) e cole.
Por que converter Markdown antes de colar no Webflow?
Ferramentas de escrita com IA, o Notion e documentações de desenvolvedores produzem Markdown — ## Título, **negrito**, - item de lista. O elemento Rich Text do Webflow não entende a sintaxe do Markdown, então colar direto deixa você com #, asteriscos e traços literais para limpar manualmente. Esta ferramenta converte o Markdown para HTML e coloca na área de transferência um texto formatado, do mesmo jeito que copiar de uma página web, para que o Webflow receba títulos, listas e links de verdade.
O que é mantido no Webflow
| Markdown | No Rich Text do Webflow |
|---|---|
Títulos # – ###### | H1–H6 (primeiro H1 removido por padrão) |
Parágrafos, **negrito**, *itálico* | Parágrafos, negrito, itálico |
[texto](url) | Links (opcionalmente abrindo em nova aba) |
Listas com - e 1. | Listas com marcadores e numeradas |
Citações com > | Blocos de citação |
| Tabelas, blocos de código, imagens | Precisam de passos extras — veja o painel de notas |
Hierarquia de títulos e SEO
Cada página deve ter um único H1. Em templates de CMS do Webflow, o nome do item normalmente já é o H1, então um H1 extra no corpo cria H1 duplicados — verifique qualquer página com o Heading Checker. “Rebaixar títulos” desce todos os títulos um nível, útil se seu rascunho começa com H2 nas seções, mas você precisa de H3.
Importando muitos artigos
Para importações em massa, use a saída em HTML: a importação de CSV do CMS do Webflow e a API do Webflow aceitam HTML em campos Rich Text. Migrando um blog inteiro? A ferramenta Markdown para HTML gera documentos HTML completos e tem mais opções.
Também pesquisado como: markdown para rich text, webflow rich text, webflow cms, colar markdown, chatgpt para webflow, markdown para html.
Ferramentas que combinam com: Markdown para Rich Text do Webflow
- HTML para Markdown — Cole o HTML — ou copie texto formatado direto de uma página web, Google Doc ou e-mail — e receba um Markdown organizado para usar em um README, wiki ou site estático.
- Contador de palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.
- SVG para Webflow — Cole um SVG do Figma e copie para o Webflow como Custom Elements de verdade.
- Redirecionamentos WordPress para Webflow — Ao migrar um site do WordPress para o Webflow, quase todas as URLs mudam: caminhos de posts com data, arquivos /category/, barras no final e slugs de páginas.