Inicio Rapido — Seu primeiro site em 5 minutos
1. Criar um novo site
Va em Sites no menu lateral e clique em "+ Novo Site".
Passo 1: Escolha um dos 412 modelos prontos OU clique em "Site Personalizado" para comecar do zero.
Passo 2: Preencha nome do cliente, email, telefone e escolha o plano.
Passo 3: Personalize o nome do negocio, tagline, cor, servicos e contato.
2. Fazer o Build
Depois de salvar, clique em "Build" no painel de deploy. Isso gera o HTML do site.
3. Fazer o Deploy
Clique em "Deploy". O sistema automaticamente:
- Cria um container Docker isolado para o site
- Configura o dominio no Nginx Proxy Manager
- O site fica no ar em segundos
4. Ativar SSL
Clique no botao "SSL" para ativar HTTPS gratuito com Let's Encrypt.
Pronto! O site esta no ar com dominio e SSL. Envie o link para o cliente.
Como Criar Sites
Usando Templates (Recomendado)
O painel tem 412 modelos prontos organizados em 33 categorias:
Saude, Direito, Alimentacao, Beleza, Educacao, Construcao, Servicos, Tecnologia, Comercio, Imoveis, Automotivo, Eventos, Fitness, Financeiro, Agro, Turismo, Pets, Social, Industria, Moda, Casa, Comunicacao, Transporte, Infantil, Entretenimento, Gaming, e mais...
Cada template ja vem com:
- Nome e tagline do segmento
- Lista de servicos relevantes
- Cor que combina com o ramo
- Descricao otimizada para SEO
Voce so precisa personalizar com os dados reais do cliente.
Secoes Disponiveis
Cada site pode ter ate 12 tipos de secao. Arraste para reordenar:
🏠 Hero — Banner principal com titulo e CTA
⚙️ Servicos — Grid de servicos com icones
📊 Estatisticas — Numeros de impacto
ℹ️ Sobre — Historia da empresa
💬 Depoimentos — Avaliacoes de clientes
💰 Precos — Tabela de planos
🖼️ Galeria — Fotos do negocio
👥 Equipe — Membros da equipe
❓ FAQ — Perguntas frequentes
📢 CTA — Chamada para acao
📍 Mapa — Google Maps embed
📧 Contato — Formulario
Criando Site Personalizado (do Zero)
Quando usar
Use quando o cliente precisa de algo unico que nenhum template atende, ou quando voce quer total controle sobre o conteudo.
Passo a passo
- Clique em "+ Novo Site" e depois em "Site Personalizado (do zero)"
- Preencha os dados do cliente e escolha o plano
- No editor, preencha todos os campos: nome, tagline, descricao, servicos
- Em "Secoes do Site", adicione/remova as secoes que quiser
- Escolha a fonte que combina com o segmento
- Use o color picker para definir a cor principal
- Clique em Build → Deploy
Usando IA para criar
No painel do site, va ate "IA Builder" e digite um comando como:
"Crie um site para uma pizzaria em Campinas chamada Pizza Express, cor vermelha, com delivery e rodizio"
A IA preenche automaticamente todos os campos. Voce pode refinar com novos comandos:
"Mude a cor para azul escuro e adicione servico de catering"
"Troque a tagline para algo mais sofisticado"
"Adicione mais 3 servicos relacionados a eventos"
Coletando informacoes do cliente
Use o sistema de Briefing: gere um link e envie para o cliente preencher um formulario completo com todos os dados do negocio. Quando ele preencher, os dados aparecem no painel.
Deploy e Hospedagem
Como funciona
Cada site roda em seu proprio container Docker isolado (nginx:alpine). Isso garante:
- Seguranca: Um site nao afeta o outro
- Performance: Recursos limitados por container (64MB RAM, 0.25 CPU)
- Estabilidade: Se um cair, os outros continuam
Fluxo de Deploy
Build
→
Container Docker
→
NPM (dominio)
→
SSL
→
No Ar!
Dominios
Subdominio automatico: Cada site recebe slug.mktcommarcos.com.br
Dominio customizado: O cliente pode ter seu proprio dominio. Configure o DNS do cliente para apontar para 187.127.7.251 e adicione o dominio no campo "Dominio Customizado".
Controles
- Build: Gera o HTML a partir dos dados
- Deploy: Cria/atualiza o container + dominio
- Reiniciar: Reinicia o container sem perder dados
- Parar: Desliga o container (site sai do ar)
- SSL: Ativa HTTPS com certificado Let's Encrypt
Armazenamento
Cada plano inclui 500MB. Excedente e cobrado R$ 10/500MB adicionais por mes.
Gestao de Clientes
Cadastrando clientes
Os dados do cliente sao preenchidos ao criar o site (nome, email, telefone). Voce pode editar a qualquer momento.
Criando acesso para o cliente
Va em Usuarios → + Novo Usuario:
- Preencha nome e email do cliente
- Defina uma senha inicial
- Selecione a funcao "Cliente"
- Vincule aos sites dele
- Um email de boas-vindas e enviado automaticamente
Niveis de acesso
Admin: Acesso total — cria sites, gerencia VPS, configura tudo
Editor: Edita conteudo dos sites vinculados, blog, imagens
Cliente: Visualiza seu site, dados basicos, solicita alteracoes
Briefing
Gere um link de briefing e envie por WhatsApp ou email. O cliente preenche um formulario completo com:
- Dados da empresa (nome, ramo, descricao)
- Contato (telefone, email, Instagram, endereco)
- Identidade visual (cor, logo, referencias)
- Servicos e diferenciais
- Objetivo do site
Reset de senha
Se o cliente esquecer a senha, ele clica em "Esqueci minha senha" na tela de login. Um email com link de recuperacao e enviado (valido por 1 hora).
Sistema de Cobrancas
Tipos de cobranca
- Setup: Valor unico pela criacao do site
- Mensal: Hospedagem recorrente
- Extra: Servicos adicionais, armazenamento excedente
Criando cobrancas
No editor do site, va em Cobrancas → + Nova Cobranca. Defina tipo, valor e vencimento.
Geracao automatica
O sistema gera automaticamente cobranças mensais para todos os sites ativos no dia 1 de cada mes, com vencimento no dia 10.
Cobrando o cliente
Voce pode notificar o cliente de duas formas:
- Email: Envia email automatico de cobranca
- WhatsApp: Gera link com mensagem pronta para enviar
Tabela de precos
| Plano | Setup | Mensal | Disco |
|---|
| Pagina de Vendas | R$ 66 | R$ 39,90 | 500MB |
| Site Institucional | R$ 297 | R$ 59,90 | 500MB |
| Loja Virtual | R$ 600 | R$ 66 | 500MB |
Excedente de armazenamento: R$ 10,00 a cada 500MB adicionais.
SEO — Otimizacao para Google
Analise automatica
Cada site recebe uma pontuacao de 0 a 100 baseada em:
- Nome do negocio (titulo da pagina)
- Descricao (meta description)
- Tagline (H1)
- Servicos listados (conteudo)
- Telefone e WhatsApp (SEO local)
- Endereco (Google Meu Negocio)
- Email profissional
Como melhorar o SEO
Checklist para score 100:
✅ Nome do negocio com 10-60 caracteres
✅ Descricao com 50-160 caracteres (aparece no Google)
✅ Tagline curta e impactante
✅ Minimo 3 servicos listados
✅ Telefone ou WhatsApp preenchido
✅ Endereco completo
✅ Email profissional (nao Gmail)
✅ Meta Title personalizado
✅ Google Analytics configurado
Google Analytics
Adicione o ID do Google Analytics (formato G-XXXXXXXXXX) no campo "Google Analytics ID" do editor. O tracking e injetado automaticamente no site.
Orientacoes para o cliente
- Cadastrar no Google Meu Negocio (essencial para SEO local)
- Adicionar fotos reais no Google Meu Negocio
- Pedir avaliacoes no Google para os clientes
- Publicar posts no blog regularmente
- Compartilhar o site nas redes sociais
IA Builder — Criacao com Inteligencia Artificial
Providers suportados
- Anthropic (Claude): Melhor para conteudo em portugues. Modelo recomendado: claude-sonnet-4-20250514
- OpenAI (GPT): Versatil. Modelo recomendado: gpt-4o
- Google AI (Gemini): Custo menor. Modelo recomendado: gemini-2.0-flash
Como usar
- No editor do site, va ate "IA Builder"
- Selecione o provider e coloque sua API Key
- Digite um comando descrevendo o que quer
- A IA atualiza automaticamente os dados do site
- Faca Build e Deploy para ver o resultado
Exemplos de comandos
"Crie um site para uma clinica odontologica chamada Sorriso Perfeito em Curitiba"
"Mude a cor principal para azul marinho"
"Adicione servicos de implante, protese e lente de contato dental"
"Reescreva a descricao de forma mais profissional"
"Troque a tagline para algo mais emocional"
"Adicione depoimentos realistas de pacientes"
"Crie uma secao de precos com 3 planos"
"Melhore o SEO do site com palavras-chave relevantes"
VPS e Infraestrutura
Servidor
- VPS: Hostinger — 4GB RAM, 2 vCPU, 50GB SSD
- IP: 187.127.7.251
- OS: Ubuntu 24.04
- Gerenciamento: Docker + Portainer + NPM
Monitoramento
A secao VPS no painel mostra em tempo real:
- CPU, RAM e disco com gauges visuais
- Todos os containers Docker com status, CPU e memoria individual
- Uso de disco por site
- Top processos do servidor
- Uptime e rede (download/upload)
Containers
Voce pode iniciar, parar e reiniciar qualquer container diretamente pelo painel. Cuidado ao parar containers de infraestrutura (npm, portainer).
Limites recomendados
Atencao: Com 4GB de RAM, a VPS suporta confortavelmente ate ~50 sites simultaneos (cada container usa ~64MB). Monitore pelo painel e considere upgrade quando RAM passar de 80%.
Planos e Precos
Pagina de Vendas
R$ 66
valor unico
+ R$ 39,90/mes
- ✅ 1 pagina otimizada
- ✅ SSL gratis
- ✅ Responsivo
- ✅ WhatsApp integrado
- ✅ 500MB de disco
Site Institucional
R$ 297
valor unico
+ R$ 59,90/mes
- ✅ Ate 5 paginas
- ✅ SSL + Blog
- ✅ SEO otimizado
- ✅ Google Analytics
- ✅ 500MB de disco
Loja Virtual
R$ 600
valor unico
+ R$ 66/mes
- ✅ Paginas ilimitadas
- ✅ Carrinho + Checkout
- ✅ MercadoPago
- ✅ Painel admin
- ✅ 500MB de disco
Dominio: R$ 60/ano. Excedente de armazenamento: R$ 10 a cada 500MB.
Como cobrar
- Ao criar o site, gere a cobranca de Setup com o valor do plano
- As cobranças mensais sao geradas automaticamente todo dia 1
- Use os botoes de email ou WhatsApp para notificar o cliente
- Marque como "Pago" quando receber
Fluxo de Trabalho Profissional
1. Prospeccao
Mostre a pagina mktcommarcos.com.br/criacao-de-sites com as 412 demos. O cliente clica no modelo do segmento dele e ve como ficaria o site.
2. Briefing
Fechou? Gere um link de briefing e envie por WhatsApp. O cliente preenche todos os dados do negocio (10 minutos).
3. Criacao
Com o briefing preenchido:
- Crie o site escolhendo o template mais proximo
- Preencha com os dados do briefing
- Use a IA para refinar textos e descricoes
- Ajuste secoes, cores e fonte
- Faca o Build e confira no Preview
4. Aprovacao
Faca o Deploy em um subdominio temporario e envie o link para o cliente aprovar.
5. Publicacao
Aprovado? Configure o dominio do cliente, ative SSL, e o site esta no ar.
6. Entrega
- Crie um usuario para o cliente acessar o painel
- Gere a cobranca de setup
- Envie email de boas-vindas com os dados de acesso
- Configure o Google Analytics (se o cliente tiver)
7. Manutencao
- Cobranças mensais sao geradas automaticamente
- Faca backups periodicos
- Monitore o SEO e sugira melhorias
- Publique posts no blog para melhorar ranking
- Acompanhe analytics e compartilhe com o cliente
Tempo medio por site: 15-30 minutos da criacao ao deploy. Com IA, pode ser ainda mais rapido.