Guia HostGator | Talkvia

Vídeo recomendado

Crie um e-mail com domínio próprio

Tutorial em português que mostra a configuração dentro da HostGator.

Assistir no YouTube

Antes de começar

Defina o básico

O nome do seu site (ex.: suaempresa.com.br).
Um cartão para fazer a compra na HostGator.
O primeiro e-mail profissional (ex.: [email protected]).

Link de indicação Talkvia

Até 77% de desconto na HostGator

Use este acesso para contratar domínio e hospedagem com desconto nas ofertas elegíveis.

Acessar link de indicação

Checklist interativo

Passo a passo

Marque cada etapa ao concluir. O progresso fica salvo neste navegador para você continuar depois.

Seu progresso0%

Aprovação da conta oficial

O que o site precisa ter

Um site claro e consistente ajuda na verificação da empresa pela Meta.

Nome da empresa igual ao que será usado no WhatsApp.
Descrição clara do serviço ou produto, sem texto genérico.
Formas reais de contato: e-mail profissional e página de contato.
Política de Privacidade e Termos de Uso publicados.
Dados da empresa (CNPJ ou CPF e localização) visíveis.

Gerar política e termos em português

Leia e ajuste o texto gerado para a realidade do seu negócio antes de publicar.

Copie e cole

Modelo de site simples

Copie o código, salve como index.html, troque os textos pelos dados da sua empresa e publique no cPanel.

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>NOME DA EMPRESA</title>
  <style>
    :root {
      --bg: #f1f5f9;
      --card: #ffffff;
      --text: #0f172a;
      --muted: #475569;
      --primary: #1d4ed8;
      --primary-2: #2563eb;
      --line: #e2e8f0;
      --ok: #166534;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: "Segoe UI", Arial, sans-serif;
      color: var(--text);
      background: radial-gradient(circle at top right, #dbeafe 0%, var(--bg) 45%);
      line-height: 1.6;
    }
    .container { max-width: 980px; margin: 0 auto; padding: 24px; }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);
      color: #fff;
      border-radius: 20px;
      padding: 28px;
      box-shadow: 0 16px 35px rgba(37, 99, 235, .22);
    }
    .hero h1 { margin: 0 0 8px; font-size: 2rem; }
    .hero p { margin: 0; color: #dbeafe; }
    .grid {
      margin-top: 18px;
      display: grid;
      gap: 16px;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
    .card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px;
      box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    }
    .card h2 { margin: 0 0 10px; font-size: 1.1rem; }
    .tag {
      display: inline-block;
      margin-bottom: 10px;
      padding: 4px 10px;
      border-radius: 999px;
      background: #eff6ff;
      color: var(--primary);
      font-size: 12px;
      font-weight: 700;
    }
    .muted { color: var(--muted); }
    .cta {
      display: inline-block;
      margin-top: 12px;
      background: var(--primary);
      color: #fff;
      text-decoration: none;
      font-weight: 700;
      border-radius: 10px;
      padding: 10px 14px;
    }
    .list { margin: 0; padding-left: 18px; }
    .list li { margin-bottom: 6px; }
    .legal {
      margin-top: 18px;
      background: #f8fafc;
      border: 1px dashed #cbd5e1;
      border-radius: 12px;
      padding: 14px;
      font-size: 14px;
    }
    .ok { color: var(--ok); font-weight: 700; }
    footer { margin-top: 20px; color: #64748b; font-size: 13px; }

    @media (max-width: 640px) {
      .container { padding: 14px; }
      .hero { padding: 20px; border-radius: 14px; }
      .hero h1 { font-size: 1.5rem; }
    }
  </style>
</head>
<body>
  <main class="container">
    <section class="hero">
      <h1>NOME DA EMPRESA</h1>
      <p>[RESUMO DO QUE A EMPRESA FAZ EM 1 FRASE].</p>
      <a class="cta" href="https://wa.me/5500000000000" target="_blank">Falar no WhatsApp</a>
    </section>

    <section class="grid">
      <article class="card">
        <span class="tag">Sobre</span>
        <h2>Quem somos</h2>
        <p class="muted">Atendemos [CIDADE/ESTADO] com [SEU SERVICO]. Trabalhamos com foco em agilidade e suporte.</p>
      </article>

      <article class="card">
        <span class="tag">Contato</span>
        <h2>Fale com a gente</h2>
        <p>WhatsApp: (00) 00000-0000<br />E-mail: [email protected]</p>
        <p class="muted">Endereco: [RUA, NUMERO, CIDADE/UF]</p>
      </article>

      <article class="card">
        <span class="tag">Empresa</span>
        <h2>Dados da empresa</h2>
        <ul class="list">
          <li>Razao social: [NOME DA EMPRESA]</li>
          <li>CNPJ/CPF: 00.000.000/0000-00</li>
          <li>Horario: Seg a Sex, 08h as 18h</li>
        </ul>
      </article>
    </section>

    <section class="card">
      <h2>Politica de Privacidade</h2>
      <p class="muted">Cole aqui seu texto final de politica de privacidade.</p>
      <div class="legal">
        Dica: gere em https://politicaprivacidade.com/ e ajuste com os dados reais do seu negocio.
      </div>
    </section>

    <section class="card">
      <h2>Termos de Uso</h2>
      <p class="muted">Cole aqui seus termos de uso finais.</p>
      <p class="ok">Checklist WABA: nome da empresa, CNPJ/CPF e contato visiveis.</p>
    </section>

    <footer>Site simples pronto para publicacao rapida.</footer>
  </main>
</body>
</html>

Pré-visualização

Coloque sua empresa online