Início›Configure sua loja›Layout›Personalização básica ›Página do produto

Como selecionar os produtos relacionados na Nuvemshop?

Entenda como funciona a seleção dos produtos relacionados que são sugeridos nas páginas dos produtos da sua loja virtual.

Última atualização: 29/07/2026

Na Nuvemshop, você pode definir quais produtos relacionados serão exibidos nas páginas dos outros itens da sua loja. Essa seção aparece dentro da página de cada produto, como no exemplo a seguir:

Observação

Dependendo do seu layout, também será possível alterar e personalizar o título da seção.

A seguir, te explicamos como selecionar os produtos relacionados manualmente.

 E se preferir, pode seguir os passos abaixo para configurar os produtos relacionados:

1. Acessar o painel administrador Nuvemshop.

 

2. Seguir pelo caminho "Produtos > Lista de produtos".

 

3. Procurar e acessar o produto que deseja selecionar os produtos relacionados.

 

4. Uma vez dentro, deslizar até seção Produtos relacionados, podendo configurar:

  • Produtos alternativos, para oferecer opções similares.
  • Produtos complementares, para mostrar produtos que podem ser combinados.  

     

 

5. Em seguida, clicar em "+ Adicionar produtos".  
 

 

6. Selecionar os produtos e depois clicar em "Adicionar".  
 


 

7. Você pode repetir o processo para a outra opção de produtos relacionados.

 

8. Ao finalizar, clicar em "Salvar alterações".

Caso você não escolha os produtos relacionados, eles serão selecionados automaticamente seguindo estes critérios:

  • Os produtos em que estão associados à mesma categoria ou subcategoria;  

     
  • Caso não existam mais produtos dentro da categoria ou subcategoria a que pertence, nenhum produto relacionado é exibido;  

     
  • Se o produto não estiver associado a nenhuma categoria, os produtos serão exibidos aleatoriamente.
Observação

Você também pode selecionar produtos complementares a serem oferecidos aos seus clientes ao adicionar um produto ao carrinho utilizando o aplicativo Venda cruzada.

Alterar o título da seção

Apesar de todos os layouts exibirem os produtos relacionados, você pode alterar o título da seção somente nos Amazonas, Idea, Bahía, Atlántico, Cubo, Rio, Lima, Cali, Uyuni, Toluca, Morelia, Baires, Brasilia e Recife.

Vamos aos passos!

1. No seu painel administrador Nuvemshop, seguir pelo caminho "Loja online > Layout > Editar Layout".

2. No menu lateral esquerdo, clicar em "Detalhes do produto" e localizar Título para produtos relacionados.

Campo para alterar o título da seção de produtos relacionados

3. Após digitar o novo título, clicar em "Publicar alterações" ou "Publicar".

Pronto!

Ocultar a seção

Para ocultar a seção de produtos relacionados das páginas de produtos da sua loja virtual, será necessário aplicar um código CSS.

Observação

Para saber como inserir um código CSS no layout, consultar este tutorial.

Clique nas barras azuis para ver o código do seu layout: 

.section-products-related.position-relative.mt-3 {

display: none;

}

Veja mais opções de personalização do seu layout na nossa seção abaixo:

Layout