Icone
Use Icone para inserir um icone isolado para sinalizar acao, beneficio ou contexto visual. 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 icone, tamanho, cor, fundo, borda, alinhamento, link e espacamento. Quando o elemento dispara clique, envio, embed, navegacao ou tracking, teste sempre na pagina publicada.
Quando usar
- Marque cards e bullets.
- Apoie labels visuais.
- Crie pequenas pistas de navegacao.
Configurar o elemento
- Comece pelo objetivo da secao: leitura, prova, captura, clique, compra ou navegacao.
- Configure icone, tamanho, cor, fundo, borda, alinhamento, link e espacamento 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 Icone?
Os pontos principais sao icone, tamanho, cor, fundo, borda, alinhamento, link e espacamento. Revise esses campos antes de mexer em ajustes visuais menores.
Como testar Icone 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.