Elementos
Elementos são os blocos de construção que você adiciona a uma página no Construtor de páginas do Atomicat.
Use elementos para criar conteúdo de página, mídia, botões, formulários, áreas de produtos, interações de questionário, blocos de layout, conteúdo incorporado e recursos de nível de página, como WhatsApp, notificações, cookies e controles de rolagem.
Grupos de elementos no construtor
A gaveta do construtor organiza os elementos em grupos. A lista exata pode variar de acordo com o acesso à conta, tipo de página, contexto do questionário, sinalizadores de recursos e atualizações de produtos.
| Grupo de elementos | Elementos documentados |
|---|---|
| Texto | Parágrafo, H1, H2, H3, Texto de alerta, Texto de temporizador, Texto animado, Texto avançado. |
| Mídia | Áudio, altura/peso, depoimento, anúncio, argumento de venda, FunFact, ícone, lista de ícones, imagem, comparação de imagens, vídeo, gráfico de pizza, gráfico, controle deslizante, guia, ícone social. |
| Botão | Botão e redirecionamento. |
| Blocos | Acordeão, ChatBot, Comentário, Container, Contagem regressiva, Divisor, Rodapé, Formulário, Google Maps, Roleta, HTML, IFrame, Menu, Barra de progresso, Classificação por estrelas, Preço, Produto. |
| Questionário | Questionário, Questionário Interativo, Opção de Questionário, Múltipla Escolha. |
| Singular | Cookie, WhatsApp, Notificação, ScrollUp. |
| Legado ou oculto | O horário comercial e a roda da roleta podem aparecer em páginas salvas mais antigas ou em fluxos especializados, mesmo que não estejam na gaveta padrão. |
Template de edição compartilhada
Depois de adicionar ou selecionar um elemento, a gaveta de edição geralmente separa a configuração em controles de conteúdo e controles de estilo.
| Área de controle | O que geralmente muda |
|---|---|
| Contente | Texto, links, fonte de mídia, campos, opções, registros, URLs incorporado, IDs, regras de acionamento ou dados específicos do elemento. |
| Estilo | Alinhamento, tipografia, cores, plano de fundo, borda, raio, sombra, espaçamento, largura, altura, lacunas, colunas e valores responsivos. |
| Comportamento avançado | Animação, estado de foco, janela de destino, carregamento lento, reprodução automática, gatilhos de rastreamento, validação ou comportamento no nível da página, dependendo do elemento. |
| Menu de tipografia | Controles relacionados ao texto, como família de fontes, tamanho, espessura, altura da linha, espaçamento entre letras e tipografia responsiva, quando disponível. |
| Ações do elemento | Copie o ID do construtor, duplique, mova, exclua, sincronize o estilo ou abra os controles de assistência MIA/MCP quando disponíveis. |
Nem todo elemento expõe todos os controles. Elementos incorporados como HTML, IFrame e Google Maps têm menos configurações de estilo nativo porque parte da experiência é controlada pelo conteúdo externo.
Páginas de documentação do elemento
Use essas referências de elemento único quando precisar de configurações detalhadas.
Texto
Mídia
- Áudio
- Altura/Peso
- Depoimento
- Anúncio
- Ponto de venda
- FunFact
- Ícone
- Lista de ícones
- Imagem
- Comparação de imagens
- Vídeo
- Gráfico de pizza
- Gráfico
- Controle deslizante
- Guia
- Social Ícone
Botões e blocos
- Botão
- Redirecionamento
- Acordeão
- ChatBot
- Comentário
- Contêiner
- Contagem regressiva
- Divisor
- Rodapé
- Formulário
- Google Maps
- Roleta
- HTML
- IFrame
- Menu
- Barra de progresso
- [Classificação por estrelas] (/construtor/elementos/avaliacao-estrelas)
- [Espaçador] (/construtor/elementos/espacador)
- [Preço] (/construtor/elementos/preco)
- [Produto] (/construtor/elementos/produto)
Questionário e Singular
Legado ou Oculto
Escolhendo o elemento certo
Use o elemento mais simples que corresponda ao objetivo.
| Meta | Elemento recomendado |
|---|---|
| Adicione um título ou parágrafo | Parágrafo, H1, H2, H3, Texto Avançado. |
| Adicionar texto de urgência | Texto do temporizador ou contagem regressiva. |
| Adicione uma imagem ou ícone estático | Imagem, ícone, lista de ícones. |
| Adicione vídeo ou áudio | Vídeo ou Áudio. |
| Organizar a estrutura da página | Contêiner, espaçador, divisor, menu, rodapé, controle deslizante, guia. |
| Envie visitantes para outro URL ou seção da página | Botão ou Redirecionamento. |
| Capturar leads | Forma. |
| Adicione informações de checkout ou oferta | Produto ou preço. |
| Adicione provas ou ofereça reforço | Depoimento, classificação por estrelas, argumento de venda, FunFact, anúncio. |
| Adicione conteúdo incorporado personalizado | HTML, IFrame, Google Maps. |
| Adicionar interações de questionário | Questionário, Questionário Interativo, Opção de Questionário, Múltipla Escolha. |
| Adicionar comportamento flutuante no nível da página | WhatsApp, Cookie, Notificação, ScrollUp. |
Melhores práticas
- Crie primeiro o layout com contêineres, espaçadores, divisórias, menus e rodapés.
- Adicione conteúdo e mídia depois que a estrutura estiver estável.
- Configure o comportamento específico do elemento antes do estilo final para poder testar a interação real.
- Revise as configurações de desktop e dispositivos móveis separadamente quando os controles expõem valores responsivos.
- Teste botões, formulários, incorporações, questionários, vídeos, ações de produtos e elementos singulares no URL publicado antes de enviar tráfego.
Perguntas frequentes
Quando devo usar esta página sobre Elementos — Elementos do construtor?
Use esta página quando precisar entender o fluxo, as configurações ou as decisões relacionadas a Elementos — Elementos do construtor. Ela é mais útil antes de editar um recurso em produção, publicar alterações ou revisar o comportamento em um workspace Atomicat.
O que devo conferir antes de alterar Elementos — Elementos do construtor?
Confirme que você está no workspace, projeto, página, funil, site ou área da conta correta. Revise permissões, alterações salvas, status de publicação e integrações conectadas antes de atualizar.
Como verifico se Elementos — Elementos do construtor está funcionando corretamente?
Pré-visualize a página ou recurso afetado, teste o caminho principal em uma nova sessão do navegador e confirme que formulários, redirecionamentos, rastreamento, produtos, quizzes ou publicação funcionam como esperado.
O que faço se Elementos — Elementos do construtor não funcionar como esperado?
Revise novamente a configuração descrita nesta página, salve as alterações outra vez, limpe o cache do navegador se necessário e teste uma versão simples da configuração. Se continuar, reúna a URL, detalhes do workspace e capturas antes de contatar o suporte.