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

# Landing Pages

> Crie landing pages de alta conversão com editor visual por seções, integradas ao WhatsApp e com UTM tracking automático.

# Landing Pages

As Landing Pages do Brainchat permitem criar páginas de captura otimizadas para conversão, sem precisar de código. O editor visual é baseado em **seções** que você adiciona, reordena e configura individualmente.

<CardGroup cols={2}>
  <Card title="Editor visual por seções" icon="table-columns">
    Hero, colunas, depoimentos, FAQ, embed de formulário e muito mais — tudo no-code.
  </Card>

  <Card title="Assistente de IA" icon="sparkles">
    Gere o conteúdo da landing page automaticamente com base na sua oferta.
  </Card>

  <Card title="Formulário integrado" icon="file-lines">
    Incorpore qualquer formulário do Brainchat diretamente na landing page.
  </Card>

  <Card title="URL personalizada" icon="link">
    Slug customizável: `brainchat.app/lp/{slug}` ou domínio próprio.
  </Card>
</CardGroup>

***

## Criar uma Landing Page

<Steps>
  <Step title="Acessar Landing Pages">
    Vá em **Apps → Landing Pages** no menu lateral.
  </Step>

  <Step title="Nova página">
    Clique em **Nova Landing Page**. Preencha:

    * **Nome** — identificação interna
    * **Slug** — identificador único na URL

    A URL pública será: `https://brainchat.app/lp/{slug}`
  </Step>

  <Step title="Usar o Assistente de IA (opcional)">
    Clique em **Gerar com IA** e descreva sua oferta. O assistente cria uma estrutura completa de seções com título, subtítulo, benefícios e CTA.

    Você precisará de uma **API Key do Gemini** para usar o assistente. Veja [como configurar](/agente-ia/api-key).
  </Step>

  <Step title="Adicionar e configurar seções">
    No editor, clique em **+ Adicionar seção** e escolha o tipo. Configure cada seção individualmente.
  </Step>

  <Step title="Configurar SEO e metadados">
    Em **Configurações Globais**, defina título SEO, descrição e imagem de compartilhamento.
  </Step>

  <Step title="Publicar">
    Ative a página e compartilhe a URL.
  </Step>
</Steps>

***

## Seções Disponíveis

| Seção                | Uso                                                   |
| -------------------- | ----------------------------------------------------- |
| **Header**           | Barra de navegação com logo, menu e botão CTA         |
| **Hero**             | Seção principal com título, subtítulo, imagem e botão |
| **Colunas**          | Grade de features ou benefícios (2, 3 ou 4 colunas)   |
| **Texto**            | Bloco de texto com rich text editor                   |
| **Imagem + Texto**   | Layout lado a lado com imagem e descrição             |
| **Formulário Embed** | Incorpora um formulário do Brainchat                  |
| **FAQ**              | Accordion de perguntas e respostas                    |
| **Depoimentos**      | Cards de avaliações de clientes                       |
| **HTML**             | Código HTML customizado para conteúdo avançado        |
| **Footer**           | Rodapé com links, redes sociais e créditos            |

Para detalhes de cada seção, veja o [guia do editor visual](/apps/landing-pages-editor).

***

## Formulário Embed

A seção **Formulário Embed** incorpora um formulário criado em **Apps → Formulários** diretamente na landing page. O formulário é exibido inline, sem redirecionar o visitante.

<Tip>
  Coloque o formulário na parte inferior da landing page, após as seções de benefícios e depoimentos. Visitantes que chegam até o formulário já foram convencidos pelo conteúdo acima.
</Tip>

***

## Configurações Globais

Defina as configurações aplicadas à página inteira:

| Configuração              | Descrição                                          |
| ------------------------- | -------------------------------------------------- |
| **Fonte**                 | Família tipográfica (Inter, Roboto, etc.)          |
| **Cor primária**          | Cor dos botões e destaques                         |
| **Cor de fundo**          | Cor do fundo geral da página                       |
| **Favicon**               | Ícone da aba do navegador                          |
| **Título SEO**            | Título para mecanismos de busca e compartilhamento |
| **Descrição SEO**         | Descrição para Google e redes sociais              |
| **Imagem OG**             | Imagem exibida ao compartilhar o link              |
| **Pixel de rastreamento** | Meta Pixel, Google Analytics ou GTM                |

***

## UTM Tracking

Assim como os Formulários, as Landing Pages capturam automaticamente os parâmetros UTM da URL:

```
https://brainchat.app/lp/minha-oferta?utm_source=google&utm_medium=cpc&utm_campaign=black-friday
```

Os dados UTM são salvos nos contatos gerados pela landing page, permitindo rastrear quais campanhas geram mais conversões.

***

## Gerenciar Landing Pages

| Ação                 | Descrição                                                    |
| -------------------- | ------------------------------------------------------------ |
| **Ativar/Desativar** | Páginas desativadas exibem uma mensagem de indisponibilidade |
| **Duplicar**         | Cria uma cópia com toda a estrutura e conteúdo               |
| **Pré-visualizar**   | Abre a página em modo de visualização antes de publicar      |
| **Copiar URL**       | Copia o link público                                         |
| **Ver métricas**     | Acessa dados de visitantes e conversões                      |
| **Excluir**          | Remove permanentemente                                       |