← Ver o site

Painel de Configuração

Ajuste contatos, imagens e textos do site sem precisar editar código.

WhatsApp

Configure o número que receberá os contatos e a mensagem pré-definida.
Código do país + DDD + número. Ex: 5521999999999

E-mail

E-mail de contato exibido no site e usado no formulário (modo mailto).

Endereço

Endereço físico exibido na seção de contato e rodapé.

Redes Sociais

URLs completas. Deixe em branco para ocultar o botão.
👁 Visualizar site ✓ Configurações salvas!

Substituir Imagens do Site

Clique em uma imagem para selecionar a nova versão do seu computador. Salve depois em images/.
Como funciona: Clique na imagem, escolha o arquivo no seu computador. A imagem substitui localmente para você visualizar. Para publicar, salve o arquivo no servidor com o mesmo nome indicado abaixo.
Hero
🖼 Fundo Hero
images/hero-bg.jpg
Profissional
👤 Foto do Profissional
images/profissional.jpg
Patentes
💡 Imagem Patentes
images/patentes.jpg

Editar Textos Principais

Altere títulos, subtítulos e textos diretamente aqui. As alterações são salvas no navegador.
✓ Textos salvos!

Configuração do Formulário de Contato

Escolha como as mensagens do formulário serão entregues.
Para receber os formulários diretamente no seu e-mail, use Formspree (gratuito em formspree.io).
✓ Salvo!

🚀 Como publicar no HostGator

Siga estes passos para colocar o site no ar.
  1. Faça o download dos arquivos.
    Baixe a pasta completa hercio-marcas/ e certifique-se de que ela contém: index.html, css/, js/, images/ e admin/.
  2. Adicione suas imagens.
    Coloque as imagens na pasta images/ com os nomes corretos:
    hero-bg.jpg (fundo do hero – horizontal, mín. 1920×1080px)
    profissional.jpg (foto do Hércio – vertical, mín. 600×800px)
    patentes.jpg (imagem da seção de patentes – horizontal)
  3. Configure o WhatsApp e o e-mail.
    Abra o arquivo js/config.js num editor de texto (ex: Bloco de Notas) e preencha os campos whatsapp e email. Ou use este painel → aba "Contato & Links" e baixe o config gerado.
  4. Acesse o cPanel do HostGator.
    Entre em hostgator.com.br → Minha conta → Acessar cPanel. Use seu usuário e senha do plano de hospedagem.
  5. Abra o Gerenciador de Arquivos.
    No cPanel, clique em "Gerenciador de Arquivos". Navegue até a pasta public_html.
  6. Envie os arquivos.
    Clique em "Upload" no topo do Gerenciador de Arquivos. Selecione todos os arquivos e pastas (index.html, css/, js/, images/, admin/) e faça o upload para public_html.

    Alternativa via FTP: Use o FileZilla com as credenciais do cPanel → "Contas FTP" e envie para /public_html/.
  7. Configure o domínio.
    Se ainda não tiver domínio: compre em registro.br ou no próprio HostGator. No cPanel, acesse "Domínios Adicionais" e aponte o domínio para public_html.
  8. Ative o SSL (HTTPS) gratuito.
    No cPanel, procure "Let's Encrypt SSL" ou "AutoSSL" e ative para o seu domínio. Aguarde até 24h para o certificado propagar.
  9. Teste o site.
    Acesse https://seudominio.com.br no navegador. Verifique se todas as seções carregam, se o botão de WhatsApp está correto e se o formulário funciona.
  10. (Opcional) Configure e-mail profissional.
    No cPanel → "Contas de E-mail" → crie contato@seudominio.com.br. Atualize o config.js com esse e-mail.

📥 Baixar config.js configurado

Preencha o painel e depois baixe o arquivo já configurado para substituir no servidor.