Visão geral dos elementos
Elementos são os componentes de conteúdo, layout, mídia, conversão, produto, quiz e controles de página que você adiciona no Construtor de páginas do Atomicat. Cada elemento tem uma gaveta de conteúdo para definir o que ele diz ou faz e, quando suportado, uma gaveta de estilo para controlar como ele aparece em desktop, tablet e mobile.
Como o Atomicat organiza elementos
No Atomicat 3.0, os editores de elementos são registrados por interfaces dinâmicas de conteúdo e estilo. Editores de conteúdo incluem Text, Advanced Text, Button, Form, Container, Countdown, Menu, HTML, IFrame, Interactive Quiz, Product, Announcement, Selling Point, Audio, Height Weight e outros. Alguns itens da paleta são versões pré-configuradas de outro elemento: Alert usa Text com estilo de alerta, e Multiple Choice usa Quiz Option configurado como checkbox.
Principais famílias de elementos
- Texto e títulos incluem Text, H1, Animated Text, Advanced Text e presets de texto com estilo de alerta.
- Layout inclui Container, Spacer, Divider, Tab, Menu e outros blocos focados em estrutura.
- Mídia e prova incluem Audio, Chart, Comment, FunFact, Google Maps, Icon List, Image Comparison, Selling Point, Social Icon e blocos similares.
- Conversão inclui Button, Redirect, Countdown, Star Rating, Roulette, Product, Form e widgets de prova de apoio.
- Quiz inclui Quiz, Interactive Quiz, Quiz Option, Multiple Choice e campos Height Weight.
- Controles singulares de página incluem Cookie, Notification e WhatsApp, aplicados uma vez no nível da página.
Índice de guias de elementos
Use estes grupos para ir da visão geral ao guia exato do elemento:
| Necessidade | Documentos recomendados |
|---|---|
| Escrever e formatar texto da página | Text, H1, Advanced Text, Animated Text |
| Construir estrutura de página | Container, Spacer, Divider, Tab, Accordion |
| Adicionar ações de conversão | Button, Redirect, Countdown, Formulários, Product |
| Adicionar mídia e prova | Audio, Video, Google Maps, Comments, Star Rating |
| Criar quizzes | Interactive Quiz, Elementos de quiz, Multiple Choice, Height Weight |
| Adicionar embeds avançados | HTML, IFrame, Menu, Icon List |
| Configurar widgets de nível de página | Cookie, Notification, WhatsApp, ScrollUp |
Escolhendo o elemento certo
- Use o elemento nativo mais específico antes de adicionar código HTML ou iframe personalizado.
- Use Container para layout, não para semântica de texto.
- Use Button ou Redirect para ações importantes, não texto decorativo com link.
- Use Product quando a página precisa de dados do editor de produtos.
- Use elementos de Quiz somente quando respostas, lógica ou saída de lead importam.
- Use elementos singulares com moderação para que Cookie, Notification e WhatsApp não disputem o mesmo espaço da tela.
Testes antes de publicar
- Pré-visualize desktop, tablet e mobile depois de adicionar ou alterar elementos de layout.
- Clique em todos os Buttons, Redirects, itens de Menu, links de WhatsApp e ações de Star Rating.
- Envie Forms e Quizzes com dados de teste realistas.
- Verifique embeds de terceiros como IFrame, HTML e Google Maps no domínio publicado.
- Confirme se provas de conversão como contagens regressivas, avaliações, comentários e anúncios estão corretas.
Documentos relacionados
Perguntas frequentes
Por que alguns itens da paleta compartilham comportamento?
Alguns itens são versões pré-configuradas de outro elemento. Alert usa Text com presets de alerta, e Multiple Choice usa o comportamento de checkbox de Quiz Option.
Por que um elemento não tem aba de estilo?
Nem todo elemento tem uma interface de estilo dedicada. Alguns dependem de contêineres pais, configurações de componente singular ou comportamento de terceiros incorporado.
O que devo testar depois de alterar elementos?
Teste o caminho do visitante: layout em todos os dispositivos, cliques, formulários, respostas de quiz, embeds, eventos de rastreamento e comportamento da página publicada.