Bem-vinda à Imersão!

Sua central completa de conhecimento

Imersão

📚 Como Usar Esta Plataforma

Esta plataforma é sua central de estudos completa. Aqui está tudo que você precisa para criar e gerenciar seus rastreios terapêuticos.

Como navegar:

  • Menu: Toque no ícone ☰ no topo para abrir o menu
  • Anotações: Em cada parte há uma caixa (salva automaticamente)
  • Botões Copiar: Nos prompts, toque para copiar
  • Anotações Gerais: No final, crie pastas personalizadas

Siga os passos na ordem:

  1. Parte 1: Configure sua planilha e script
  2. Parte 2: Escolha e use o prompt
  3. Parte 3: Publique no GitHub
  4. Parte 4: Organize e gerencie
PARTE 1: Como Criar Cada Rastreio

Do Zero ao Publicado

1.1 - VISÃO GERAL DO PROCESSO

PARA CADA RASTREIO QUE VOCÊ CRIAR, VOCÊ VAI:

ETAPA A: PREPARAÇÃO (15-20 min)

  1. Criar 1 planilha específica para este rastreio
  2. Criar 1 script específico para este rastreio
  3. Copiar 2 links (planilha + script)

ETAPA B: CRIAÇÃO (30-60 min)

  1. Escolher qual das 9 versões você quer
  2. Copiar o prompt da versão escolhida
  3. Colar os links da planilha/script no prompt
  4. Claude cria a copy → você aprova
  5. Claude cria o HTML → você baixa

ETAPA C: PUBLICAÇÃO (20-30 min)

  1. Criar repositório no GitHub
  2. Fazer upload do HTML
  3. Ativar GitHub Pages
  4. (Opcional) Conectar domínio próprio

RESULTADO:

  • ✅ 1 rastreio completo funcionando
  • ✅ 1 planilha específica recebendo os dados
  • ✅ 1 link público para compartilhar

1.2 - CRIAR PLANILHA PARA O RASTREIO

⚠️ VOCÊ CRIA UMA PLANILHA NOVA PARA CADA RASTREIO

Exemplo:

  • Rastreio de Ansiedade → Planilha "Rastreio Ansiedade"
  • Rastreio de Burnout → Planilha "Rastreio Burnout"
  • Rastreio de Autoestima → Planilha "Rastreio Autoestima"

Cada um independente, claro e organizado.

PASSO 1: Acessar Google Sheets

  1. Abra seu navegador (Chrome, Firefox, Edge, Safari)
  2. Acesse: sheets.google.com
  3. Faça login com sua conta Google
  4. ⚠️ IMPORTANTE: Use sempre a mesma conta Google para todas as planilhas

PASSO 2: Criar Nova Planilha

  1. Na tela inicial, clique em "+ Blank" ou "Em branco"
  2. Uma planilha nova vai abrir automaticamente
  3. Título padrão: "Untitled spreadsheet"

PASSO 3: Renomear a Planilha

  1. No canto superior esquerdo, clique em "Untitled spreadsheet"
  2. Digite o nome do seu rastreio

Exemplos:

  • Exemplo 1: "Rastreio Ansiedade"
  • Exemplo 2: "Rastreio Burnout"
  • Exemplo 3: "Teste Autoestima"
  1. Pressione Enter
  2. Pronto! Planilha nomeada

💡 DICA DE NOMENCLATURA:

  • Use nomes claros e específicos
  • Inclua a palavra "Rastreio" ou "Teste"
  • Evite caracteres especiais
  • Exemplos bons: "Rastreio Ansiedade", "Teste TDAH", "Avaliação Insônia"

PASSO 4: Criar Cabeçalhos (Linha 1)

Agora você vai criar as colunas. Digite EXATAMENTE estes textos nas células da linha 1:

⚠️ ATENÇÃO: Copie exatamente como está, incluindo maiúsculas, acentos e hífens.

Célula Texto exato
A1Data/Hora
B1Nome
C1E-mail
D1WhatsApp
E1Resultado
F1Score
G1Agendou?

Como fazer passo a passo:

  1. Clique na célula A1 (primeira célula, canto superior esquerdo)
  2. Digite: Data/Hora
  3. Pressione Tab (leva para próxima célula automaticamente)
  4. Digite: Nome
  5. Pressione Tab
  6. Digite: E-mail
  7. Pressione Tab
  8. Digite: WhatsApp
  9. Pressione Tab
  10. Digite: Resultado
  11. Pressione Tab
  12. Digite: Score
  13. Pressione Tab
  14. Digite: Agendou?
  15. Pressione Enter

O que significa cada coluna:

  • A - Data/Hora: Quando a pessoa respondeu (automático - o script preenche)
  • B - Nome: Nome completo da pessoa
  • C - E-mail: Email válido da pessoa
  • D - WhatsApp: Telefone com DDD (ex: 21999999999)
  • E - Resultado: Qual perfil/categoria (ex: Leve, Moderado, Alto)
  • F - Score: Pontuação numérica total (ex: 15, 22, 8)
  • G - Agendou?: Você preenche manualmente depois (Sim/Não/Pendente)

PASSO 5: Copiar Link da Planilha

⚠️ ATENÇÃO: Este link é IMPORTANTE! Guarde bem!

  1. Olhe a barra de endereços do navegador
  2. Você verá uma URL parecida com:
    https://docs.google.com/spreadsheets/d/1AbCdEfGhIjKlMnOpQrStUvWxYz/edit
  3. Selecione TODA a URL (Ctrl+L seleciona automaticamente)
  4. Copie (Ctrl+C)
  5. COLE EM UM DOCUMENTO TEMPORÁRIO (bloco de notas, Google Docs, onde preferir)
  6. Identifique:
    PLANILHA DO RASTREIO DE [TEMA]:
[cole o link aqui]

Exemplo:

PLANILHA DO RASTREIO DE ANSIEDADE:
https://docs.google.com/spreadsheets/d/1AbCdEfGhIjKlMnOpQrStUvWxYz/edit

✅ PLANILHA CRIADA E CONFIGURADA!

Agora vamos criar o script que vai receber os dados do rastreio.

1.3 - CRIAR SCRIPT PARA O RASTREIO

⚠️ CADA RASTREIO TEM SEU PRÓPRIO SCRIPT

O script é o "código" que recebe os dados do HTML e joga na planilha automaticamente.

PASSO 1: Abrir Editor de Script

  1. Na planilha que você acabou de criar, clique no menu Extensions (Extensões)
  2. Clique em Apps Script
  3. Uma nova aba vai abrir no navegador
  4. Você está agora no Google Apps Script Editor

O que você vê:

  • Um arquivo chamado "Code.gs"
  • Algum código dentro (pode ter uma função myFunction())
  • Barra de ferramentas no topo

PASSO 2: Apagar Código Existente

No editor, você verá algo como:

function myFunction() {
  
}
  1. Selecione TODO o código (Ctrl+A ou Cmd+A)
  2. Delete tudo (Delete ou Backspace)
  3. O editor deve ficar completamente em branco

PASSO 3: Pedir o Código ao Claude

Agora você vai pedir ao Claude (ou ChatGPT) para criar o código do script.

COPIE E COLE ESTE PROMPT:

PROMPT - GERAR CÓDIGO DO SCRIPT
Crie um código completo de Apps Script para receber dados de um rastreio via POST. REQUISITOS: 1. Função doPost que recebe dados via HTTP POST 2. Dados sempre vão para Sheet1 (primeira aba) 3. Estrutura de dados recebidos: { "nome": "string", "email": "string", "whatsapp": "string", "resultado": "string", "score": "number" } 4. Ao receber os dados, o script deve: - Adicionar nova linha na planilha - Coluna A: new Date() (timestamp automático) - Coluna B: dados.nome - Coluna C: dados.email - Coluna D: dados.whatsapp - Coluna E: dados.resultado - Coluna F: dados.score - Coluna G: vazio (para preenchimento manual posterior) 5. Retornar JSON: - Sucesso: {"status": "success"} - Erro: {"status": "error", "message": "descrição do erro"} 6. Incluir tratamento de erros com try/catch 7. Código limpo, comentado em português Me dê APENAS o código completo, pronto para colar no Apps Script. Sem explicações antes ou depois do código.

