Aba
Use Aba para organizar conteudo em paineis alternaveis sem aumentar demais a pagina. Este guia segue o comportamento atual do Page Builder e ajuda a configurar o bloco sem depender de descricoes genericas.
Como funciona no Atomicat
No Atomicat 3.0, o elemento e editado pelo painel lateral do builder e trabalha junto com o container pai, valores responsivos e configuracoes de estilo. Os controles mais importantes envolvem abas, titulos, conteudo, estado ativo, cores, bordas, espacamento e responsividade. Quando o elemento dispara clique, envio, embed, navegacao ou tracking, teste sempre na pagina publicada.
Quando usar
- Compare recursos ou planos.
- Separe perguntas por categoria.
- Organize detalhes sem poluir a secao.
Configurar o elemento
- Comece pelo objetivo da secao: leitura, prova, captura, clique, compra ou navegacao.
- Configure abas, titulos, conteudo, estado ativo, cores, bordas, espacamento e responsividade antes de ajustar detalhes visuais.
- Mantenha nomes, labels, URLs, IDs e assets consistentes com o restante da campanha.
- Ajuste desktop, tablet e mobile separadamente quando o controle for responsivo.
- Salve, visualize e publique novamente quando a configuracao afetar visitantes.
Notas de teste
- Abra o preview e confira o elemento em desktop, tablet e mobile.
- Teste a URL publicada quando houver clique, formulario, quiz, video, embed, pixel, redirect ou codigo externo.
- Verifique se o elemento nao cria rolagem horizontal, excesso de espaco ou conflito com secoes vizinhas.
- Se houver tracking, confirme o evento na ferramenta da plataforma antes de enviar trafego pago.
Limitacoes e dicas
- Use o elemento nativo mais simples que resolve o objetivo antes de recorrer a HTML personalizado.
- Nao dependa apenas de hover, animacao ou imagem para comunicar informacao essencial.
- Documente destinos, IDs, scripts e assets quando outra pessoa vai revisar ou dar suporte a pagina.
Documentos relacionados
Perguntas frequentes
Que configuracao mais afeta Aba?
Os pontos principais sao abas, titulos, conteudo, estado ativo, cores, bordas, espacamento e responsividade. Revise esses campos antes de mexer em ajustes visuais menores.
Como testar Aba no mobile?
Alterne para Mobile no builder, confira largura, espacamento e toque, publique a pagina e abra a URL ao vivo em um navegador mobile quando o elemento afetar conversao ou tracking.
Quando devo republicar a pagina?
Republique sempre que alterar conteudo, URLs, formularios, quizzes, videos, embeds, scripts, pixels ou qualquer comportamento que o visitante precisa carregar na versao final.