Produto
Use Produto para selecionar ou apresentar produtos conectados ao checkout e ao fluxo de compra. 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 produto, variacao, quantidade, preco, botao, layout, imagem, estilos e comportamento de compra. Quando o elemento dispara clique, envio, embed, navegacao ou tracking, teste sempre na pagina publicada.
Quando usar
- Adicione selecao de produto na pagina.
- Direcione para checkout.
- Mostre ofertas, bundles ou opcoes.
Configurar o elemento
- Comece pelo objetivo da secao: leitura, prova, captura, clique, compra ou navegacao.
- Configure produto, variacao, quantidade, preco, botao, layout, imagem, estilos e comportamento de compra 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 Produto?
Os pontos principais sao produto, variacao, quantidade, preco, botao, layout, imagem, estilos e comportamento de compra. Revise esses campos antes de mexer em ajustes visuais menores.
Como testar Produto 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.