PASSO 4: Colar o Código no Apps Script

  1. Claude vai te dar um código
  2. Copie TODO o código que Claude te deu
  3. Volte para a aba do Apps Script
  4. Cole o código no editor (Ctrl+V ou Cmd+V)
  5. O código vai aparecer com cores (syntax highlighting)

Como deve ficar:

  • Linhas de código coloridas
  • Comentários em cinza/verde
  • Palavras-chave em azul/roxo
  • Sem erros visuais

PASSO 5: Salvar o Projeto

  1. Clique no ícone de disco 💾 (salvar) na barra de ferramentas
  2. Ou use atalho: Ctrl+S (Windows/Linux) ou Cmd+S (Mac)
  3. Uma janela vai aparecer: "Save project"
  4. Digite um nome para o projeto:
  • Exemplo: "Script Rastreio Ansiedade"
  • Exemplo: "Receptor Dados Burnout"
  1. Clique em OK
  2. Projeto salvo!

💡 DICA: Use um nome que identifique claramente qual rastreio é.

1.4 - IMPLANTAR SCRIPT E COPIAR LINKS

⚠️ ESTA É A PARTE MAIS IMPORTANTE!

Agora você vai "publicar" o script para ele ficar acessível pela internet.

📄 Consulte seu material PDF original para o passo a passo completo detalhado de:

  • Implantar como Web App
  • Configurar permissões (Execute as: Me, Who has access: Anyone)
  • Autorizar o script (primeira vez)
  • Copiar URL do Web App
  • Guardar os 2 links importantes

1.5 - ORGANIZAR SEUS LINKS

📄 Consulte seu material PDF original para template completo de organização dos links.

1.6 - CRIAR O HTML DO RASTREIO

Agora você vai usar os PROMPTS das 9 versões (Parte 2 deste guia).

FLUXO:

  1. Vá para PARTE 2 deste guia
  2. Escolha qual versão você quer criar
  3. Copie o prompt completo da versão
  4. Substitua os campos e cole no Claude
  5. Claude cria a COPY → você aprova
  6. Claude cria o HTML → você baixa

1.7 - RESUMO

✅ O QUE VOCÊ FEZ ATÉ AQUI

  • ✅ Criou 1 planilha específica para este rastreio
  • ✅ Configurou os cabeçalhos
  • ✅ Criou 1 script específico para este rastreio
  • ✅ Implantou como Web App
  • ✅ Autorizou (se foi primeira vez)
  • ✅ Copiou e guardou 2 links importantes
  • ✅ Pronto para criar o HTML usando os prompts da Parte 2

PRÓXIMOS PASSOS:

  1. Ir para PARTE 2 e escolher a versão
  2. Usar o prompt para criar o HTML
  3. Ir para PARTE 3 para publicar
PARTE 2: Prompts das 9 Versões

Escolha a versão e copie o prompt

📝Anotações - Parte 2
Salvo ✓

⚠️ ANTES DE USAR OS PROMPTS

Você precisa ter:

  • ✅ Planilha criada (Parte 1)
  • ✅ Script criado e implantado (Parte 1)
  • ✅ 2 links salvos (planilha + script)
  • ✅ Saber qual versão quer criar

COMO USAR OS PROMPTS:

  1. Escolha a versão que quer criar
  2. Copie o prompt COMPLETO
  3. Substitua os campos entre colchetes [ASSIM]
  4. Cole no Claude (ou ChatGPT)
  5. Claude cria a copy → você aprova
  6. Claude pergunta sobre visual → você responde
  7. Claude cria o HTML → você baixa

CAMPOS QUE VOCÊ VAI SUBSTITUIR:

  • [TEMA] → Ansiedade, Burnout, Autoestima, TDAH, etc
  • [NOME_DO_TESTE] → Rastreio Ansiedade, Teste Burnout, etc
  • [COLE O LINK DO SCRIPT] → o link https://script.google.com... que você copiou

Exemplo de substituição:

ANTES: Crie um rastreio sobre [TEMA]

DEPOIS: Crie um rastreio sobre Ansiedade

2.1 - Versão 1: Viral de Posicionamento
▼

O QUE FAZ

✅ Resultado instantâneo na tela
✅ Botão de compartilhamento
✅ Foco em viralização
❌ NÃO captura dados
❌ NÃO gera PDF

Quando usar: Crescer alcance e seguidores, ser reconhecida como especialista, conteúdo viral, NÃO precisa de leads agora

⚠️ OBSERVAÇÃO: Como esta versão NÃO captura dados, você NÃO vai usar a planilha/script que criou. Esta versão é diferente das outras 8.

PROMPT COMPLETO - VERSÃO 1
Crie um rastreio terapêutico interativo sobre [TEMA]. TIPO DE RASTREIO: Viral de Posicionamento CARACTERÍSTICAS: - NÃO captura dados (sem formulário de nome/email/WhatsApp) - Resultado aparece na tela instantaneamente - Botão de compartilhamento para redes sociais - Foco em viralização e posicionamento profissional ESTRUTURA: - 8 a 10 perguntas de múltipla escolha - 3 opções por pergunta (A=1 ponto, B=2 pontos, C=3 pontos) - 3 perfis de resultado baseados na pontuação total PARA CADA PERFIL INCLUA: - Nome criativo e atrativo - Descrição de 3-4 linhas - Características principais do perfil - Frase de impacto que gera identificação ("Nossa, sou EU!") - CTA suave (seguir no Instagram, compartilhar resultado) FUNCIONALIDADES OBRIGATÓRIAS: - Navegação entre telas (1 pergunta por tela) - Barra de progresso visual - Cálculo automático de pontuação - Exibição do resultado personalizado na tela - Botão "Compartilhar Resultado" com texto pré-pronto - Links para Instagram no rodapé - Totalmente responsivo (mobile e desktop) NÃO INCLUIR: - Formulário de captura de dados - Conexão com planilha Google Sheets - Geração de PDF - Validações de email/telefone IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título impactante em 2 partes (linha principal + frase de impacto) 2. Texto de abertura (3 parágrafos curtos explicando por que fazer) 3. 8-10 perguntas com 3 opções cada (lógica de pontuação A=1, B=2, C=3) 4. 3 perfis de resultado completos (nome, descrição, características, frase de impacto, CTA) 5. Texto pré-pronto para compartilhamento (para a pessoa copiar e postar) NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar qualquer código.

DEPOIS DE COLAR ESTE PROMPT

  1. Claude vai criar a copy completa
  2. Você revisa tudo
  3. Pede ajustes se necessário
  4. Quando aprovar, cole esta mensagem:
MENSAGEM DE APROVAÇÃO
Copy aprovada! Agora me faça as perguntas sobre identidade visual: 1. Paleta de cores (primária, secundária, fundo) 2. Fontes (títulos e textos) 3. Logo (se tiver, vou anexar) 4. Foto (se quiser incluir) 5. Estilo de layout (minimalista/colorido/sofisticado) 6. Instagram para mencionar Após eu responder, crie o HTML completo e funcional.
2.2 - Versão 2: Confirmação de Presença
▼

O QUE FAZ

✅ Captura Nome + Email
✅ Conecta com planilha
✅ Confirma presença em evento
✅ Cria compromisso psicológico
❌ NÃO captura WhatsApp
❌ NÃO gera PDF

