Produto
Use Produto para exibir dados de produtos do catálogo Produtos em uma página.
Configurações de conteúdo
| Área de configuração | O que configurar |
|---|---|
| Modo de exibição | Escolha se deseja mostrar o produto completo ou uma exibição mais simples do produto. |
| Selecione o produto | Escolha o produto em seu catálogo de produtos Atomicat. |
| Informações do produto | Revise o nome do produto, descrição, classificação, contagem de classificações, níveis, assinatura, selos de confiança e outros detalhes gerenciados por catálogo. |
| Níveis de quantidade | Habilite cartões de nível quando o produto selecionado usa níveis de quantidade. |
| Assinatura | Ative Assinar e Salvar quando o produto oferecer suporte a ofertas de assinatura. |
| Desconto | Mostrar ou estilizar assinatura ou descontos de nível configurados no Editor de Produto. |
| CTA substitui | Substituir texto do botão, botão URL e comportamento de abrir em uma nova guia apenas para esta página. |
| Link do editor de produto | Abra o Editor de produto quando os detalhes do catálogo precisarem ser alterados em todos os lugares. |
| Estilo de contêiner | Plano de fundo, borda, raio da borda, preenchimento, espaçamento e alinhamento. |
| Seção de imagem | Dimensionamento, espaçamento e alinhamento da imagem do produto. |
| Seção de informações | Layout e espaçamento para título, descrição, classificação, níveis, assinatura e CTA. |
| Estilo do título | Cor do título, tamanho da fonte, tipografia e espaçamento. |
| Cartões de nível | Plano de fundo, cor do texto, borda, estilo do emblema e espaçamento do cartão de nível. |
| Estilo do botão | Cores do botão, cor do texto, plano de fundo, borda, raio, espaçamento e dimensionamento responsivo. |
| Opções de compra | Layout e estilo para opções de compra ou assinatura. |
| Crachás de confiança | Exibição e estilo do crachá quando crachás de confiança do produto estão disponíveis. |
Os dados do produto geralmente devem ser editados na área Produtos para que todas as páginas que usam esse produto permaneçam consistentes. Use substituições de CTA somente quando uma página específica precisar de um rótulo ou destino de botão diferente.
Fluxo de trabalho de configuração
- Crie ou atualize produtos na área Produtos.
- Adicione o elemento Product dentro de um contêiner responsivo.
- Selecione o produto.
- Revise o comportamento do CTA, redirecione URL e janela de destino.
- Estilize o elemento para desktop e dispositivos móveis.
- Publique e teste o caminho de compra antes de enviar tráfego.
Dicas de merchandising
- Combine a cópia da página com o produto que o visitante realmente comprará.
- Mantenha preços, descontos, assinatura e detalhes de nível consistentes com a finalização da compra.
- Coloque garantias, janelas de reembolso e selos de confiança próximos ao bloco do produto.
- Use rótulos de CTA claros, como Compre agora, Obtenha acesso ou Inscreva-se e economize.
- Teste o espaçamento móvel e o alcance dos botões.
Documentos relacionados
- Visão geral dos produtos
- Gerenciar produtos
- Adicionar produtos a uma página
- Produto assinaturas
- Níveis de quantidade
- Preço
Perguntas frequentes
Quando devo usar esta página sobre Produto — Elementos do construtor?
Use esta página quando precisar entender o fluxo, as configurações ou as decisões relacionadas a Produto — 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 Produto — 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 Produto — 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 Produto — 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.