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

Como mostro produtos em destaque (mais vendidos, novidades, em promoção) na minha página inicial?

Mostre uma grelha ou carrossel de produtos na página inicial com a secção Produtos em destaque: mais recentes, mais antigos, mais vendidos, com desconto ou melhor avaliados, limite a uma coleção e defina o número de produtos, as colunas, o botão Mostrar mais e o carrossel no telemóvel.

3 min de leitura

A secção Produtos em destaque mostra uma grelha ou um carrossel dos seus produtos. Escolhe-os por si, por exemplo os mais vendidos ou os mais recentes.

Adicionar a secção

  1. Abra o construtor e escolha Página inicial no separador Páginas.
  2. No separador Secções, clique em Adicionar nova secção e escolha Produtos em destaque no grupo Produtos.
  3. Escolha que produtos mostrar e clique em Publicar.

Só está disponível na página inicial, até 2 por página. Por exemplo, uma para os mais vendidos e outra para os produtos em promoção.

Que produtos aparecem

O Modo de origem escolhe e ordena os produtos:

  • Mais recentes: os últimos produtos que adicionou aparecem primeiro.
  • Mais antigos: os primeiros produtos que adicionou aparecem primeiro.
  • Mais vendidos: os produtos com mais unidades vendidas. Os checkouts abandonados não contam.
  • Com desconto: só produtos com um desconto que ainda não terminou. Veja Como defino os preços dos produtos, os descontos e os preços por mercado?
  • Melhor avaliado: só produtos com pelo menos uma avaliação publicada, a média mais alta primeiro.

O Filtro de coleção limita a lista a uma coleção, ou Tudo. Só podem aparecer produtos publicados e não ocultos.

Disposição

  • Largura da secção: Página ou Completo.
  • Disposição: Grelha ou Carrossel (uma fila que os clientes deslizam ou percorrem).
  • Colunas: cartões por linha nos computadores, ou cartões visíveis num carrossel.
  • Contagem de produtos: 4, 6, 8, 10 ou 12 produtos.
  • Botão "Mostrar mais" (só grelha): acrescenta um botão por baixo da grelha que carrega mais produtos. Cada clique carrega de novo a Contagem de produtos, e o botão só aparece quando há mais produtos para carregar.
  • Colunas no telemóvel (1 ou 2) e Carrossel no telemóvel, que transforma a grelha num carrossel nos telemóveis (só grelha).
  • Ícones de navegação e Fundo do ícone: as setas de um carrossel. Só aparecem quando há algo para deslizar.
  • Esquema de cores, Espaçamento entre cartões, Preenchimento interior e um separador CSS personalizado.

Título e cartões de produto

Clique em Adicionar novo bloco para pôr um título acima ou abaixo dos produtos: até 2 blocos de Texto, 1 Separador e 1 Grupo. O bloco Cartão do produto está sempre presente e define o aspeto de cada produto (imagem, título, preço, classificação, botão de compra). Veja Como altero o aspeto dos cartões de produto e de coleção?

Receitas

  • Mais vendidos de uma coleção: Modo de origem Mais vendidos, Filtro de coleção nessa coleção.
  • Secção de promoções: Modo de origem Com desconto, e defina o selo de poupança do Preço do cartão como percentagem.
  • Lista longa de produtos: disposição em Grelha com o Botão "Mostrar mais" ativo, para os clientes carregarem mais quando quiserem.

Bom saber

  • Quando nenhum produto corresponde, os clientes veem a mensagem "Ainda não há produtos". Confirme que os seus produtos estão publicados e que têm um desconto (Com desconto) ou uma avaliação (Melhor avaliado).
  • O Botão "Mostrar mais", as Colunas no telemóvel e o Carrossel no telemóvel ficam ocultos quando a Disposição é Carrossel.
  • Para mostrar os produtos de uma coleção na própria página da coleção, veja Secção Produtos da coleção.

Ainda precisa de ajuda?

Escreva-nos e nós respondemos.

Contacte-nos