Quando usar: Tem live/workshop/mentoria, quer confirmar presença, reduzir ausências (de 60% para 90%+)

PROMPT COMPLETO - VERSÃO 2
Crie um rastreio interativo para confirmar presença em evento. TIPO DE RASTREIO: Confirmação de Presença EVENTO: [NOME DO SEU EVENTO] DATA: [DATA DO EVENTO] HORÁRIO: [HORÁRIO DO EVENTO] OBJETIVO: Reduzir ausências e criar compromisso psicológico CARACTERÍSTICAS: - Captura: Nome + Email - Conecta com Google Sheets - Perguntas sobre motivação para participar - Mensagem de confirmação final ESTRUTURA: - 3-5 perguntas sobre o evento - Última pergunta obrigatória: "Por que você quer participar deste evento?" - Formulário de confirmação (nome + email) - Tela final com mensagem de confirmação e data/hora DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "", "resultado": "Confirmado", "score": "5" } VALIDAÇÕES OBRIGATÓRIAS: - Email válido (formato correto) - Nome preenchido - Não pode avançar sem preencher - Mensagem de erro clara e amigável FUNCIONALIDADES: - Navegação entre telas - Formulário de confirmação - Envio automático para planilha via fetch POST - Tela final: "Confirmado! Te esperamos [DATA] às [HORA]" - Links para adicionar ao calendário (opcional) IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título do formulário de confirmação 2. Texto de abertura (explicando importância de confirmar) 3. 3-5 perguntas sobre o evento 4. Pergunta final sobre motivação (resposta aberta) 5. Mensagem de confirmação final NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.3 - Versão 3: Ímã de Leads Básico ⭐ RECOMENDADA
▼

O QUE FAZ

✅ Captura Nome + Email
✅ Conecta com planilha
✅ Resultado na tela
❌ NÃO captura WhatsApp
❌ NÃO gera PDF

Quando usar: Quer construir lista de emails, começar a captar leads, primeira versão (mais simples)

💡 ESTA É A VERSÃO RECOMENDADA PARA COMEÇAR

PROMPT COMPLETO - VERSÃO 3
Crie um rastreio terapêutico interativo sobre [TEMA]. TIPO DE RASTREIO: Ímã de Leads Básico OBJETIVO: Capturar email + nome e construir lista qualificada CARACTERÍSTICAS: - Captura: Nome + Email (SEM WhatsApp) - Conecta com Google Sheets - Resultado personalizado na tela - NÃO gera PDF ESTRUTURA: - 8 a 10 perguntas de múltipla escolha - 3 opções por pergunta (A=1 ponto, B=2 pontos, C=3 pontos) - 3 perfis de resultado baseados na pontuação - Formulário aparece ANTES de mostrar o resultado DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "", "resultado": "string", "score": "number" } VALIDAÇÕES OBRIGATÓRIAS: - Email válido (formato correto com @) - Nome preenchido (mínimo 3 caracteres) - Pessoa NÃO pode ver resultado sem preencher - Mensagem de erro clara: "Preencha seu nome e email para ver seu resultado" FLUXO COMPLETO: 1. Tela de introdução 2. Perguntas (1 por tela, com navegação) 3. Tela de FORMULÁRIO (nome + email) 4. Envio dos dados para planilha 5. Exibição do resultado personalizado FUNCIONALIDADES: - Barra de progresso - Botões Voltar/Avançar - Fetch com method POST para enviar dados - Validação em tempo real - Responsivo (mobile + desktop) IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título impactante 2. Texto de abertura (por que fazer este rastreio, o que vai descobrir) 3. 8-10 perguntas com 3 opções cada 4. 3 perfis de resultado completos: - Nome do perfil - Descrição (3-4 linhas) - O que isso significa - Orientações práticas (2-3) - CTA (próximo passo) NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.4 - Versão 4: Captura com PDF 💎 PREMIUM
▼

O QUE FAZ

✅ Captura Nome + Email + WhatsApp
✅ Conecta com planilha
✅ Gera PDF profissional automático
✅ Resultado na tela + botão download

Quando usar: Quer leads ultra-qualificados, entregar muito valor, pessoa guarde e compartilhe, ter WhatsApp para follow-up

💡 VERSÃO PREMIUM - MAIS CONVERSÃO

PROMPT COMPLETO - VERSÃO 4
Crie um rastreio terapêutico interativo sobre [TEMA]. TIPO DE RASTREIO: Captura Qualificada com PDF OBJETIVO: Capturar dados completos + gerar PDF profissional automático CARACTERÍSTICAS: - Captura: Nome + Email + WhatsApp - Conecta com Google Sheets - Gera PDF automático personalizado usando jsPDF - Resultado na tela + botão "Baixar PDF Completo" ESTRUTURA: - 8 a 10 perguntas de múltipla escolha - 3 perfis de resultado - Formulário completo antes de mostrar resultado DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "string", "resultado": "string", "score": "number" } VALIDAÇÕES OBRIGATÓRIAS: - Email válido (formato correto) - WhatsApp com DDD (formato: 11999999999 ou 21987654321) - Nome completo (mínimo 5 caracteres) - Mensagem de erro específica para cada campo ESTRUTURA DO PDF AUTOMÁTICO (4 páginas): **PÁGINA 1 - CAPA:** - Logo no topo centralizado - Título: "Seu Resultado - Rastreio de [Tema]" - Nome da pessoa - Data de realização **PÁGINA 2 - RESULTADO:** - Título: "Seu Perfil" - Nome do perfil descoberto - Score: X/24 pontos (ou escala usada) - Descrição do perfil (3-4 linhas) - O que isso significa na prática **PÁGINA 3 - ORIENTAÇÕES:** - Título: "Orientações Práticas" - 3-5 orientações específicas para este perfil - Recursos recomendados - Próximos passos sugeridos **PÁGINA 4 - SOBRE VOCÊ:** - Foto profissional (se fornecida) - Nome + especialidade - Breve bio profissional (3-4 linhas) - Instagram com @ e ícone - WhatsApp (opcional) - CTA: "Agende sua sessão gratuita" ELEMENTOS VISUAIS DO PDF: - Cores da marca: [VOCÊ VAI DEFINIR DEPOIS] - Logo: [VOCÊ VAI ANEXAR DEPOIS] - Foto: [VOCÊ VAI ANEXAR DEPOIS] - Instagram: [VOCÊ VAI INFORMAR DEPOIS] BIBLIOTECA: - Use jsPDF via CDN - Incluir: FUNCIONALIDADES: - Navegação entre telas - Validação em tempo real - Envio para planilha via POST - Geração de PDF ao clicar no botão - Download automático do PDF - Nome do arquivo: resultado-[nome-da-pessoa].pdf IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título impactante 2. Texto de abertura 3. 8-10 perguntas com 3 opções cada 4. 3 perfis de resultado completos 5. **Conteúdo DETALHADO das 4 páginas do PDF:** - Texto exato da capa - Descrição completa de cada perfil - 3-5 orientações práticas por perfil - Texto da página "Sobre Você" NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.5 - Versão 5: Triagem Clínica
▼

O QUE FAZ

✅ Captura Nome + Email + WhatsApp
✅ Captura TODAS as respostas detalhadas
✅ Conecta com planilha
✅ Cliente preenche ANTES da sessão

Quando usar: Economizar 30min da primeira sessão, chegar preparada, sessões mais produtivas, agenda lotada

