Avançar para o conteúdo
Ajuda
Seções e blocos do editor

Como mostro produtos relacionados na página de produto?

Adicione uma secção Produtos relacionados às páginas de produto e de destino: escolha a origem (mais recentes, mais vendidos, com desconto, melhor avaliados, mesma coleção ou produtos escolhidos para cada produto), defina o número, grelha ou carrossel, colunas e o cartão do produto.

3 min de leitura

A secção Produtos relacionados mostra outros produtos da sua loja por baixo do produto, em grelha ou carrossel. Ajuda os clientes a encontrar mais coisas para comprar sem sair da página.

Adicionar a secção

No construtor, abra a Página do produto ou a Página de destino, clique em Adicionar nova secção e escolha Produtos relacionados no grupo de produtos. Pode adicionar uma por página.

Escolher que produtos aparecem

Defina o Modo de origem no grupo Origem:

  • Mais recentes ou Mais antigos: pela data em que criou os produtos.
  • Mais vendidos: os produtos mais vendidos primeiro.
  • Com desconto: só os produtos que estão em promoção neste momento.
  • Melhor avaliado: a melhor média de avaliações primeiro. Os produtos sem avaliações ficam de fora.
  • Mesma coleção: só produtos que partilham pelo menos uma coleção publicada com o produto que está a ser visto, os mais recentes primeiro. Ótimo quando as suas coleções agrupam artigos semelhantes.
  • Escolhidos por produto: escolhe os produtos exatos para cada produto, pela ordem que quiser. Abra cada produto no editor de produtos e use a parte Produtos relacionados. Um produto sem escolhas mostra uma mensagem vazia.

O produto que está a ser visto nunca aparece na sua própria lista. Os produtos ocultos também ficam de fora.

Configurações de disposição

  • Largura da secção: Página ou Completo.
  • Disposição: Grelha ou Carrossel.
  • Colunas: 1 a 8 cartões por linha no computador (ou cartões visíveis num carrossel).
  • Colunas no telemóvel: 1 ou 2. Carrossel no telemóvel transforma a grelha numa fila deslizante nos telemóveis.
  • Contagem de produtos: 4, 6, 8, 10 ou 12.
  • Navegação: para carrosséis, Ícones de navegação (Setas, Chevrons, Nenhum) e Fundo do ícone (Nenhum, Círculo, Quadrado).
  • Esquema de cores, Espaçamento entre cartões, margens interiores e CSS personalizado.

Colunas no telemóvel e Carrossel no telemóvel só estão disponíveis com a disposição Grelha. As configurações de Navegação aparecem quando a disposição é Carrossel, ou quando o Carrossel no telemóvel está ativo.

Blocos

  • Cartão do produto: define o aspeto de cada produto (imagem, título, preço, classificação, botão de compra). É obrigatório e não pode ir dentro de um grupo. As opções estão em Cartões de produto e de coleção.
  • Texto (até 2), Separador (1) e Grupo (1): acrescente um título como "Também pode gostar" acima ou abaixo dos cartões.

Tarefas comuns

  • Mostrar artigos que combinam: coloque os produtos semelhantes na mesma coleção e use Mesma coleção.
  • Vender um acessório a condizer: use Escolhidos por produto e escolha o acessório para cada produto.
  • Promover a sua promoção: use Com desconto.

Resolução de problemas

  • A secção mostra uma mensagem "sem produtos": nenhum produto corresponde à origem. Com Mesma coleção, confirme que o produto está numa coleção publicada com outros produtos. Com Escolhidos por produto, adicione escolhas a esse produto.
  • Melhor avaliado mostra poucos produtos: só contam os produtos com pelo menos uma avaliação publicada.
  • Um produto nunca aparece na lista: confirme que está publicado e não está oculto.

Ainda precisa de ajuda?

Escreva-nos e nós respondemos.

Contacte-nos