Visao geral dos elementos — Guia de elementos do construtor
Use Visao geral dos elementos no Page Builder do Atomicat para entender os grupos de elementos do Page Builder e escolher o bloco certo para cada objetivo, com configuracoes de categorias de texto, midia, formulario, quiz, conversao, layout e configuracoes de estilo.
Paragrafo — Elementos do construtor
Use Paragrafo no Page Builder do Atomicat para escrever corpo de texto, explicacoes, legendas e notas com controle tipografico, com configuracoes de texto, tag, tipografia, cor, alinhamento, largura, espacamento e responsividade.
Texto — Guia de elementos do construtor
Use Texto no Page Builder do Atomicat para escrever paragrafos, blocos curtos, links e titulos com controle de conteudo e tag HTML, com configuracoes de conteudo com suporte a HTML basico, ajuda de IA quando disponivel, evento de clique, dropdown de tag, tipografia, cor, alinhamento e espacamento.
H1 — Elementos do construtor
Use H1 no Page Builder do Atomicat para definir o titulo principal da pagina com semantica correta para SEO e leitura, com configuracoes de texto, tag, tipografia, cor, alinhamento, espacamento e responsividade.
Elementos de midia — Guia de elementos do construtor
Use Elementos de midia no Page Builder do Atomicat para adicionar imagens, videos, audios, icones, graficos, embeds e blocos de prova visual, com configuracoes de assets, controles de midia, IconBox, SelectImageBox, Chart.js, tamanho, container pai e valores responsivos.
Elementos de botões
Adicione botões padrão e botões Redirect no Atomicat, configure URLs, estilos e eventos de pixel pelo painel do elemento.
H2 — Elementos do construtor
Use H2 no Page Builder do Atomicat para estruturar secoes importantes abaixo do titulo principal, com configuracoes de texto, tag, tipografia, cor, alinhamento, espacamento e responsividade.
H3 — Elementos do construtor
Use H3 no Page Builder do Atomicat para criar subtitulos dentro de secoes ja iniciadas por H2, com configuracoes de texto, tag, tipografia, cor, alinhamento, espacamento e responsividade.
Elementos de layout
Estruture páginas Atomicat com Container, Tab, Slider, Spacer, Divider, Menu e Footer antes de adicionar conteúdo interno.
Alerta — Elementos do construtor
Use Alerta no Page Builder do Atomicat para mostrar avisos, notas de urgencia, lembretes ou mensagens importantes dentro da pagina, com configuracoes de texto, icone, cores, fundo, borda, raio, alinhamento e responsividade.
Blocos de conteúdo
Use Accordion, HTML, IFrame, Google Maps, Comment e ChatBot no Atomicat para conteúdo estruturado e experiências incorporadas.
Elementos de formulario — Guia de elementos do construtor
Use Elementos de formulario no Page Builder do Atomicat para capturar leads com campos, validacao, acoes de sucesso e integracoes conectadas, com configuracoes de nome do formulario, campos reordenaveis, tipo, rotulo, placeholder, valor padrao, obrigatoriedade, visibilidade, telefone, reCAPTCHA, acoes de sucesso e conexoes.
Temporizador — Elementos do construtor
Use Temporizador no Page Builder do Atomicat para mostrar tempo decorrido ou regressivo em experiencias com prazo, espera ou etapa, com configuracoes de tempo, formato, labels, cores, tipografia, acao final e responsividade.
Texto animado — Elementos do construtor
Use Texto animado no Page Builder do Atomicat para adicionar movimento tipografico a uma palavra, promessa ou trecho curto sem transformar o bloco em video, com configuracoes de texto, animacao, velocidade, repeticao, tipografia, cor e espacamento.
Elementos de conversao — Guia de elementos do construtor
Use Elementos de conversao no Page Builder do Atomicat para combinar urgencia, prova, interacao e acao para ajudar o visitante a decidir e avancar, com configuracoes de temporizadores, avaliacoes, botoes, produtos, formularios, roletas, comentarios, metricas e blocos de prova.
Texto avancado — Elementos do construtor
Use Texto avancado no Page Builder do Atomicat para criar titulos compostos com subtitulo, descricao, separadores, bordas e efeitos visuais mais ricos, com configuracoes de titulo, subtitulo, descricao, separador, sombra, borda do titulo, tipografia, cores e alinhamento.
Audio — Elementos do construtor
Use Audio no Page Builder do Atomicat para incorporar um arquivo de audio, depoimento, nota ou amostra sonora em uma pagina, com configuracoes de arquivo MP3, controles, largura, alinhamento, cores, espacamento e comportamento responsivo.
Elementos de quiz — Guia de elementos do construtor
Use Elementos de quiz no Page Builder do Atomicat para usar Quiz, Quiz interativo, Opcao de quiz, Multipla escolha e Altura e peso em fluxos com respostas e resultados, com configuracoes de perguntas, respostas, campos, referencias, obrigatoriedade, etapas, design de rotas de quiz e logica de navegacao.
Elementos avançados e singulares
Use Cookie, WhatsApp, Notification, ScrollUp e outros componentes especiais do Atomicat que flutuam ou se aplicam à página inteira.
Altura e peso — Elementos do construtor
Use Altura e peso no Page Builder do Atomicat para capturar medidas como altura ou peso em fluxos de quiz, qualificacao ou calculo, com configuracoes de tipo de medida, unidade, valor padrao, obrigatoriedade, ranges personalizados e exibicao.
Depoimento — Elementos do construtor
Use Depoimento no Page Builder do Atomicat para exibir prova social com texto, imagem, nome, cargo ou resultado, com configuracoes de nome, avatar, texto, cargo, avaliacao, cores, tipografia e layout.
Anuncio — Elementos do construtor
Use Anuncio no Page Builder do Atomicat para exibir uma faixa ou bloco de comunicacao para novidade, alerta, promocao ou prova social, com configuracoes de mensagem, icone, cores, fundo, borda, alinhamento e espacamento.
Ponto de venda — Elementos do construtor
Use Ponto de venda no Page Builder do Atomicat para destacar um argumento de venda, beneficio ou diferencial com layout visual, com configuracoes de titulo, descricao, icone, imagem, cores, alinhamento, borda e espacamento.
FunFact — Elementos do construtor
Use FunFact no Page Builder do Atomicat para destacar um numero, conquista, estatistica ou prova curta com apelo visual, com configuracoes de numero, texto, prefixo, sufixo, icone, cores, tipografia e animacao.
Icone — Elementos do construtor
Use Icone no Page Builder do Atomicat para inserir um icone isolado para sinalizar acao, beneficio ou contexto visual, com configuracoes de icone, tamanho, cor, fundo, borda, alinhamento, link e espacamento.
Lista de icones — Elementos do construtor
Use Lista de icones no Page Builder do Atomicat para apresentar beneficios, recursos ou passos em uma lista escaneavel com icones, com configuracoes de itens, icones, texto, alinhamento, gap, cores, tipografia e responsividade.
Imagem — Elementos do construtor
Use Imagem no Page Builder do Atomicat para adicionar imagens otimizadas, banners, mockups, provas visuais ou recursos de marca, com configuracoes de arquivo, alt text, largura, altura, ajuste, borda, raio, link, lazy load e responsividade.
Comparacao de imagens — Elementos do construtor
Use Comparacao de imagens no Page Builder do Atomicat para comparar antes e depois ou duas versoes visuais com controle deslizante, com configuracoes de imagens, posicao inicial, labels, cores, tamanho, borda e responsividade.
Video — Elementos do construtor
Use Video no Page Builder do Atomicat para adicionar videos do AtomicPlayer ou outras fontes suportadas dentro do Page Builder, com configuracoes de fonte, asset, poster, tamanho, autoplay, mute, delay, controles, alinhamento e responsividade.
Grafico de pizza — Elementos do construtor
Use Grafico de pizza no Page Builder do Atomicat para mostrar proporcoes simples em formato circular, com configuracoes de valores, labels, cores, legenda, tamanho e responsividade.
Grafico — Elementos do construtor
Use Grafico no Page Builder do Atomicat para mostrar numeros, comparacoes ou prova quantitativa em um formato visual simples, com configuracoes de tipo de grafico, dados, rotulos, cores, legenda, tamanho e responsividade.
Slider — Elementos do construtor
Use Slider no Page Builder do Atomicat para mostrar varios itens em carrossel ou area deslizante, com configuracoes de slides, imagens, texto, navegacao, autoplay, setas, pontos, espacamento e responsividade.
Aba — Elementos do construtor
Use Aba no Page Builder do Atomicat para organizar conteudo em paineis alternaveis sem aumentar demais a pagina, com configuracoes de abas, titulos, conteudo, estado ativo, cores, bordas, espacamento e responsividade.
Icone social — Elementos do construtor
Use Icone social no Page Builder do Atomicat para linkar redes sociais ou canais de contato com icones reconheciveis, com configuracoes de rede, URL, icone, tamanho, cor, hover, espacamento e alinhamento.
Botao — Elementos do construtor
Use Botao no Page Builder do Atomicat para criar uma chamada para acao clara para link, modal, checkout, conteudo oculto, area de transferencia ou redirecionamento rastreado, com configuracoes de rotulo, evento de clique, URL, links aleatorios, icone, pixel de clique, tipografia, cores, hover, borda, raio, largura e padding.
Redirecionamento — Elementos do construtor
Use Redirecionamento no Page Builder do Atomicat para enviar visitantes para outro destino por regra, evento ou comportamento configurado, com configuracoes de URL, condicao, evento, atraso, parametros, nova guia e rastreamento.
Acordeao — Elementos do construtor
Use Acordeao no Page Builder do Atomicat para organizar perguntas, detalhes ou blocos de conteudo em secoes expansivas sem alongar a pagina, com configuracoes de itens do acordeao, titulo, conteudo, icones, espacamento, bordas, estado aberto e comportamento responsivo.
Chatbot — Elementos do construtor
Use Chatbot no Page Builder do Atomicat para adicionar uma experiencia de conversa ou atendimento guiado dentro da pagina, com configuracoes de mensagens, gatilhos, aparencia, espacamento, comportamento e configuracoes de integracao disponiveis.
Comentario — Elementos do construtor
Use Comentario no Page Builder do Atomicat para simular ou exibir comentarios, respostas e microprovas sociais em uma secao de oferta, com configuracoes de nome, avatar, texto, data, curtidas, respostas, cores, tipografia e espacamento.
Container — Elementos do construtor
Use Container no Page Builder do Atomicat para agrupar elementos, controlar largura, espacamento, alinhamento e estrutura responsiva de secoes, com configuracoes de largura, altura, padding, margem, fundo, borda, sombra, alinhamento, direcao, colunas e valores responsivos.
Contagem regressiva — Elementos do construtor
Use Contagem regressiva no Page Builder do Atomicat para mostrar um prazo real ou evergreen para reforcar urgencia de uma oferta, com configuracoes de data, tempo, labels, formato, cores, tipografia, fundo, bordas, espacamento e acoes ao terminar.
Divisor — Elementos do construtor
Use Divisor no Page Builder do Atomicat para separar secoes visualmente com linha, espaco ou estilo grafico simples, com configuracoes de espessura, largura, cor, estilo, alinhamento, margem e responsividade.
Rodape — Elementos do construtor
Use Rodape no Page Builder do Atomicat para fechar a pagina com links, informacoes legais, marca, politicas e dados complementares, com configuracoes de texto, links, colunas, cores, tipografia, espacamento e layout responsivo.
Formulário — Elementos do construtor
Configure o elemento Formulário em Construtor de páginas do Atomicat, incluindo campos, entradas obrigatórias, validação, comportamento de envio
Google Maps — Elementos do construtor
Use Google Maps no Page Builder do Atomicat para incorporar localizacao, rota ou referencia geografica em paginas de negocio local ou evento, com configuracoes de endereco, embed, tamanho, alinhamento, borda, espacamento e responsividade.
Roleta — Elementos do construtor
Use Roleta no Page Builder do Atomicat para criar uma interacao de sorteio, premio ou gamificacao para campanhas, com configuracoes de opcoes, resultado, probabilidade, texto, cores, animacao, CTA e comportamento apos giro.
HTML — Elementos do construtor
Use HTML no Page Builder do Atomicat para inserir codigo personalizado quando nao existe um elemento nativo adequado, com configuracoes de HTML, scripts permitidos, estilos, largura, espacamento e comportamento do container.
IFrame — Elementos do construtor
Use IFrame no Page Builder do Atomicat para incorporar conteudo externo dentro da pagina quando o provedor permite embed, com configuracoes de URL, largura, altura, borda, permissões, espacamento e responsividade.
Opcao de quiz — Elementos do construtor
Use Opcao de quiz no Page Builder do Atomicat para criar campos de entrada usados em quizzes, como texto, email, telefone, numero, area de texto ou checkbox, com configuracoes de tipo de campo, label, placeholder, obrigatoriedade, referencia, validacao e estilo.
Multipla escolha — Elementos do construtor
Use Multipla escolha no Page Builder do Atomicat para permitir que visitantes selecionem uma ou varias respostas em quizzes e formularios de qualificacao, com configuracoes de opcoes, checkbox, selecao multipla, labels, obrigatoriedade, referencias e estilo.
Quiz interativo — Elementos do construtor
Use Quiz interativo no Page Builder do Atomicat para montar experiencias de quiz em etapas com perguntas, respostas, conteudo aninhado e rotas de resultado, com configuracoes de etapas, componentes internos, opcoes, navegacao, design, referencias e comportamento por rota de quiz.
Menu — Elementos do construtor
Use Menu no Page Builder do Atomicat para criar navegacao interna ou externa para secoes, paginas e links importantes, com configuracoes de itens, URLs, alinhamento, tipografia, cores, espacamento, estado ativo e responsividade.
Barra de progresso — Elementos do construtor
Use Barra de progresso no Page Builder do Atomicat para indicar progresso, percentual, etapa ou status de uma jornada, com configuracoes de valor, maximo, label, cor, fundo, altura, animacao e responsividade.
Avaliacao por estrelas — Elementos do construtor
Use Avaliacao por estrelas no Page Builder do Atomicat para mostrar avaliacao, nota ou prova social em formato de estrelas, com configuracoes de quantidade de estrelas, valor, texto, cores, tamanho, alinhamento e evento de clique.
Quiz — Elementos do construtor
Use Quiz no Page Builder do Atomicat para montar uma lista compacta de perguntas e respostas dentro de um elemento, com configuracoes de perguntas, respostas, opcao correta, estados, layout, cores e navegacao.
Espacador — Elementos do construtor
Use Espacador no Page Builder do Atomicat para controlar respiro vertical ou horizontal entre elementos sem adicionar conteudo visivel, com configuracoes de altura, largura, valores responsivos e comportamento no container.
Preco — Elementos do construtor
Use Preco no Page Builder do Atomicat para exibir valor, moeda, parcelas, comparacao ou destaque de oferta, com configuracoes de moeda, valor, prefixo, sufixo, texto auxiliar, tipografia, cores e espacamento.
Produto — Elementos do construtor
Use Produto no Page Builder do Atomicat para selecionar ou apresentar produtos conectados ao checkout e ao fluxo de compra, com configuracoes de produto, variacao, quantidade, preco, botao, layout, imagem, estilos e comportamento de compra.
Cookie — Elementos do construtor
Use Cookie no Page Builder do Atomicat para salvar ou ler pequenos estados de navegacao usados por funis, redirecionamentos ou experiencias condicionais, com configuracoes de nome do cookie, valor, duracao, condicao, evento e comportamento relacionado.
WhatsApp — Elementos do construtor
Use WhatsApp no Page Builder do Atomicat para levar visitantes para uma conversa no WhatsApp com mensagem ou numero configurado, com configuracoes de numero, mensagem, texto, icone, link, rastreamento, cores, tamanho e responsividade.
Notificacao — Elementos do construtor
Use Notificacao no Page Builder do Atomicat para mostrar uma mensagem curta de status, prova, urgencia ou aviso no layout, com configuracoes de texto, icone, posicao, cores, animacao, tempo, borda e espacamento.
Scrollup — Elementos do construtor
Use Scrollup no Page Builder do Atomicat para adicionar um controle para retornar rapidamente ao topo ou a uma area da pagina, com configuracoes de icone, posicao, visibilidade, animacao, cores, tamanho e responsividade.
Horario comercial — Elementos do construtor
Use Horario comercial no Page Builder do Atomicat para informar dias e horarios de atendimento, disponibilidade ou operacao de uma oferta, com configuracoes de dias, horarios, textos, cores, icones, linhas, bordas e espacamento.
Roda da roleta — Elementos do construtor
Use Roda da roleta no Page Builder do Atomicat para exibir a roda visual de uma experiencia de roleta ou gamificacao, com configuracoes de fatias, premios, cores, texto, animacao, tamanho e responsividade.