PROMPT COMPLETO - VERSÃO 5
Crie um rastreio terapêutico para triagem clínica sobre [TEMA]. TIPO DE RASTREIO: Triagem Clínica Pré-Sessão OBJETIVO: Economizar 30 minutos da primeira sessão e aumentar produtividade CARACTERÍSTICAS: - Captura: Nome + Email + WhatsApp - Captura TODAS as respostas detalhadas (não apenas pontuação) - Conecta com Google Sheets - Cliente preenche ANTES de agendar primeira sessão - Envia respostas completas para planilha ESTRUTURA: - 10 a 12 perguntas mais aprofundadas - Mix de múltipla escolha e respostas abertas - Resultado detalhado na tela DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] ⚠️ IMPORTANTE: Esta versão precisa do script MODIFICADO para receber campo "extras" com todas as respostas. Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "string", "resultado": "string", "score": "number" } NOTA: As respostas detalhadas podem ir em um campo adicional ou em colunas extras na planilha. PERGUNTAS DEVEM INCLUIR: 1. Sintoma principal (múltipla escolha) 2. Frequência dos sintomas (escala) 3. Intensidade (escala 0-10) 4. Há quanto tempo ocorre (múltipla escolha) 5. Impacto no trabalho/estudos (múltipla escolha) 6. Impacto nos relacionamentos (múltipla escolha) 7. Qualidade do sono (múltipla escolha) 8. Tentativas anteriores de tratamento (resposta aberta curta) 9. O que espera da terapia (resposta aberta) 10. Disponibilidade de horários (múltipla escolha) 11-12. Perguntas específicas do tema VALIDAÇÕES: - Todos os campos obrigatórios - Email válido - WhatsApp com DDD - Respostas abertas: mínimo 10 caracteres RESULTADO NA TELA: - Perfil clínico identificado - Descrição do perfil - Orientações iniciais - Próximo passo: agendar primeira sessão - Mensagem: "Recebi suas respostas e vou me preparar para nossa sessão" IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título profissional 2. Texto de abertura (explicando importância do pré-preenchimento) 3. 10-12 perguntas detalhadas (misturando fechadas e abertas) 4. 3 perfis de resultado com análise clínica mais aprofundada 5. Orientações iniciais por perfil NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.6 - Versão 6: Produto Digital 💰 VENDÁVEL
▼

O QUE FAZ

✅ Gera PDF ultra-completo (10-15 páginas)
✅ Conteúdo educativo rico
✅ Análise profissional detalhada
💰 Você VENDE este rastreio (R$ 27-97)

Quando usar: Quer renda passiva, criar produto digital, vender sem atender

⚠️ OBSERVAÇÃO: Este prompt cria apenas o rastreio. A integração com Hotmart/Eduzz/Kiwify você faz separadamente.

PROMPT COMPLETO - VERSÃO 6
Crie um rastreio terapêutico para venda como produto digital sobre [TEMA]. TIPO DE RASTREIO: Produto Digital Vendável PREÇO SUGERIDO: R$ 27 a R$ 97 OBJETIVO: Criar avaliação profissional completa que gera renda passiva IMPORTANTE: Este prompt cria apenas o RASTREIO + PDF. A integração com plataforma de pagamento (Hotmart/Eduzz/Kiwify) você configura separadamente. CARACTERÍSTICAS: - PDF ultra-completo (10-15 páginas) - Conteúdo educativo extenso - Análise profissional muito detalhada - Vale cada centavo investido ESTRUTURA: - 10-12 perguntas aprofundadas e estratégicas - 3 perfis com análise MUITO detalhada - PDF premium como entrega DADOS (após eventual integração com pagamento): - Nome, email, whatsapp podem ser capturados - Por ora, foco no conteúdo do PDF ESTRUTURA DO PDF PREMIUM (10-15 páginas): **PÁGINA 1: CAPA PROFISSIONAL** - Logo grande - Título premium - Subtítulo - Nome da pessoa **PÁGINA 2: ÍNDICE** - Lista de seções **PÁGINA 3-4: SEU RESULTADO DETALHADO** - Nome do perfil - Score completo - Análise aprofundada (1 página inteira) - Gráfico visual do score (opcional) **PÁGINA 5-6: ANÁLISE APROFUNDADA DO PERFIL** - Características principais - Padrões de comportamento - Pensamentos típicos - Gatilhos comuns - Forças e recursos - Desafios e vulnerabilidades **PÁGINA 7-8: ORIENTAÇÕES PRÁTICAS** - 5-7 orientações específicas e detalhadas - Cada uma com 2-3 parágrafos - Exemplos práticos - Como implementar **PÁGINA 9-10: PLANO DE AÇÃO 30 DIAS** - Semana 1: Objetivos e ações - Semana 2: Objetivos e ações - Semana 3: Objetivos e ações - Semana 4: Objetivos e ações - Checklist semanal **PÁGINA 11-12: EXERCÍCIOS PRÁTICOS** - 3-5 exercícios específicos para este perfil - Instruções passo a passo - Espaço para reflexão/anotações **PÁGINA 13: RECURSOS ADICIONAIS** - Livros recomendados - Podcasts - Apps úteis - Comunidades **PÁGINA 14: SOBRE VOCÊ** - Foto profissional - Bio completa - Suas qualificações - Instagram, site, contatos - Seus serviços **PÁGINA 15: PRÓXIMOS PASSOS** - Recap do que a pessoa descobriu - Incentivo - Oferta de sessão (se quiser) - CTA final IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título premium (headline de venda) 2. Texto de abertura 3. 10-12 perguntas estratégicas e aprofundadas 4. 3 perfis com análise MUITO detalhada 5. **Conteúdo COMPLETO das 15 páginas do PDF:** - Análise aprofundada por perfil (1 página de texto) - 5-7 orientações detalhadas - Plano de ação 30 dias completo - 3-5 exercícios práticos descritos - Recursos adicionais listados NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.7 - Versão 7: Filtro Premium 💎 HIGH-TICKET
▼

O QUE FAZ

✅ Captura Nome + Email + WhatsApp
✅ Filtra quem está pronto para investir alto
✅ Perguntas sobre dinheiro e comprometimento
✅ Conecta com planilha

Quando usar: Tem programa caro (R$ 3.000+), quer atender só quem está pronto, parar de perder tempo, conversão de 40%+ (vs 5% geral)

