> ## 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.
# Como editar e configurar um popup no LanderLab
> Aprenda a adicionar conteúdo, definir gatilhos, configurar o backdrop e controlar o botão de fechar dos seus popups do LanderLab - tudo direto no editor.
Depois de criar um popup, o editor oferece controle total. Adicione qualquer conteúdo ao canvas do popup e use a barra lateral direita para controlar quando ele aparece, qual é a aparência dele e como ele é fechado.
## Adicionar conteúdo ao seu popup
Clique em um popup no painel Popups para ativá-lo no canvas. A barra lateral esquerda muda para o painel **Elements** - o mesmo que você usa para criar sua landing page.
Arraste e solte qualquer elemento diretamente no popup. Os usos mais comuns incluem:
1. Títulos e textos
2. Imagens e vídeos
3. Botões de CTA
4. Formulários e captura de leads
5. Funis de quiz
6. Links de redirecionamento
7. Contadores regressivos (countdown timers)
8. Código personalizado
Você pode usar o construtor de IA (AI builder) dentro do popup. Clique no ícone de IA no canvas para gerar ou reescrever conteúdo diretamente no popup.
***
## Barra lateral direita - configurações do popup
Quando um popup está selecionado, a barra lateral direita mostra três abas: **Popup**, **Backdrop** e **Close**.
### Aba Popup
É aqui que você controla quando e como o popup aparece.
**Trigger** - escolha o que faz o popup ser exibido:
1. **On Page Load** - aparece imediatamente quando o visitante chega à página.
2. **After Delay** - aparece depois de um número definido de segundos. Informe o tempo de espera no campo que aparece.
3. **On Scroll (%)** - aparece depois que o visitante rola uma porcentagem da página. Você pode definir valores diferentes para desktop, tablet e mobile.
4. **Exit Intent** - aparece quando o visitante está prestes a sair da página. **General** — controla a posição, a animação e a frequência de exibição:
5. **Position** - onde o popup aparece na tela: Center, Top Left, Top Center, Top Right, Left Center, Right Center ou Bottom Left.
6. **Animation** - como o popup entra na tela: Scale, Fade, Slide Up, Slide Down ou Bounce.
7. **Stay Dismissed** - quando ativado, os visitantes que fecharem o popup não o verão novamente por 30 dias.
8. **Show Once** - aciona o popup apenas uma vez por sessão.
9. **Size, Layout, Background, Typography** - opções de estilo padrão. Defina a largura do popup e ajuste o espaçamento, a cor de fundo e os estilos de fonte para combinar com o design da sua página.
***
### Aba Backdrop
O backdrop é a sobreposição escurecida que aparece atrás do popup. Ele ajuda a concentrar a atenção do visitante no conteúdo do popup.
1. **Visibility** - mostra ou oculta o backdrop por completo.
2. **Close on click** - quando ativado, clicar em qualquer lugar do backdrop fecha o popup.
3. **Color** - define a cor e a opacidade do backdrop. O padrão é `rgba(0,0,0,0.5)`.
4. **Blur** - aplica um efeito de desfoque ao conteúdo da página atrás do popup.
***
### Aba Close
Controla o botão de fechar exibido no popup.
1. **Visibility** - mostra ou oculta o botão de fechar.
2. **Shape** - escolha o estilo do ícone do botão de fechar.
3. **Position** - posiciona o botão dentro ou fora da caixa do popup.
4. **Size and Offset** - ajusta o tamanho do botão e a distância dele em relação ao canto.
5. **Close on ESC** - quando ativado, pressionar a tecla Esc também fecha o popup.
6. **Colors** - define a cor de fundo e a cor do ícone do botão de fechar.
