> ## Documentation Index
> Fetch the complete documentation index at: https://docs.notifique.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Notifique.dev

> Plataforma B2B de mensageria omnichannel para empresas que escalam. WhatsApp, Instagram, SMS, e-mail, voz, chat no site, CRM, campanhas e automações em uma API.

<div className="welcome-hero">
  <div className="welcome-hero-bg" aria-hidden="true">
    <div className="welcome-hero-glow welcome-hero-glow-1" />

    <div className="welcome-hero-glow welcome-hero-glow-2" />

    <div className="welcome-hero-glow welcome-hero-glow-3" />

    <svg className="welcome-hero-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 560" preserveAspectRatio="xMidYMid slice">
      <defs>
        <linearGradient id="welcome-line-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" stopColor="rgba(251, 191, 36, 0)" />

          <stop offset="35%" stopColor="rgba(251, 191, 36, 0.55)" />

          <stop offset="65%" stopColor="rgba(245, 158, 11, 0.7)" />

          <stop offset="100%" stopColor="rgba(251, 191, 36, 0)" />
        </linearGradient>
      </defs>

      <g className="welcome-hero-grid">
        <line x1="120" y1="0" x2="120" y2="560" />

        <line x1="360" y1="0" x2="360" y2="560" />

        <line x1="600" y1="0" x2="600" y2="560" />

        <line x1="840" y1="0" x2="840" y2="560" />

        <line x1="1080" y1="0" x2="1080" y2="560" />

        <line x1="1320" y1="0" x2="1320" y2="560" />

        <line x1="0" y1="100" x2="1440" y2="100" />

        <line x1="0" y1="260" x2="1440" y2="260" />

        <line x1="0" y1="420" x2="1440" y2="420" />
      </g>

      <path className="welcome-hero-path" d="M 160 150 C 320 80, 480 120, 640 140 S 960 90, 1120 130 S 1320 170, 1380 200" />

      <path className="welcome-hero-path welcome-hero-path-2" d="M 80 320 C 240 260, 400 380, 560 340 S 880 280, 1040 360 S 1240 400, 1360 320" />

      <path className="welcome-hero-path welcome-hero-path-3" d="M 200 420 C 380 360, 520 460, 700 400 S 980 340, 1180 420" />

      <path className="welcome-hero-path welcome-hero-path-2" d="M 320 90 L 520 200 L 720 120 L 920 240 L 1120 160" />

      <circle className="welcome-hero-node" cx="160" cy="150" r="3.5" />

      <circle className="welcome-hero-node welcome-hero-node-2" cx="640" cy="140" r="4" />

      <circle className="welcome-hero-node welcome-hero-node-3" cx="1120" cy="130" r="3.5" />

      <circle className="welcome-hero-node welcome-hero-node-4" cx="320" cy="320" r="3" />

      <circle className="welcome-hero-node welcome-hero-node-5" cx="720" cy="400" r="4" />

      <circle className="welcome-hero-node welcome-hero-node-6" cx="1040" cy="360" r="3.5" />

      <circle className="welcome-hero-ring" cx="640" cy="140" r="18" />

      <circle className="welcome-hero-ring welcome-hero-ring-2" cx="720" cy="400" r="14" />
    </svg>
  </div>

  <div className="welcome-hero-content">
    <div
      style={{
  display: "inline-block",
  marginBottom: 20,
  padding: "6px 14px",
  borderRadius: 999,
  fontSize: 13,
  fontWeight: 500,
  letterSpacing: "0.02em",
  color: "#fbbf24",
  background: "rgba(251, 191, 36, 0.12)",
  border: "1px solid rgba(251, 191, 36, 0.35)",
}}
    >
      Bem-vindo à Notifique Docs
    </div>

    <h1
      style={{
  fontSize: "clamp(32px, 5vw, 48px)",
  fontWeight: 600,
  marginBottom: 20,
  letterSpacing: "-0.03em",
  color: "#fafafa",
  textShadow: "0 2px 24px rgba(0, 0, 0, 0.4)",
  maxWidth: 720,
  marginLeft: "auto",
  marginRight: "auto",
  lineHeight: 1.15,
}}
    >
      A mensagem certa, no canal certo, na hora certa
    </h1>

    <p
      style={{
  maxWidth: 640,
  margin: "0 auto",
  fontSize: 18,
  lineHeight: 1.65,
  fontWeight: 400,
  color: "rgba(250, 250, 250, 0.82)",
  textShadow: "0 1px 12px rgba(0, 0, 0, 0.35)",
}}
    >
      Tudo para integrar mensageria omnichannel no seu produto:

      <br />

      envio multicanal, inbox unificada, campanhas, automações e assistente IA.
    </p>
  </div>