PROMPT COMPLETO - VERSÃO 7
Crie um rastreio para filtrar leads premium sobre [TEMA]. TIPO DE RASTREIO: Filtro Premium High-Ticket OBJETIVO: Qualificar apenas leads prontos para investir R$ 3.000 ou mais CONTEXTO: Esta ferramenta filtra leads por capacidade financeira e comprometimento ANTES de você gastar tempo com eles. CARACTERÍSTICAS: - Captura: Nome + Email + WhatsApp - Perguntas DIRETAS sobre investimento e comprometimento - Conecta com Google Sheets - Separa claramente "Prontos" de "Não Prontos" ESTRUTURA: - 10-12 perguntas estratégicas - 4 perguntas OBRIGATÓRIAS sobre investimento (veja abaixo) - Outras perguntas sobre o tema específico DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "string", "resultado": "Premium/Médio/Básico", "score": "number" } PERGUNTAS OBRIGATÓRIAS SOBRE INVESTIMENTO: **Pergunta sobre INVESTIMENTO FINANCEIRO:** "Quanto você está disposta(o) a investir para resolver [PROBLEMA] de forma definitiva?" a) Até R$ 500 (1 ponto) b) R$ 500 a R$ 2.000 (2 pontos) c) R$ 2.000 a R$ 5.000 (4 pontos) d) Acima de R$ 5.000 (5 pontos) **Pergunta sobre COMPROMETIMENTO:** "Você está disposta(o) a dedicar tempo e energia para mudança real nos próximos 3-6 meses?" a) Talvez, depende (1 ponto) b) Sim, se não exigir muito (2 pontos) c) Sim, totalmente comprometida(o) (5 pontos) **Pergunta sobre URGÊNCIA:** "Quando você precisa resolver [PROBLEMA]?" a) Não tenho pressa (1 ponto) b) Nas próximas semanas/meses (3 pontos) c) É urgente, preciso resolver agora (5 pontos) **Pergunta sobre DISPONIBILIDADE:** "Você tem disponibilidade para sessões/encontros semanais durante 3-6 meses?" a) Não tenho certeza (1 ponto) b) Talvez quinzenalmente (2 pontos) c) Sim, semanalmente sem problemas (5 pontos) LÓGICA DE PONTUAÇÃO: - Respostas "premium" = 4-5 pontos - Respostas "médias" = 2-3 pontos - Respostas "baixas" = 1 ponto - Score final determina classificação 3 CATEGORIAS DE RESULTADO: **PREMIUM (Score 35-50):** - Título: "Você está PRONTA para transformação completa" - Descrição: Perfil premium, comprometida, investe em si - CTA: "Agende sua sessão estratégica AGORA" (link calendário) - Tom: Direto, profissional, programa completo **MÉDIO (Score 20-34):** - Título: "Você está no caminho, mas precisa de mais clareza" - Descrição: Quer resolver, mas tem dúvidas sobre investimento/tempo - CTA: "Assista este vídeo de 10min antes de decidir" (link vídeo) - Tom: Educativo, prepara para investimento **BÁSICO (Score 0-19):** - Título: "Você precisa fortalecer sua base primeiro" - Descrição: Não está pronto financeiramente ou emocionalmente - CTA: "Acesse conteúdo gratuito para começar" (link blog/ebook) - Tom: Acolhedor mas honesto, conteúdo gratuito VALIDAÇÕES: - Email válido - WhatsApp com DDD - Todas as perguntas obrigatórias IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título do filtro 2. Texto de abertura (explicando que é filtro honesto) 3. 10-12 perguntas incluindo as 4 obrigatórias sobre investimento 4. 3 resultados (Premium/Médio/Básico) com CTAs MUITO específicos NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.8 - Versão 8: Medidor de Prontidão
▼

O QUE FAZ

✅ Captura Nome + Email + WhatsApp
✅ Gera SCORE de 0-100
✅ Segmenta em 3 faixas de prontidão
✅ Ofertas diferenciadas por faixa

Quando usar: Otimizar conversão, saber quem nutrir vs quem fechar, personalizar abordagem, aumentar conversão em 3x

PROMPT COMPLETO - VERSÃO 8
Crie um rastreio com medidor de prontidão sobre [TEMA]. TIPO DE RASTREIO: Medidor de Prontidão para Mudança OBJETIVO: Medir prontidão de 0-100 e segmentar leads automaticamente CARACTERÍSTICAS: - Captura: Nome + Email + WhatsApp - Gera SCORE numérico de 0-100 - Segmentação automática em 3 faixas - Ofertas e abordagens diferenciadas por faixa - Conecta com Google Sheets ESTRUTURA: - 10 perguntas sobre prontidão para mudança - Cada pergunta vale 0-10 pontos - Score total: soma de todas (0-100) DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "string", "resultado": "Pronto Agora/Em Preparação/Não Pronto", "score": "number (0-100)" } AS 10 DIMENSÕES DA PRONTIDÃO: 1. **CONSCIÊNCIA DO PROBLEMA** (0-10) "Quanto você reconhece [PROBLEMA] como algo que precisa ser resolvido?" 0 = Não vejo como problema 5 = Sei que existe mas não é prioridade 10 = É um problema sério que afeta minha vida 2. **MOTIVAÇÃO PARA MUDAR** (0-10) "Quanto você QUER mudar [SITUAÇÃO ATUAL]?" 0 = Não quero mudar agora 5 = Quero mas tenho medo/dúvidas 10 = Quero muito, estou determinada(o) 3. **RECURSOS FINANCEIROS** (0-10) "Você tem recursos para investir em solução profissional?" 0 = Não tenho condições agora 5 = Posso investir moderadamente 10 = Posso investir o que for necessário 4. **RECURSOS DE TEMPO** (0-10) "Você tem tempo para se dedicar à mudança?" 0 = Não tenho tempo agora 5 = Tenho algum tempo 10 = Vou priorizar isso 5. **RECURSOS EMOCIONAIS** (0-10) "Você tem energia emocional para mudança?" 0 = Estou esgotada(o) 5 = Tenho energia média 10 = Estou energizada(o) e pronta(o) 6. **BARREIRAS PERCEBIDAS** (0-10) "Quanto você acredita que consegue superar os obstáculos?" 0 = Vejo muitas barreiras impossíveis 5 = Vejo barreiras mas acho que consigo 10 = Vejo barreiras como desafios superáveis 7. **EXPERIÊNCIAS ANTERIORES** (0-10) "Suas tentativas anteriores te deixaram como?" 0 = Desacreditada(o), nada funcionou 5 = Algumas coisas ajudaram 10 = Otimista, aprendi com tentativas 8. **COMPROMETIMENTO** (0-10) "Você está disposta(o) a fazer o que for necessário?" 0 = Quero solução fácil e rápida 5 = Estou disposta(o) a me esforçar moderadamente 10 = Farei o que for preciso 9. **URGÊNCIA** (0-10) "Quão urgente é resolver isso?" 0 = Posso esperar 5 = Gostaria de resolver logo 10 = É urgente, não aguento mais 10. **AUTOEFICÁCIA** (0-10) "Quanto você acredita que consegue mudar?" 0 = Não acredito que consigo 5 = Tenho esperança 10 = Tenho certeza que consigo 3 FAIXAS DE PRONTIDÃO (baseadas no score 0-100): **FAIXA 1: PRONTO AGORA (70-100 pontos)** - Título: "Você está PRONTA para mudança real" - Descrição: Alta prontidão em todas as dimensões - Análise: Pessoa consciente, motivada, com recursos, baixas barreiras - Próximo passo: Agendar IMEDIATAMENTE - CTA: "Agende sua primeira sessão agora" (link direto calendário) - Oferta: Programa completo, investimento total - Abordagem: Direta, sem enrolação, fechar rápido **FAIXA 2: EM PREPARAÇÃO (40-69 pontos)** - Título: "Você está no caminho, mas precisa fortalecer sua base" - Descrição: Prontidão média, algumas dimensões altas e outras baixas - Análise: Pessoa quer mudar mas tem dúvidas/medos/falta recursos - Próximo passo: Nutrir por 2 semanas - CTA: "Receba conteúdo preparatório gratuito" (sequência email) - Oferta: Sessão experimental ou consultoria - Abordagem: Educar, fortalecer, preparar **FAIXA 3: NÃO PRONTO (0-39 pontos)** - Título: "Você precisa construir sua prontidão primeiro" - Descrição: Baixa prontidão, não está pronto agora - Análise: Faltam consciência/motivação/recursos/crença - Próximo passo: Conteúdo educativo - CTA: "Acesse recursos gratuitos" (blog, ebook, vídeos) - Oferta: Acompanhar pelas redes sociais - Abordagem: Plantar sementes, longo prazo RESULTADO NA TELA: - Score grande e visual: "78/100" - Barra de progresso colorida - Faixa de prontidão: "PRONTO AGORA" - Descrição do que significa - Breakdown por dimensão (gráfico ou lista) - Próximo passo claro e específico VALIDAÇÕES: - Email válido - WhatsApp com DDD - Todas as perguntas obrigatórias IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título do medidor 2. Texto de abertura 3. 10 perguntas sobre prontidão (baseadas nas 10 dimensões acima) 4. 3 resultados por faixa (70-100, 40-69, 0-39) com: - Análise do que significa o score - Próximo passo específico - CTA adaptado - Abordagem recomendada NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
2.9 - Versão 9: Preparação Pré-Atendimento
▼

O QUE FAZ

