Adicionar uma seção de produtos relacionados

Com o app Shopify Search & Discovery, é possível adicionar uma seção às páginas de produto que mostra uma lista de produtos relacionados gerada automaticamente ou definida de forma manual por você. Saiba como personalizar produtos relacionados com o app.

Vale ressaltar que a exibição de produtos relacionados aos clientes facilita a descoberta de novos itens e ajuda a aumentar as vendas da loja virtual.

O título e o layout da seção de produtos relacionados são determinados por seu tema.

Nesta página

Noções básicas sobre produtos relacionados

Os produtos relacionados baseiam-se em produtos que são comumente comprados juntos, têm uma descrição de produto semelhante ou produtos em coleções relacionadas. Os produtos relacionados tornam-se mais precisos ao longo do tempo à medida que mais informações de pedido e produto tornam-se disponíveis.

Saiba mais sobre os dados usados para produtos relacionados na documentação de desenvolvimento de temas da Shopify.

Personalizar a aparência dos produtos relacionados

As recomendações de produtos aparecem como uma seção das suas páginas de produto nos temas Online Store 2.0. Se você estiver usando um tema incompatível com a Online Store 2.0, será necessário atualizá-lo. É possível personalizar a aparência dos produtos relacionados com a inclusão de título, preço, fabricante e uma breve descrição, ou ocultar essas informações das páginas de produto. Vale lembrar que é possível ter apenas uma seção de produtos relacionados em uma página de produto por vez.

Etapas:

Desktop

No admin da Shopify, acesse Loja virtual > Temas.
Encontre o tema que você quer editar e clique em Personalizar.
Selecione Produtos > Produto-padrão para carregar o modelo no editor de temas.
Realize uma das seguintes ações:
- Se a sua página de produto tiver uma seção de produtos relacionados, clique em Produtos relacionados.
- Se a sua página de produto não tiver uma seção de produtos relacionada, clique em + Adicionar seção e selecione Produtos relacionados.
Clique em Salvar.

iPhone

No app da Shopify, toque no botão .
Na seção canais de vendas, toque em loja virtual.
Toque em Gerenciar temas.
Encontre o tema que você quer editar e toque em Personalizar.
Toque em Modelos.
Selecione Produtos > Produto-padrão para carregar o modelo no editor de temas.
Realize uma das seguintes ações:
- Se a sua página de produto tiver uma seção de produtos relacionados, toque em Produtos relacionados.
- Se a sua página de produto não tiver uma seção de produtos relacionados, toque em + Adicionar seção e selecione Produtos relacionados.
Toque em Salvar.

Android

No app da Shopify, toque no botão .
Na seção canais de vendas, toque em loja virtual.
Toque em Gerenciar temas.
Encontre o tema que você quer editar e toque em Personalizar.
Toque em Modelos.
Selecione Produtos > Produto-padrão para carregar o modelo no editor de temas.
Realize uma das seguintes ações:
- Se a sua página de produto tiver uma seção de produtos relacionados, toque em Produtos relacionados.
- Se a sua página de produto não tiver uma seção de produtos relacionados, toque em + Adicionar seção e selecione Produtos relacionados.
Toque em ✓.

Para desativar produtos relacionados, basta clicar no símbolo de olho. Essa ação vai ocultar a seção da listagem de produtos, mas sem excluí-la.

Configurações de produtos relacionados

Personalize o modo como os produtos relacionados aparecem para o cliente. Eles são gerados automaticamente com base nos produtos que costumam ser comprados juntos, que têm descrições parecidas ou que fazem parte de coleções relacionadas. Sua precisão aumenta com o tempo, à medida que outras informações sobre pedidos e produtos ficam disponíveis.

As configurações da seção de produtos relacionados
Configuração	Descrição
Título	O título da seção.
Esquema de cores	A cor de fundo da seção de produtos relacionados. Escolha entre Destaque 1, Destaque 2, Plano de fundo 1, Plano de fundo 2 ou Inverso.
Proporção da imagem	A proporção da imagem para as imagens dos produtos recomendados: Adaptar à imagem (padrão) - Usa a proporção da imagem para evitar que ela seja cortada. Retrato: corta as imagens para usar a proporção 2:3. Quadrado: corta as imagens para usar a proporção 1:1.
Formato da imagem	Escolha um dos formatos abaixo para as imagens de produto: Padrão: altera a imagem do produto para o formato retangular. Arco: curva a parte superior da imagem do produto. Bolha: arredonda a imagem do produto com uso de um dentre seis formatos de bolha aleatórios que mostram uma animação exclusiva quando o mouse passa sobre eles. Chevron para a esquerda: altera a imagem do produto para o formato de chevron com uma inclinação acentuada para a esquerda. Chevron para a direita: altera a imagem do produto para o formato de chevron com uma inclinação acentuada para a direita. Diamante: altera a imagem do produto para o formato de diamante com quatro lados. Paralelogramo: altera a imagem do produto para um formato com dois pares de linhas paralelas. Arredondado: arredonda a imagem do produto para um formato circular ou oval que mostra uma animação exclusiva quando o mouse passa sobre ele.
Exibir segunda imagem ao passar o cursor	Quando o cliente passa o cursor sobre a imagem do produto, outra é exibida, se houver.
Exibir fornecedor	Exibe os fabricantes dos produtos.
Exibir avaliação do produto	Mostra a classificação média do produto em estrelas junto com o número de avaliações entre parênteses, por exemplo: ★★★★★ (8). Para tanto, é necessário ter um app de avaliação de produtos e definições de metacampo de `reviews.rating_count` e `reviews.rating`.
Preenchimento da seção	Acrescenta um espaço na parte superior ou inferior da seção de produtos relacionada usando o controle deslizante para adicionar entre 0 px e 100 px.