Pular para o conteúdo principal

Como Adicionar um Produto à Página

Depois de criar ou gerenciar entradas do catálogo, anexe-as a landing pages com o bloco Produto dentro do Construtor de Páginas.

Antes de Começar​

Certifique-se de ter:

  • Pelo menos um produto salvo no catálogo. Consulte Como criar um produto.
  • Uma página aberta no Construtor de Páginas (rascunho ou publicada).
  • URLs de checkout configuradas no produto antes de enviar tráfego.

Consulte Visão geral de Produtos e Adicionar produtos à página (referência).

Passo 1: Abra o Construtor de Páginas​

  1. Abra Páginas e selecione a página que deseja editar.
  2. Clique em Editar para entrar no Construtor de Páginas.
  3. Confirme que está no projeto correto se o workspace filtra ativos.

Passo 2: Insira o Bloco Produto​

  1. Arraste ou insira o elemento Produto da paleta.
  2. Selecione o bloco para a barra lateral mostrar suas configurações.

Consulte Elementos de produto e preço para como Produto combina com blocos de Preço.

  1. Em Produto, abra o menu suspenso.
  2. Escolha a linha do catálogo desejada — bundles mostram sufixo “(Bundle)”.
  3. A página armazena uma referência ao produto; nomes e preços vêm do catálogo até você editar o produto novamente.

Se o produto foi excluído, o painel mostra “Produto não encontrado” — escolha um novo produto ou restaure a entrada do catálogo.

Use Editar no Editor de Produto na barra lateral para ajustar preços ou CTAs sem sair do construtor.

Passo 4: Sobrescreva Exibição (Opcional)​

Quando um produto está selecionado, Opções de exibição expõe Mostrar produto completo como sobrescrita por bloco:

  • Desligado — Usa o padrão do catálogo a menos que você altere aqui.
  • Ligado — Força a coluna completa de merchandising neste posicionamento mesmo se o catálogo preferir modo apenas seletor.

Isso permite que páginas diferentes apresentem o mesmo SKU de formas distintas.

Passo 5: Salve e Publique​

  1. Clique em Salvar no construtor.
  2. Clique em Publicar quando estiver pronto para tráfego.
  3. Teste a URL ao vivo em janela anônima — clique nos CTAs de checkout de cada faixa se aplicável.

Republique após edições importantes do catálogo (mudanças de preço, remoção de faixas) para payloads em cache permanecerem precisos.

Consulte Publicar uma página.

Solução de Problemas​

ProblemaO que tentar
Aviso produto não encontradoSelecione novamente um produto válido do catálogo ou recrie a entrada ausente.
Preço errado na página ao vivoEdite o produto do catálogo, salve, depois republique a página.
Dois produtos lado a lado necessáriosAdicione dois blocos Produto com seleções de catálogo diferentes.

Resultado​

A página exibe o produto do catálogo selecionado com comportamento de checkout funcionando na URL publicada.

Documentação Relacionada​

FAQ​

Posso mostrar dois produtos lado a lado?

Adicione dois blocos Produto e escolha IDs diferentes. Observe empilhamento mobile — layouts lado a lado podem colapsar em uma coluna.

O bloco Preço substitui o bloco Produto?

Servem objetivos de layout diferentes. Use Produto para experiência completa de merchandising + checkout; use Preço quando só precisar de uma fatia focada em preços.

A página armazena uma cópia do produto?

Não. O bloco armazena uma referência à entrada do catálogo. Atualize preços em Produtos, depois republique se necessário.