✅ Captura Nome + Email + WhatsApp
✅ Perguntas abertas sobre expectativas
✅ Cliente preenche 24h ANTES da sessão
✅ Você lê e se prepara

Quando usar: Quer sessões extraordinárias, chegar preparada, cliente impressionado, cobrar 30% a mais (pode!)

PROMPT COMPLETO - VERSÃO 9
Crie um formulário de preparação pré-atendimento para sessão terapêutica. TIPO: Preparação Pré-Atendimento CONTEXTO: Este formulário é enviado 24 horas ANTES da sessão agendada OBJETIVO: Cliente chega preparado, você chega preparada, sessão é extraordinária CARACTERÍSTICAS: - Captura: Nome + Email + WhatsApp - Perguntas ABERTAS sobre expectativas e objetivos - Conecta com Google Sheets - NÃO é rastreio diagnóstico - Tom acolhedor e gentil DADOS A ENVIAR PARA PLANILHA: URL DO SCRIPT: [COLE AQUI O LINK DO SEU WEB APP] ⚠️ ATENÇÃO: Esta versão captura respostas ABERTAS (texto livre). O script precisa estar preparado para receber textos longos. Estrutura dos dados: { "nome": "string", "email": "string", "whatsapp": "string", "resultado": "Preparação Completa", "score": "10" } As respostas abertas podem ir em um campo adicional "extras" ou em colunas separadas. PERGUNTAS OBRIGATÓRIAS (respostas abertas): **Pergunta 1: EXPECTATIVA** "O que você espera da nossa sessão de amanhã?" Campo de texto livre (100-500 caracteres) **Pergunta 2: OBJETIVO** "Qual o principal objetivo que você quer trabalhar comigo?" Campo de texto livre (100-500 caracteres) **Pergunta 3: SENTIMENTO DESEJADO** "Como você quer se sentir ao final da nossa sessão?" Campo de texto livre (50-200 caracteres) **Pergunta 4: INFORMAÇÃO PRÉVIA** "Há algo específico que você gostaria que eu soubesse antes da sessão?" Campo de texto livre (opcional, 0-500 caracteres) **Pergunta 5: EXPECTATIVA NUMÉRICA** "Em uma escala de 0 a 10, qual sua expectativa para nossa sessão?" Escala de 0-10 (slider ou seletor) FORMATO DAS PERGUNTAS: - Perguntas abertas (textarea) - Tom acolhedor e caloroso - Linguagem simples e acessível - NÃO usar jargão técnico - NÃO perguntas clínicas profundas VALIDAÇÕES: - Nome completo obrigatório - Email válido obrigatório - WhatsApp com DDD obrigatório - Respostas 1, 2, 3 obrigatórias (mínimo 20 caracteres) - Resposta 4 opcional - Resposta 5 obrigatória TELA FINAL (após envio): "Obrigada por compartilhar suas expectativas! ❤️ Recebi suas respostas e estou me preparando com carinho para nossa sessão de amanhã. Nos vemos às [HORÁRIO]! [SEU NOME] [SUA ESPECIALIDADE]" FUNCIONALIDADES: - Design clean e acolhedor - Campos de texto amplos e confortáveis - Contador de caracteres nos campos - Validação em tempo real - Envio para planilha - Tela de confirmação calorosa IMPORTANTE: Crie APENAS a COPY COMPLETA para aprovação. Me envie: 1. Título acolhedor do formulário 2. Texto de abertura (explicando propósito e importância) 3. As 5 perguntas exatamente como devem aparecer 4. Mensagem de confirmação final NÃO crie o HTML ainda. Aguarde minha aprovação da copy antes de gerar o código.
PARTE 3: Publicação e Domínio

Publique seu rastreio no GitHub

📝Anotações - Parte 3
Salvo ✓
3.1 - Criar Conta GitHub (1 VEZ SÓ)
▼

O QUE É GITHUB?

GitHub é uma plataforma onde você hospeda arquivos gratuitamente. Você vai usar para publicar seus rastreios.

VOCÊ FAZ ISSO 1 VEZ SÓ

Depois usa a mesma conta para TODOS os rastreios.

PASSO 1: Acessar GitHub

  1. Abra seu navegador
  2. Acesse: github.com
  3. Você verá a página inicial do GitHub

PASSO 2: Criar Conta

  1. Clique em Sign up (Criar conta)
  2. Preencha:
    • Email: Use um email profissional
    • Password: Senha forte
    • Username: Escolha um nome de usuário

💡 DICA: Use algo profissional: seu nome, marca, etc

  • Exemplos: mariasilva, psimaria, terapiacomjulia
  • Evite: números aleatórios, apelidos infantis
  1. Resolva o captcha (verificação)
  2. Clique em Create account

PASSO 3: Verificar Email

  1. Acesse seu email
  2. Procure email do GitHub
  3. Clique no link de verificação
  4. Conta criada e verificada!

PASSO 4: Anotar Nome de Usuário

Você vai precisar dele. Anote:

MEU USUÁRIO GITHUB: [seu username]

✅ CONTA GITHUB CRIADA!

Você só fez isso uma vez. Agora pode publicar quantos rastreios quiser.

3.2 - Hospedar HTML no GitHub Pages
▼

VOCÊ FAZ ISSO PARA CADA RASTREIO

Cada rastreio vai ter seu próprio repositório (pasta) no GitHub.

PASSO 1: Preparar o Arquivo HTML

Você já tem o HTML que Claude criou

⚠️ IMPORTANTE: Renomeie o arquivo para: index.html

  • Tem que ser exatamente esse nome
  • Tudo minúsculo
  • Sem espaços
  • Sem acentos

Como renomear:

  • Windows: Clique direito → Renomear
  • Mac: Clique no arquivo → Enter
  • Digite: index.html

PASSO 2: Fazer Login no GitHub

  1. Acesse: github.com
  2. Clique em Sign in
  3. Digite seu usuário e senha
  4. Faça login

PASSO 3: Criar Novo Repositório

  1. No canto superior direito, clique no + (mais)
  2. Clique em New repository
  3. Você vai ver uma página de criação

PASSO 4: Configurar Repositório

Repository name (nome do repositório):

  • Use um nome claro e identificável
  • Sem espaços (use hífen -)
  • Tudo minúsculo

Exemplos:

  • rastreio-ansiedade
  • teste-burnout
  • avaliacao-autoestima
  • filtro-premium-ansiedade

Description (descrição) - OPCIONAL:

  • Você pode deixar em branco
  • Ou escrever: "Rastreio de Ansiedade"

Public ou Private:

⚠️ Selecione PUBLIC
Tem que ser público para funcionar

Initialize com README:

✅ MARQUE esta opção
"Add a README file"

Deixe o resto como está

PASSO 5: Criar Repositório

  1. Role até o final
  2. Clique em Create repository (botão verde)
  3. Aguarde 2-3 segundos
  4. Repositório criado!

PASSO 6: Fazer Upload do HTML

Agora você vai enviar o arquivo index.html:

  1. No repositório criado, procure o botão Add file
  2. Clique em Add file
  3. Clique em Upload files
  4. Uma página de upload vai abrir

Duas formas de enviar:

Opção A - Arrastar:

  1. Abra a pasta onde está o index.html
  2. Arraste o arquivo para a área escrito "Drag files here"
  3. Solte

Opção B - Escolher:

  1. Clique em "choose your files"
  2. Navegue até o arquivo
  3. Selecione index.html
  4. Clique em Abrir

PASSO 7: Confirmar Upload

  1. Você verá o arquivo listado
  2. Role até o final da página
  3. Em "Commit changes", deixe a mensagem padrão
  4. Clique em Commit changes (botão verde)
  5. Aguarde (2-5 segundos)
  6. Arquivo enviado!

