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

# Crie e publique sua primeira landing page

> Coloque sua primeira landing page do LanderLab no ar em minutos. Crie a página, adicione um formulário de leads, conecte seu CRM, publique no seu domínio e confirme que o rastreamento funciona.

Este guia leva você de um espaço de trabalho vazio até uma landing page no ar coletando leads reais. Deve levar cerca de dez minutos.

<Note>
  Tudo aqui funciona em uma conta gratuita. Você só precisa de um plano pago para publicar no seu próprio domínio personalizado.
</Note>

## Passo 1: Crie a página

Existem cinco formas de começar uma landing page no LanderLab. Escolha a que combina com o que você já tem.

<Columns cols={2}>
  <Column>
    <Card title="Gerar com IA" icon="sparkles" href="/pt-BR/features/landing-pages/create/with-ai">
      Descreva seu produto, público e objetivo. É a opção mais rápida e a melhor escolha para uma primeira página.
    </Card>
  </Column>

  <Column>
    <Card title="Começar a partir de um modelo" icon="table-columns" href="/pt-BR/features/landing-pages/create/from-template">
      Escolha um layout comprovado por nicho e troque os textos e as imagens pelos seus.
    </Card>
  </Column>
</Columns>

Você também pode [importar uma página existente a partir de uma URL](/pt-BR/features/landing-pages/create/import-from-url), [enviar um arquivo ZIP](/pt-BR/features/landing-pages/create/with-zip) ou [começar com uma tela em branco](/pt-BR/features/landing-pages/create/from-scratch).

<Tip>
  Vai criar um quiz ou formulário de várias etapas em vez de uma única página? Vá para o [guia de funis de quiz](/pt-BR/features/quizzes/get-started). Os demais passos abaixo continuam iguais.
</Tip>

## Passo 2: Edite o conteúdo

A página abre no editor visual. Clique em qualquer elemento para selecioná-lo e use o painel da direita para alterá-lo.

<Steps>
  <Step title="Substitua os textos">
    Clique em um título ou parágrafo e digite por cima. Veja [títulos e textos](/pt-BR/features/editor/elements/headings-text) para opções de formatação.
  </Step>

  <Step title="Troque as imagens">
    Selecione uma imagem e envie a sua ou escolha uma da biblioteca integrada. Detalhes em [adicionar e personalizar imagens](/pt-BR/features/editor/elements/image).
  </Step>

  <Step title="Defina as cores e fontes da sua marca">
    Em vez de estilizar cada elemento, defina tudo uma única vez em [cores do tema](/pt-BR/features/editor/theme/colors) e [fontes globais](/pt-BR/features/editor/theme/fonts). Todos os elementos seguem automaticamente.
  </Step>

  <Step title="Confira no celular">
    Mude para a visualização mobile na barra de ferramentas e ajuste o que parecer apertado usando as configurações de [visibilidade](/pt-BR/features/editor/styles/visibility) e [espaçamento](/pt-BR/features/editor/styles/spacing).
  </Step>
</Steps>

<Tip>
  Precisa alterar o mesmo texto ou link em vinte lugares? Use [substituir texto](/pt-BR/features/editor/quick-actions/replace-text) e [substituir links](/pt-BR/features/editor/quick-actions/replace-links) em vez de editar um por um.
</Tip>

## Passo 3: Adicione um formulário de leads

Uma landing page sem ponto de captura não gera leads. Adicione um [elemento de newsletter ou formulário](/pt-BR/features/editor/elements/newsletter) e depois defina o que acontece após o envio nas [configurações gerais da página](/pt-BR/features/landing-pages/settings/general): redirecionar para uma página de agradecimento, para a URL de uma oferta ou exibir uma mensagem de sucesso.

Se você coleta dados sensíveis ou regulamentados, ative a [validação](/pt-BR/features/quizzes/validation/general) para que e-mails e telefones inválidos nunca entrem na sua base.

## Passo 4: Conecte o destino dos leads

Os leads sempre ficam armazenados no LanderLab, mas a maioria das equipes também os envia para outro lugar ao mesmo tempo.

<Columns cols={2}>
  <Column>
    <Card title="Enviar para o seu CRM" icon="address-book" href="/pt-BR/integrations/crm/klaviyo">
      Klaviyo, HubSpot, ActiveCampaign, Mailchimp, GoHighLevel e outros.
    </Card>
  </Column>

  <Column>
    <Card title="Enviar para um comprador ou API" icon="share-nodes" href="/pt-BR/integrations/lead-distribution/webhook">
      Webhook, Google Sheets, LeadsPedia, LeadProsper, Phonexa, LeadByte.
    </Card>
  </Column>
</Columns>

Adicione a integração pelo painel **Add Integration** da sua landing page, mapeie os campos do formulário e conecte-a à página.

## Passo 5: Adicione o rastreamento

Instale o pixel da sua plataforma de anúncios para que a fonte de tráfego possa atribuir e otimizar as conversões. O LanderLab injeta o script para você, então basta colar um ID.

* [Meta Pixel](/pt-BR/integrations/pixels/meta-pixel) e [Meta Conversions API](/pt-BR/integrations/pixels/meta-capi)
* [TikTok](/pt-BR/integrations/pixels/tik-tok), [Snapchat](/pt-BR/integrations/pixels/snapchat), [Taboola](/pt-BR/integrations/pixels/taboola), [NewsBreak](/pt-BR/integrations/pixels/news-break)
* [Google Analytics](/pt-BR/integrations/analytics/google-analytics)

Depois, configure o [rastreamento de conversões](/pt-BR/features/analytics/conversions-tracking) para que o LanderLab reporte as mesmas ações que a sua plataforma de anúncios.

## Passo 6: Publique

<Steps>
  <Step title="Conecte um domínio">
    Use a [integração com a Cloudflare](/pt-BR/features/domain/connect-domain-cloudflare) para configurar o DNS automaticamente ou [conecte manualmente](/pt-BR/features/domain/manual-connection) adicionando você mesmo os registros CNAME e TXT.
  </Step>

  <Step title="Preencha as configurações de SEO">
    Adicione um título de página, uma meta descrição e um favicon nas [configurações de SEO](/pt-BR/features/landing-pages/settings/seo).
  </Step>

  <Step title="Publique">
    Clique em **Publish**, escolha seu domínio e caminho, e a página entra no ar. Detalhes completos em [publicar uma landing page](/pt-BR/features/landing-pages/operations/publish).
  </Step>
</Steps>

<Warning>
  Toda alteração feita depois da publicação precisa de uma [republicação](/pt-BR/features/landing-pages/operations/republish) para chegar à página no ar. Isso inclui novas integrações e pixels.
</Warning>

## O que fazer em seguida

<Columns cols={2}>
  <Column>
    <Card title="Teste uma segunda versão" icon="flask" href="/pt-BR/features/analytics/ab-testing">
      Duplique a página em uma variante, divida o tráfego e deixe os dados escolherem a vencedora.
    </Card>
  </Column>

  <Column>
    <Card title="Acompanhe seus resultados" icon="chart-line" href="/pt-BR/features/analytics/landing-page">
      Visualizações, cliques, leads e taxa de conversão por país, dispositivo e origem.
    </Card>
  </Column>
</Columns>