Instalando a Extensão
📚 Primeiros Passos > Instalando a Extensão
🎯 Visão Geral
A extensão Doccler é o coração da captura automática de documentação. Ela funciona diretamente no editor do Bubble.io, permitindo que você documente workflows, elementos e ações com apenas um clique.
A extensão está disponível para Google Chrome e Mozilla Firefox.
🌐 Navegadores Compatíveis
| Navegador | Status | Link |
|---|---|---|
| Google Chrome | ✅ Disponível | Chrome Web Store |
| Mozilla Firefox | ✅ Disponível | Firefox Add-ons |
| Microsoft Edge | 🔄 Em breve | Use a versão do Chrome* |
| Safari | ❌ Não suportado | - |
💡 *O Microsoft Edge pode instalar extensões da Chrome Web Store diretamente.
📥 Instalação no Google Chrome
Passo 1: Acesse a Chrome Web Store
Clique no link abaixo ou pesquise "Doccler" na Chrome Web Store:
🔗 Instalar Extensão Doccler para Chrome
Passo 2: Clique em "Usar no Chrome"
Na página da extensão, clique no botão azul "Usar no Chrome" (ou "Add to Chrome").
Passo 3: Confirme a instalação
Uma janela pop-up aparecerá pedindo permissão. Clique em "Adicionar extensão".
Passo 4: Fixe a extensão na barra
Para acesso rápido:
- Clique no ícone de quebra-cabeça 🧩 na barra do Chrome
- Encontre "Doccler Extension"
- Clique no alfinete 📌 para fixar
Passo 5: Pronto!
O ícone do Doccler aparecerá na sua barra de extensões. Você verá um indicador quando estiver em uma página do Bubble.io.
🦊 Instalação no Firefox
Passo 1: Acesse o Firefox Add-ons
Clique no link abaixo ou pesquise "Doccler" no Firefox Add-ons:
🔗 Instalar Extensão Doccler para Firefox
Passo 2: Clique em "Adicionar ao Firefox"
Na página do add-on, clique no botão "Adicionar ao Firefox".
Passo 3: Confirme as permissões
Revise as permissões solicitadas e clique em "Adicionar".
Passo 4: Acesse a extensão
O ícone do Doccler aparecerá na barra de ferramentas do Firefox.
🔐 Fazendo Login na Extensão
Após instalar, você precisa conectar a extensão à sua conta Doccler:
Passo 1: Abra a extensão
Clique no ícone do Doccler na barra do navegador.
Passo 2: Faça login
Você verá as opções:
- "Continue with Google" - Login rápido com Google
- "Sign in with Email" - Use email e senha
💡 Use a mesma conta que você criou no site doccler.app
Passo 3: Autorize o acesso
Se estiver logado no site, a extensão pode detectar automaticamente sua sessão.
Passo 4: Confirme a conexão
Quando conectado, você verá seu email e poderá começar a capturar documentação.
✅ Verificando a Instalação
Para confirmar que tudo está funcionando:
1. Acesse o Bubble.io
Vá para bubble.io e abra qualquer projeto.
2. Abra o editor de workflows
Navegue até a aba "Workflow" do seu projeto.
3. Clique na extensão
O ícone do Doccler deve mostrar que você está em uma página compatível.
4. Veja as opções de captura
A extensão mostrará opções para capturar workflows e elementos.
🔄 Atualizações Automáticas
A extensão é atualizada automaticamente pelo navegador. Você sempre terá a versão mais recente sem precisar fazer nada.
Para verificar a versão instalada:
- Clique no ícone da extensão
- Veja o número da versão no rodapé
- Compare com a versão na loja (se necessário)
❓ Problemas Comuns
"A extensão não aparece no Bubble.io"
- Verifique se você está na URL correta (bubble.io/page?...)
- Tente recarregar a página (F5)
- Verifique se a extensão está habilitada
"Erro de autenticação"
- Faça logout e login novamente na extensão
- Verifique se você está logado no site doccler.app
- Limpe os cookies do navegador
"A extensão está lenta"
- Verifique sua conexão com a internet
- Feche outras abas do navegador
- Reinstale a extensão se o problema persistir
"Não consigo instalar no Edge"
O Microsoft Edge suporta extensões do Chrome:
- Acesse a Chrome Web Store pelo Edge
- Clique em "Permitir extensões de outras lojas"
- Instale normalmente
➡️ Próximo Passo
Extensão instalada e conectada? Perfeito! Agora vamos criar seu primeiro documento:
🔗 Links Relacionados
Última atualização: Dezembro 2025