PASSO 8: Ativar GitHub Pages

Agora você vai "ligar" o site:

  1. No repositório, clique em Settings (Configurações)
    Fica no menu horizontal, última opção
  2. No menu lateral esquerdo, procure Pages
  3. Clique em Pages
  4. Você está na página de configuração do GitHub Pages

Configurar:

  • Em Source (Fonte):
    Selecione: Deploy from a branch (se não estiver)
  • Em Branch (Ramo):
    Primeiro seletor: main
    Segundo seletor: / (root)
  • Clique em Save (Salvar)
  • A página vai recarregar

PASSO 9: Aguardar Publicação

  1. Aguarde 30-60 segundos
  2. Atualize a página (F5 ou botão de atualizar)
  3. No topo vai aparecer uma caixa azul ou verde:
    • Azul: "Your site is ready to be published at..."
    • Verde: "Your site is live at..."

PASSO 10: Copiar URL do Site

Na caixa que apareceu, você verá uma URL:

https://seuusuario.github.io/rastreio-ansiedade
  • Clique nessa URL ou copie ela
  • TESTE: Cole no navegador e veja se abre seu rastreio
  • ANOTE: Guarde essa URL

Formato da URL:

https://[seu-usuario].github.io/[nome-do-repositorio]

Exemplo real:

https://mariasilva.github.io/rastreio-ansiedade

✅ RASTREIO PUBLICADO E FUNCIONANDO!

Você já pode compartilhar esse link!

3.3 - Registrar Domínio (OPCIONAL)
▼

POR QUE DOMÍNIO PRÓPRIO?

Link do GitHub:

https://mariasilva.github.io/rastreio-ansiedade

❌ Longo, difícil de lembrar, não profissional

Com domínio próprio:

https://rastreio.mariaterapia.com.br

✅ Curto, profissional, memorável, passa credibilidade

PASSO 1: Acessar Registro.br

  1. Acesse: registro.br
  2. Clique em "Registre seu domínio"
  3. Digite o domínio que você quer (ex: mariaterapia.com.br)
  4. Veja se está disponível

PASSO 2: Comprar Domínio

Custo: ~R$ 40/ano

  1. Se disponível, clique em "Registrar"
  2. Crie conta no Registro.br (se não tiver)
  3. Preencha seus dados
  4. Escolha forma de pagamento
  5. Pague
  6. Aguarde confirmação (1-24h)
3.4 - Configurar DNS CNAME
▼

O QUE É DNS CNAME?

É uma configuração que "aponta" seu domínio para o GitHub.

Exemplo: rastreio.mariaterapia.com.br → mariasilva.github.io

PASSO 1: Acessar Painel do Registro.br

  1. Entre no registro.br
  2. Faça login
  3. Clique no seu domínio
  4. Clique em "Editar Zona"

PASSO 2: Adicionar Registro CNAME

  1. Clique em "+ Adicionar novo registro"
  2. Tipo: CNAME
  3. Nome: rastreio (ou o subdomínio que você quer)
  4. Dados: seuusuario.github.io.

⚠️ ATENÇÃO: Tem um PONTO no final (github.io.)

Exemplo:

  • Se seu usuário GitHub é mariasilva
  • Dados: mariasilva.github.io.

PASSO 3: Salvar e Aguardar

  1. Clique em "Salvar"
  2. Aguarde propagação DNS (30min a 24h, normalmente 1-2h)
3.5 - Conectar Domínio no GitHub Pages
▼

PASSO 1: Acessar Configurações do Repositório

  1. Entre no GitHub
  2. Abra o repositório do rastreio
  3. Clique em Settings
  4. No menu lateral, clique em Pages

PASSO 2: Adicionar Domínio Customizado

  1. Em "Custom domain", digite seu domínio completo

Exemplo:

rastreio.mariaterapia.com.br
  1. Clique em Save
  2. Aguarde (30 segundos a 2 minutos)

PASSO 3: Ativar HTTPS

  1. Após salvar, aparecerá a opção "Enforce HTTPS"
  2. ⚠️ AGUARDE 5-10 minutos antes de marcar
  3. Quando a caixa ficar disponível, marque Enforce HTTPS
  4. ✅ Pronto! Domínio configurado com certificado SSL

TESTAR

Abra seu navegador e acesse:

https://rastreio.mariaterapia.com.br

Se abrir seu rastreio: ✅ FUNCIONANDO!

Se NÃO funcionar:

  • Aguarde mais tempo (DNS pode demorar até 24h)
  • Limpe cache do navegador (Ctrl+Shift+Delete)
  • Verifique se o CNAME está correto (com ponto no final)
  • Verifique se o domínio está correto no GitHub
class="card" style="background: rgba(212,175,55,0.1);">

✅ CHECKLIST FINAL

Para CADA rastreio publicado, verifique:

PLANILHA:

  • ✅ Planilha criada e nomeada
  • ✅ Cabeçalhos corretos

SCRIPT:

  • ✅ Script criado
  • ✅ Código correto colado
  • ✅ Implantado como Web App
  • ✅ Autorizado (se primeira vez)
  • ✅ URL copiada e salva

HTML:

  • ✅ Copy aprovada
  • ✅ Visual aprovado
  • ✅ HTML criado
  • ✅ Renomeado para index.html
  • ✅ Baixado

GITHUB:

  • ✅ Repositório criado
  • ✅ index.html enviado
  • ✅ GitHub Pages ativado
  • ✅ URL funcionando

TESTE COMPLETO:

  • ✅ Abrir o rastreio
  • ✅ Responder todas as perguntas
  • ✅ Preencher formulário
  • ✅ Ver resultado na tela
  • ✅ Baixar PDF (se aplicável)
  • ✅ Verificar dados na planilha
  • ✅ Conferir todos os campos

✅ SE TUDO PASSOU: RASTREIO PRONTO PARA USO!

PARTE 4: Sistema Financeiro

Gestão de clientes com Firebase

📝Anotações - Parte 5
Salvo ✓
Prompt - Sistema de Gestão Financeira
▼

INSTRUÇÕES

Cole este prompt completo no Claude para gerar seu sistema de gestão financeira de clientes.

