0
Total de leads
—
🏢
0
Pendentes
clique para ver
📋
0
Enviados
—
✅
0
Clientes
clique para ver
🤝
Leads por segmento
Pipeline CRM
Enviados vs Responderam
Log de atividade
▶ D&N Company CRM Pro iniciado
Conectando ao servidor...
Conectando ao servidor...
0
| Nome | Segmento | Telefone | Avaliação | CRM | Status | Ações | |
|---|---|---|---|---|---|---|---|
| Use a busca acima ou importe um JSON de leads | |||||||
📱 Clientes contactados por WhatsApp
0 clientes
0 selecionados
| Nome | Segmento | Telefone | Status CRM | Ações | |
|---|---|---|---|---|---|
| Nenhum cliente contactado ainda | |||||
Mapa de leads
Segmentos
Preview / Editor
Selecione um template para visualizar
① Leads selecionados 0
→
② Template ativo: —
→
③ Enviar
Empresas para envio
0 selecionadas
0
| Nome | Segmento | Telefone | CRM | Status | |
|---|---|---|---|---|---|
| Carregue leads na aba Leads & Captura | |||||
Empresa selecionada
Clique em uma empresa na tabela acima
Teste rápido
Template que será enviado:
— Selecione um template no painel ao lado
Preview da mensagem que será enviada:
—
Template
—
Disparo em massa
0
Enviados
0
Erros
0
Sem tel.
0 / 0
Log
Aguardando...
Gestão de Catálogos
Catálogos com fotos reais para envio aos clientes por segmento
Enviar catálogo via WhatsApp
Dica: Hospede o catálogo HTML no Google Drive (link público) ou GitHub Pages e cole o link acima.
Histórico de envios
Nenhum catálogo enviado ainda
Cadastro de Produtos & Custos
0
Produtos cadastrados
R$ 0
Custo médio/peça
R$ 0
Preço médio/peça
0%
Markup médio
0 produtos
| Cód. | Produto | Categoria | Fornecedor | Custo peça | Bordado | Silk/DTF | Embalagem | Custo total | Markup | Preço venda | Margem | Ações |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Nenhum produto cadastrado. Clique em + Novo produto. | ||||||||||||
Publicar na Web
Hospede o catálogo e o dashboard gratuitamente com domínio da sua marca
R$ 40
custo anual (domínio)
R$ 0
hospedagem (GitHub/Netlify gratuito)
HTTPS
SSL automático e gratuito
Hospedagem na nuvem com CDN global, carregamento rápido e cadeado de segurança inclusos — sem mensalidade.
⭐ Recomendado
⚫ GitHub Pages
Grátis
para sempre
✓
Domínio personalizado gratuito
✓
SSL/HTTPS automático
✓
Histórico de versões dos arquivos
✓
Atualizar = substituir o arquivo
~
Requer conta GitHub (gratuita)
Mais simples
🔷 Netlify Drop
Grátis
100GB/mês
✓
Arrastar e soltar — sem código
✓
Online em menos de 1 minuto
✓
SSL e CDN automáticos
✓
Domínio personalizado gratuito
~
Formulários pagos (mas não precisa)
Passo a passo — GitHub Pages
1
Criar conta no GitHub
Acesse github.com/signup e crie uma conta gratuita
2
Criar repositório público
Clique em New repository, nomeie como dn-catalogo e marque Public
3
Fazer upload dos HTMLs
Arraste DN_Catalogo_Oficial.html para o repositório e renomeie para index.html
4
Ativar GitHub Pages
Settings → Pages → Source: Deploy from branch (main) → Save
5
Comprar domínio
Acesse registro.br e registre dncompany.com.br (~R$40/ano)
6
Configurar DNS
No registro.br, adicione um registro CNAME:
catalogo → seuuser.github.io
catalogo → seuuser.github.io
7
Adicionar domínio no GitHub
Settings → Pages → Custom domain: catalogo.dncompany.com.br → GitHub ativa SSL automaticamente em ~24h
Alternativa mais rápida — Netlify Drop
1
Acesse app.netlify.com/drop
2
Arraste o arquivo index.html para a área
3
Recebe URL grátis: xxx.netlify.app
4
Site → Domain settings → Add domain → apontar DNS igual ao GitHub
Configuração DNS no registro.br
Após comprar o domínio, acesse a zona DNS e adicione:
Para o catálogo:
CNAMEcatalogoseuuser.github.io
Para o dashboard (futuro):
CNAMEappseuuser.github.io
Para e-mail futuro:
MX@mail.google.com (Google Workspace)
⏱ DNS pode levar até 24h para propagar globalmente
Roadmap de integração — catálogo + dashboard
✅ Agora
Fase 1
• Catálogo publicado online
• URL personalizada funcionando
• Link direto no botão WPP
• HTTPS ativo
• URL personalizada funcionando
• Link direto no botão WPP
• HTTPS ativo
📋 Próximo
Fase 2
• Formulário de orçamento no catálogo
• Solicitação cria registro no Dashboard
• Notificação por WPP ao Jonathan
• Cliente recebe confirmação
• Solicitação cria registro no Dashboard
• Notificação por WPP ao Jonathan
• Cliente recebe confirmação
🚀 Futuro
Fase 3
• Dashboard hospedado em nuvem
• Acesso de qualquer dispositivo
• Colaboração Gabriel + Jonathan
• Banco de dados em nuvem
• Acesso de qualquer dispositivo
• Colaboração Gabriel + Jonathan
• Banco de dados em nuvem
Servidor & Auto-save
Execute
python servidor.py para ativar o auto-save automático na pasta do projeto.Verificando...
Z-API — WhatsApp
Client-Token: app.z-api.io → menu lateral → Segurança
Google Places API
Identidade
🚀 Hospedagem HostGator
Plano recomendado
Arquitetura para acesso simultâneo · Gabriel & Jonathan · Auto-save em nuvem · Qualquer dispositivo
⚡
Por que HostGator e não GitHub Pages para o Dashboard?
O Dashboard salva dados (leads, CRM, pedidos) que precisam de um backend + banco de dados. GitHub Pages é estático — serve só para o Catálogo. O HostGator com PHP + MySQL permite que você e o Gabriel gravem e leiam os mesmos dados em tempo real de locais diferentes.
Arquitetura do sistema — como vai funcionar
💻
Jonathan
Acessa pelo browser
app.dncompany.com.br
app.dncompany.com.br
HTTPS
⟷
🌐
HostGator
Dashboard.html
api.php (PHP)
MySQL (dados)
api.php (PHP)
MySQL (dados)
HTTPS
⟷
💻
Gabriel
Acessa pelo browser
app.dncompany.com.br
app.dncompany.com.br
🔄
Auto-sync
Salva no servidor a cada edição
🔒
HTTPS SSL
Criptografia automática
📱
Qualquer device
PC, Mac, celular, tablet
💾
Dados persistentes
MySQL na nuvem
✅ Recomendado
Plano Turbo
HostGator Brasil
~R$18
/mês
✓Hospedagem PHP + MySQL
✓cPanel com phpMyAdmin
✓SSL grátis (Let's Encrypt)
✓Domínio dncompany.com.br incluso
✓Suporte 24h em português
✓FTP + Gerenciador de arquivos
✓Backup automático semanal
Custo total da infra
HostGator Turbo
~R$ 18/mês
Domínio .com.br (registro.br)
~R$ 3,50/mês
SSL (Let's Encrypt)
Grátis
Total mensal
~R$ 22/mês
Passo a passo — do zero ao ar em 1 hora
1
Contratar o Plano Turbo no HostGator
Acesse hostgator.com.br → Hospedagem de Sites → Turbo. No checkout, registre o domínio dncompany.com.br (ou similar). Pagamento via boleto ou cartão.
2
Acessar o cPanel e criar o banco MySQL
Painel HostGator → cPanel → MySQL Databases → Criar banco dn_dados → Criar usuário dn_user → Dar todas as permissões. Anote usuário e senha.
3
Criar a tabela no phpMyAdmin
cPanel → phpMyAdmin → selecionar banco dn_dados → aba SQL → colar e executar o script abaixo (botão "Ver SQL").
4
Criar o arquivo
api.php no servidorGerenciador de arquivos do cPanel → pasta public_html/ → criar arquivo api.php e colar o código abaixo. Substitua as credenciais MySQL.
5
Fazer upload do Dashboard
Gerenciador de arquivos → public_html/ → Upload → selecione o arquivo DN_Company_Dashboard.html → renomeie para index.html. Repita para o catálogo em catalogo.html.
6
Configurar a URL da API no Dashboard
No Dashboard, vá em ⚙️ Configurações → cole a URL do servidor: https://app.dncompany.com.br/api.php. Clique em Salvar e depois em 🔌 Testar conexão.
7
Ativar SSL e apontar domínio
cPanel → SSL/TLS → Let's Encrypt → emitir certificado para dncompany.com.br e app.dncompany.com.br. Se o domínio foi registrado no HostGator, o DNS já está apontado automaticamente.
✓
Pronto! Sistema ao vivo
Você e o Gabriel acessam https://app.dncompany.com.br de qualquer lugar. Cada alteração salva automaticamente no MySQL. Os dois veem os dados em tempo real.
Configurar URL do servidor HostGator
Cole aqui a URL do seu api.php hospedado no HostGator. Após salvar, o Dashboard usa esse endpoint para sincronizar dados entre você e o Gabriel.
Não configurado
Status de sincronização
0
Saves enviados
0
Syncs recebidos
0
Erros
—
Último sync
Log de sincronização
Aguardando configuração...
Código completo — api.php
Cole este arquivo em public_html/api.php no HostGator. Substitua as 3 linhas de credenciais.
'Token inválido']);
exit;
}
$pdo = new PDO(
"mysql:host=".DB_HOST.";dbname=".DB_NAME.";charset=utf8mb4",
DB_USER, DB_PASS,
[PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION]
);
$method = $_SERVER['REQUEST_METHOD'];
if ($method === 'GET') {
// Ler estado atual
$st = $pdo->query("SELECT valor, atualizado_em
FROM dn_estado WHERE chave='estado'")->fetch();
echo json_encode([
'ok' => true,
'estado' => json_decode($st['valor'] ?? '{}'),
'atualizado_em' => $st['atualizado_em']
]);
} elseif ($method === 'POST') {
// Gravar novo estado
$body = json_decode(file_get_contents('php://input'), true);
if (!$body) {
http_response_code(400);
echo json_encode(['erro' => 'JSON inválido']);
exit;
}
$valor = json_encode($body, JSON_UNESCAPED_UNICODE);
$pdo->prepare("INSERT INTO dn_estado (chave, valor)
VALUES ('estado', ?)
ON DUPLICATE KEY UPDATE valor=?, atualizado_em=NOW()")
->execute([$valor, $valor]);
echo json_encode(['ok' => true,
'savedAt' => date('Y-m-d H:i:s')]);
}
?>
Configuração DNS — registro.br ou HostGator
Se o domínio foi registrado fora do HostGator, aponte os nameservers ou adicione os registros abaixo:
Dashboard (app)
A
app
[IP do HostGator — ver cPanel → Informações]
Catálogo
A
catalogo
[mesmo IP do HostGator]
Raiz (opcional)
A
@
[mesmo IP do HostGator]
⏱ Propagação DNS pode levar até 48h. Geralmente fica disponível em menos de 2h.
Onde encontrar o IP do HostGator
1.
Acesse o painel da HostGator → cPanel
2.
Vá em Informações do servidor (canto superior direito)
3.
O campo Endereço IP Compartilhado é o que você vai usar no DNS
Estrutura de arquivos no servidor
public_html/
index.html ← Dashboard (renomear)
api.php ← API de sync
catalogo.html ← Catálogo de produtos
Como funciona o acesso simultâneo
📝 Jonathan faz uma alteração
O Dashboard salva automaticamente no MySQL via api.php após 2 segundos
↓
🔄 Gabriel abre o Dashboard
Na inicialização, carrega o estado mais recente do servidor — vê os dados do Jonathan
↓
✅ Dados sempre sincronizados
Leads, CRM, pedidos e financeiro compartilhados em tempo real
Segurança — boas práticas
🔒
Token secreto: defina um token longo e aleatório no api.php. Sem ele, ninguém acessa os dados.
🔒
HTTPS obrigatório: ative o SSL antes de publicar. O HostGator oferece Let's Encrypt grátis.
⚠️
URL privada: não compartilhe o link do Dashboard publicamente. Só vocês dois devem ter o link.
💡
Backup automático: o HostGator faz backup semanal. Exporte também pelo botão CSV no Dashboard.
💡
Futuro: se precisar de login com senha, adicione autenticação HTTP Basic no .htaccess do cPanel.
Resolução de problemas comuns
❌ CORS error no browser
O api.php já inclui os headers CORS. Verifique se o arquivo foi salvo corretamente.
❌ 401 Unauthorized
Token configurado no Dashboard não bate com o do api.php. Confirme os dois.
❌ 500 Internal Server Error
Credenciais MySQL erradas. Verifique usuário, senha e nome do banco no api.php.
⚠️ Dados não aparecem para o sócio
Clique em 🔄 na topbar para forçar reload do servidor. Verifique a URL da API em Configurações.
Checklist — do contrato ao ar
◻️
Contratar HostGator Turbo
Com domínio dncompany.com.br
◻️
Criar banco MySQL no cPanel
dn_dados + dn_user + tabela
◻️
Subir api.php + index.html
Gerenciador de arquivos cPanel
◻️
Configurar URL no Dashboard
⚙ Config → URL da API → Testar
◻️
Ativar SSL (Let's Encrypt)
cPanel → SSL/TLS → Emitir
◻️
Testar sync Gabriel ↔ Jonathan
Os dois acessam e editam ao mesmo tempo
◻️
Configurar domínio no catálogo
catalogo.dncompany.com.br
◻️
🎉 Tudo funcionando!
Sistema online, colaborativo e seguro