</div>

<div
  style={{
position: "relative",
padding: "72px 20px 64px",
maxWidth: "1100px",
margin: "0 auto",
borderBottom: "1px solid var(--border)",
}}
>
  <h2 style={{ fontSize: 26, fontWeight: 600, marginBottom: 16, letterSpacing: "-0.02em" }}>
    Por que a Notifique existe
  </h2>

  <p
    style={{
  color: "var(--muted-foreground)",
  marginBottom: 32,
  lineHeight: 1.75,
  fontSize: 17,
  maxWidth: 720,
}}
  >
    Empresas não perdem clientes por falta de canal, perdem por mensagem atrasada, genérica ou
    espalhada em dez ferramentas. A Notifique reúne envio, inbox, audiência e jornadas em uma API
    pensada para o Brasil: você integra uma vez e escala do primeiro teste ao milhão de conversas.
  </p>

  <div
    style={{
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
  gap: 16,
  marginBottom: 40,
}}
  >
    <Card title="Uma API, vários canais" icon="layer-group" horizontal>
      Envie pelo canal certo sem reescrever integração. Templates multicanal e a mesma chave de API no workspace.
    </Card>

    <Card title="Do sandbox à produção" icon="rocket" horizontal>
      Teste sem provedor real, valide payloads e suba para produção com webhooks, logs e escopos mínimos por canal.
    </Card>
  </div>

  <h3 style={{ fontSize: 18, fontWeight: 600, marginBottom: 12 }}>
    Na prática, uma chamada
  </h3>

  <p style={{ color: "var(--muted-foreground)", marginBottom: 16, lineHeight: 1.7, fontSize: 15 }}>
    Dispare um WhatsApp transacional em segundos, o mesmo padrão vale para SMS, e-mail e os demais canais.
  </p>

  ```http theme={null}
  POST https://api.notifique.dev/v1/whatsapp/messages
  Content-Type: application/json
  Authorization: Bearer sk_live_xxxxx
  ```

  ```json theme={null}
  {
    "instanceId": "clxx...",
    "to": ["5511999999999"],
    "type": "text",
    "payload": {
      "message": "Seu pedido #4821 saiu para entrega!"
    }
  }
  ```
</div>

