Criar Documento
📄 Documentação > Criar Documento
🎯 Visão Geral
No Doccler, existem duas formas principais de criar documentos:
- Via Extensão - Captura automática do Bubble.io (recomendado)
- Via Dashboard - Criação manual no painel
Este artigo explica como criar documentos manualmente, ideal para conteúdos que não vêm diretamente do Bubble.io.
📝 Criando um Documento Manual
Passo 1: Acesse o Dashboard
Vá para doccler.app/dashboard e faça login.
Passo 2: Clique em "Novo Documento"
No canto superior direito, clique no botão "+ Novo Documento".
Passo 3: Escolha o Espaço
Selecione em qual espaço o documento será criado:
- Espaço existente: Selecione da lista
- Novo espaço: Digite um nome para criar automaticamente
Passo 4: Preencha os dados iniciais
- Título: Nome do documento (ex: "Configuração de Usuários")
- Slug: URL amigável (gerada automaticamente, mas editável)
- Ícone: Escolha um ícone para representar o documento
Passo 5: Escreva o conteúdo
O editor Markdown abrirá automaticamente. Comece a escrever!
📸 Criando via Extensão (Captura Automática)
A forma mais rápida de criar documentos é capturando diretamente do Bubble.io:
1. Abra seu projeto no Bubble.io
Navegue até a aba Workflow ou Design.
2. Clique na extensão Doccler
O ícone do Doccler aparece na barra do navegador.
3. Selecione o que capturar
- Workflow inteiro: Documenta todas as ações
- Ação específica: Selecione ações individuais
- Elemento: Capture propriedades de elementos
4. Escolha o destino
- Selecione o Espaço e Documento de destino
- Ou crie um novo documento durante a captura
5. Confirme a captura
Os dados são enviados automaticamente ao Doccler!
⚙️ Opções de Documento
Ao criar ou editar um documento, você pode configurar:
| Opção | Descrição |
|---|---|
| Título | Nome exibido no menu e cabeçalho |
| Slug | URL do documento (ex: /docs/usuario/meu-slug) |
| Ícone | Ícone visual no menu lateral |
| Espaço | Pasta/categoria do documento |
| Ordem | Posição no menu (menor = mais acima) |
| Documento Pai | Para criar subpáginas (hierarquia) |
| Status | Rascunho ou Publicado |
💡 Boas Práticas
Nomes claros e descritivos
✅ "Configuração de Pagamentos Stripe"
❌ "Config Pag"
Slugs curtos e sem acentos
✅ configuracao-pagamentos
❌ configuração-de-pagamentos-com-stripe
Organize por funcionalidade
Crie espaços para cada módulo do seu app:
- Autenticação
- Pagamentos
- Usuários
- Integrações
🔄 Tipos de Conteúdo
O Doccler suporta vários tipos de conteúdo:
Texto e Markdown
Cabeçalhos, listas, links, negrito, itálico, etc.
Código
Blocos de código com syntax highlighting:
// Exemplo de código
function hello() {
console.log("Hello Doccler!");
}Tabelas
Organize informações em formato tabular.
Imagens
Adicione screenshots e diagramas.
➡️ Próximo Passo
Documento criado? Agora aprenda a organizar seus documentos:
🔗 Links Relacionados
Última atualização: Dezembro 2025