PROMPT COMPLETO - SISTEMA FINANCEIRO
Crie um sistema web completo de gestão financeira de clientes em um único arquivo HTML, com CSS e JavaScript inline. Use Firebase Firestore para persistência de dados em tempo real (onSnapshot). Não inclua nenhuma identidade visual, nome de marca ou logo — use apenas placeholders genéricos. PALETA DE CORES (use como variáveis CSS) --primario: #7B5EA7; --primario-escuro: #2D1B4E; --primario-claro: #C4A8D4; --primario-bg: #F3EFF8; --sucesso: #7BBFA0; --sucesso-bg: #EAF5F0; --alerta: #F5A623; --alerta-bg: #FFF8ED; --perigo: #E05C5C; --perigo-bg: #FDF0F0; --cinza: #6B7280; --cinza-bg: #F5F5F5; --branco: #FFFFFF; --texto: #1A1A2E; --borda: #E5DFF0; TIPOGRAFIA Headings (h1, h2, h3): Cormorant Garamond, serif — importar do Google Fonts Corpo e UI: Nunito, sans-serif — importar do Google Fonts ESTRUTURA DO SISTEMA 1. HEADER (topo fixo) - Fundo --primario-escuro - Avatar circular com inicial (letra), fundo --primario-claro, borda --sucesso - Título do sistema + subtítulo - Botão "+ Novo Registro" (fundo --sucesso) 2. AREA PRINCIPAL (max-width: 1200px, centralizada, padding: 24px 32px) 2a. ALERTAS DINÂMICOS - Container de banners gerados automaticamente - Banner amarelo (--alerta-bg, borda --alerta): registros vencendo em até 15 dias - Banner vermelho (--perigo-bg, borda --perigo): registros já vencidos - Cada banner exibe ícone, nome do registro e mensagem de urgência 2b. GRID DE RESUMO (4 colunas, gap 16px) Cards brancos com borda --borda, número grande em Cormorant Garamond: - Ativos — número em --sucesso - Renovar em breve — número em --alerta - Vencidos — número em --perigo - Inativos — número em --cinza 2c. BARRA DE CONTROLES - Campo de busca (busca por nome e contato) - Botões de filtro: Todos | Ativos | Renovar | Vencidos | Inativos - Inativo: borda --borda, cor --cinza - Ativo: fundo --primario, cor branca 2d. LISTA DE REGISTROS (coluna única, gap 10px) Cada card contém: - Avatar circular com inicial - Nome + detalhes secundários (plano, contato) - Contato destacado em --sucesso - Bloco de datas (início, pagamento, vencimento) alinhado à direita - Botões de ação à direita: Renovar | Encerrar | Histórico Cores de borda por status: - ativo: borda padrão --borda - alerta (vence em ≤15 dias): borda + fundo --alerta-bg - vencido: borda + fundo --perigo-bg - inativo: opacidade 0.65, fundo --cinza-bg CÁLCULO AUTOMÁTICO DE STATUS function calcularStatus(registro) { if (registro.status === 'inativo') return 'inativo'; const hoje = new Date(); hoje.setHours(0,0,0,0); const venc = new Date(registro.vencimentoAtual + 'T00:00:00'); const diff = Math.floor((venc - hoje) / 86400000); if (diff < 0) return 'vencido'; if (diff <= 15) return 'alerta'; return 'ativo'; } MODAIS (todos com overlay roxo escuro semitransparente) Estrutura base: fundo branco, border-radius: 16px, padding: 32px, max-width: 540px, scroll interno se necessário. Botão ✕ no canto superior direito. Modal 1 — Novo Registro Seções separadas por label uppercase (estilo secao-label): - Dados pessoais: Nome completo (obrigatório), Contato/WhatsApp com DDD (obrigatório) - Plano e pagamento: Select de plano: Mensal | Bimestral | Trimestral | Outro, Data de pagamento, Forma de pagamento (radio buttons estilizados em cards): Pix | Cartão - Selecionado: borda + fundo --primario-bg, cor --primario - Vigência: Data de início, Data de vencimento, Observações (textarea) - Ações: [Cancelar] [Salvar] — salvar em --primario Modal 2 — Renovar Plano - Exibe histórico de renovações anteriores (cards --primario-bg) acima do formulário - Formulário igual ao de plano/vigência do Modal 1 - Ao confirmar: salva novo item no array historico[] do documento e atualiza os campos atuais Modal 3 — Encerrar Contrato - Aviso: o registro será marcado como inativo e um lembrete de recontato será gerado 30 dias após o encerramento - Data de encerramento (obrigatório) - Motivo (textarea, opcional) - Botão "Encerrar": fundo --perigo - Ao confirmar: atualiza status: 'inativo', salva data e motivo Modal 4 — Histórico Completo - Lista de todos os itens do array historico[] - Cada item: plano, data de pagamento (com tag visual Pix/Cartão), vencimento - Botão de editar em cada item (abre Modal 5) Modal 5 — Editar Registro do Histórico - Campos: plano, data de pagamento, forma de pagamento, início, vencimento - Se for o último item do histórico, ao salvar também atualiza os campos atuais do documento TOAST DE NOTIFICAÇÃO - Posição: fixed, bottom: 24px, right: 24px - Sucesso: fundo #0F6E56 - Erro: fundo #A32D2D - Padrão: fundo --primario-escuro - Aparece com transição de translateY(80px) → 0, opacity 0 → 1 - Desaparece após 3 segundos ESTRUTURA DE DADOS (Firestore — coleção registros) { nome: string, contato: string, planoAtual: string, dataPagamentoAtual: string, formaPagamentoAtual: string, inicioAtual: string, vencimentoAtual: string, status: string, observacoes: string, dataEncerramento: string | null, motivoBaixa: string | null, historico: [ { plano: string, pagamento: string, forma: string, inicio: string, vencimento: string, registradoEm: string } ] } COMPORTAMENTOS OBRIGATÓRIOS - onSnapshot na coleção para atualização em tempo real - Status calculado dinamicamente (nunca salvo no Firestore — exceto ativo/inativo) - Alertas banners regenerados a cada atualização - Contadores dos cards de resumo recalculados a cada render - Busca filtra por nome e contato simultaneamente - Filtro de status e busca funcionam em conjunto - Ao encerrar contrato: reativar deve ser possível (botão "Reativar" aparece em inativos) - Fechar modal ao clicar fora do conteúdo (no overlay) RESPONSIVIDADE (breakpoint 700px) - resumo-grid: 4 colunas → 2 colunas - form-row (2 colunas): → 1 coluna - acoes dos cards: flex-row → flex-column - Header: padding reduzido - Cards da lista: flex-wrap: wrap OBSERVAÇÕES TÉCNICAS - Arquivo único .html — sem frameworks externos além do Firebase (via CDN) - Firebase versão 10.12.x via https://www.gstatic.com/firebasejs/ - Configuração do Firebase deve ter placeholder // INSIRA SUA CONFIGURAÇÃO FIREBASE AQUI - Nenhum nome de marca, logo real ou identidade visual — o sistema deve ser genérico e reutilizável - Tags visuais inline para forma de pagamento: Pix (fundo verde claro) e Cartão (fundo índigo claro)
Passo a Passo - Configurar Firebase
▼

1. Criar conta e acessar o console

Acesse console.firebase.google.com e entre com sua conta Google.

2. Criar o projeto

  • Clique em "Adicionar projeto"
  • Digite o nome do projeto (ex: financeiro-clinica)
  • Desative o Google Analytics (não precisa pra esse sistema)
  • Clique em "Criar projeto"

3. Criar o banco de dados (Firestore)

  • No menu lateral, clique em Firestore Database
  • Clique em "Criar banco de dados"
  • Escolha "Iniciar no modo de teste" ← importante, senão bloqueia leitura/escrita
  • Selecione a região us-east1 (ou southamerica-east1 se quiser servidor no Brasil)
  • Clique em "Ativar"

4. Pegar as credenciais do projeto

  • No menu lateral, clique na engrenagem ⚙️ → "Configurações do projeto"
  • Role até "Seus aplicativos"
  • Clique em "</> Web" para registrar um app web
  • Dê um apelido (ex: financeiro-web) e clique em "Registrar app"
  • Vai aparecer um bloco assim — copie todo ele:
CÓDIGO FIREBASE CONFIG (exemplo)
const firebaseConfig = { apiKey: "AIzaSy...", authDomain: "seu-projeto.firebaseapp.com", projectId: "seu-projeto", storageBucket: "seu-projeto.appspot.com", messagingSenderId: "123456789", appId: "1:123456789:web:abc123" };

5. Colar no sistema

No arquivo HTML gerado pelo prompt, localize o comentário:

// INSIRA SUA CONFIGURAÇÃO FIREBASE AQUI

E substitua pelo bloco copiado no passo 4.

6. Ajustar as regras de segurança (Firestore Rules)

  • No Firestore, clique na aba "Regras"
  • Substitua o conteúdo por:
FIRESTORE RULES
rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } }
  • Clique em "Publicar"

⚠️ Isso deixa o banco aberto — funciona pra uso pessoal/interno. Se for expor publicamente, me avisa que configuro autenticação.

7. Testar

Abra o arquivo HTML no navegador, cadastre um registro e veja aparecer em tempo real no console do Firebase → Firestore → coleção registros.

PARTE 5: Anotações Gerais

Crie pastas personalizadas