Adicionar produtos à página
Depois de gerenciar ou criar entradas de catálogo, anexe-as a experiências de venda com o bloco Product dentro do Builder de páginas.
Inserir o bloco
- Abra a página no builder.
- Arraste ou insira o elemento Product a partir da paleta (veja Elementos Product e Price para entender como ele funciona com blocos Price).
- Selecione o bloco para que a barra lateral mostre suas configurações.
Escolher um item do catálogo
Em Product, abra o menu suspenso:
- A lista inclui todas as linhas do catálogo da sua conta, respeitando o filtro de projeto atual, como nas telas do catálogo.
- Bundles adicionam o sufixo “(Bundle)” ao rótulo para que você consiga diferenciá-los de SKUs simples.
- Ao escolher uma entrada, a página armazena apenas a referência do produto; nomes e preços continuam fluindo do catálogo até você editar o produto novamente.
Se o produto selecionado não existir mais, o painel lateral mostra o aviso “Product não encontrado”. Escolha um novo produto ou restaure a entrada ausente do catálogo.
Editar detalhes do catálogo rapidamente
Quando um produto válido está selecionado, use Editar no editor de Product para ajustar preços, faixas ou CTAs sem perder seu lugar no builder.
Sobrescrever o modo de exibição
Quando um produto está selecionado, Opções de exibição expõe Mostrar completo produto como uma sobrescrita por bloco:
- Desativado — usa o padrão do catálogo, a menos que você altere aqui.
- Ativado — força a coluna completa de merchandising para essa posição, mesmo que a entrada do catálogo prefira o modo somente seletor.
Isso permite que páginas diferentes apresentem o mesmo SKU de formas diferentes quando necessário.
Publicar
Salve a página e depois publique quando estiver pronto para tráfego. Edições importantes no catálogo, como alterações de preço ou remoção de faixas, devem acionar uma nova publicação para manter o payload em cache correto.
Documentos relacionados
Perguntas frequentes
Posso mostrar dois produtos lado a lado?
Adicione dois blocos Product e escolha IDs diferentes. Observe o empilhamento em mobile: layouts lado a lado podem colapsar para uma única coluna.
O bloco Price substitui o bloco Product?
Eles atendem a objetivos de layout diferentes. Use Product para a experiência completa de merchandising e checkout; use Price quando precisar apenas de um recorte focado em preços (veja o documento do builder acima).