<div style={{ padding: "60px 20px", maxWidth: "1100px", margin: "0 auto" }}>
  <h2 style={{ fontSize: 22, fontWeight: 600, marginBottom: 24 }}>
    O que você pode fazer
  </h2>

  <div
    style={{
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
  gap: 24,
  marginBottom: 48,
}}
  >
    <Card icon="whatsapp" title="WhatsApp" href="/whatsapp-api/como-funciona/introducao">
      Envie mensagens personalizadas com texto, mídia e templates pela API.
    </Card>

    <Card icon="instagram" title="Instagram" href="/instagram-api/como-funciona/introducao">
      Conecte a conta, envie DMs, edite texto e acompanhe inbound pela API.
    </Card>

    <Card icon="comment-sms" title="SMS" href="/sms-api/como-funciona/introducao">
      Dispare SMS transacionais e acompanhe entrega em tempo real.
    </Card>

    <Card icon="paper-plane" title="Telegram" href="/telegram-api/como-funciona/introducao">
      Publique no bot ou na sessão de usuário com mídia e localização.
    </Card>

    <Card icon="envelope" title="E-mail" href="/emails-api/como-funciona/introducao">
      Envie e-mails transacionais e campanhas com domínio verificado.
    </Card>

    <Card icon="bell" title="Push" href="/push-api/como-funciona/introducao">
      Alcance usuários no navegador ou app com notificações push.
    </Card>

    <Card icon="mobile-screen" title="RCS" href="/rcs-api/como-funciona/introducao">
      Envie mensagens ricas com botões e mídia no ecossistema RCS.
    </Card>

    <Card icon="phone" title="Voz" href="/voice-api/como-funciona/introducao">
      Origine ligações com URA, confirmação por telefone e webhooks.
    </Card>

    <Card icon="comments" title="Chat no site" href="/ai-web-widget/index">
      Instale o widget com IA no seu site e transfira para humanos na inbox.
    </Card>
  </div>

  <h2 style={{ fontSize: 22, fontWeight: 600, marginBottom: 24 }}>
    Marketing e campanhas
  </h2>

  <div
    style={{
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
  gap: 24,
  marginBottom: 48,
}}
  >
    <Card icon="address-book" title="Contatos e tags" href="/contacts-api/como-funciona/introducao">
      Cadastre, importe e organize contatos com tags e campos personalizados.
    </Card>

    <Card icon="tags" title="Tópicos" href="/contacts-api/como-funciona/topicos-de-comunicacao">
      Gerencie consentimento por tema e link de preferências do assinante.
    </Card>

    <Card icon="filter" title="Segmentos" href="/contacts-api/como-funciona/segmentos-na-audiencia">
      Audiências dinâmicas: tags, campos de plataforma, propriedades, tópicos e opt-in.
    </Card>

    <Card icon="bullhorn" title="Campanhas" href="/contacts-api/como-funciona/campanhas-no-painel">
      Dispare ou agende em lote: template, canais (WA, SMS, e-mail, Telegram), segmento ou IDs, stats e cancelamento.
    </Card>

    <Card icon="layer-group" title="Templates" href="/template-api/como-funciona/introducao">
      Modelos em até sete canais (WhatsApp, SMS, Telegram, e-mail, RCS, Push e voz). Instagram e widget ficam nas APIs próprias.
    </Card>

    <Card icon="diagram-project" title="Automações" href="/automations-api/como-funciona/introducao">
      Automatize jornadas com gatilhos, delays e ações em webhooks.
    </Card>
  </div>

  <h2 style={{ fontSize: 22, fontWeight: 600, marginBottom: 24 }}>
    Primeiros passos para devs
  </h2>

  <div
    style={{
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
  gap: 24,
  marginBottom: 48,
}}
  >
    <Card icon="key" title="Chaves de API" href="/guides/api-key/index">
      Gere e gerencie credenciais com escopos mínimos por canal.
    </Card>

    <Card icon="flask" title="Sandbox" href="/guides/sandbox/index">
      Teste integrações sem provedor real e valide payloads antes de produção.
    </Card>

    <Card icon="webhook" title="Webhooks" href="/guides/webhooks/index">
      Receba eventos de mensagem e instância em tempo real na sua URL.
    </Card>

    <Card icon="robot" title="Construa com IA" href="/build-with-ai">
      Conecte MCP, Skills e contexto para LLMs na sua IDE ou agentes.
    </Card>

    <Card icon="code-branch" title="n8n" href="/build-with-ai/n8n">
      Automatize fluxos com o node oficial da Notifique no n8n.
    </Card>

    <Card icon="clipboard-list" title="Logs" href="/guides/logs/introducao">
      Audite envios e chamadas de API no painel e pela API.
    </Card>
  </div>

  <h2 style={{ fontSize: 22, fontWeight: 600, marginBottom: 24 }}>
    Infraestrutura
  </h2>

  <div
    style={{
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
  gap: 24,
  marginBottom: 32,
}}
  >
    <Card icon="plug" title="BYOK" href="/byok">
      Configure provedores externos e regras de roteamento no mesmo workspace.
    </Card>

    <Card icon="coins" title="Cobrança" href="/guides/introducao/cobranca-e-pague-pelo-uso">
      Entenda créditos, Pague pelo uso e limites por plano.
    </Card>

    <Card icon="scroll" title="Changelog" href="/changelog">
      Acompanhe novidades da plataforma e mudanças na API.
    </Card>
  </div>

  <p style={{ color: "var(--muted-foreground)", fontSize: 14, lineHeight: 1.7 }}>
    Comece pelo guia <a href="/guides/introducao/comece-aqui">Comece aqui</a> ou escolha um canal acima.
  </p>
</div>