Voltar ao site

Como criar dominio, hospedagem e e-mail na HostGator

Guia simples, em linguagem leiga, para deixar seu negocio pronto e com mais chance de aprovar o WABA (WhatsApp Oficial).

Antes de comecar (bem simples)

Link de indicacao Talkvia

Use este acesso para contratar com ate 77% de desconto nas ofertas elegiveis da HostGator.

Acessar link de indicacao HostGator

To-do: configuracao para site + WABA

Marque as etapas concluidas para acompanhar seu progresso sem se perder.

Progresso 0/10 (0%)

O que precisa no site para ajudar na aprovacao do WABA

Gerar Termos e Politica em poucos minutos (PT-BR)

Para facilitar, use este gerador em portugues:

Abrir politicaprivacidade.com

Importante: leia e ajuste o texto para o seu negocio antes de publicar.

Proximos guias recomendados

Acelere sua operacao seguindo os guias mais usados por quem esta comecando.

1. Criar seu WABA oficial 2. Comprar numero na Telera 3. Configurar OpenAI + API Key

Copia e cola: template HTML simples para subir seu site rapido

Copie o codigo abaixo, salve como index.html e troque os textos com os dados da sua empresa.

<!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>

Preview do template