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.
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 são uma seção das suas páginas de produto em 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 de cada vez.
Etapas:
- No seu admin da Shopify, vá para loja virtual > temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Abra o menu suspenso no topo da página.
- No app da Shopify, toque em loja.
- 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.
- No app da Shopify, toque em loja.
- 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, 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.
Você pode desabilitar produtos relacionados clicando no símbolo do olho. A desabilitação de produtos relacionados oculta a seção da listagem de produtos, mas não a exclui.
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.
| 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 | Determina a proporção da imagem no cartão do produto. É possível escolher entre Adaptar à imagem (padrão), retrato ou quadrado. |
| Exibir segunda imagem ao passar o cursor | Quando o cliente passa o cursor sobre a imagem do produto, outra é exibida, se houver. |
| Exibir fabricante | 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, como o Product Reviews da Shopify, além de definições de metacampo para reviews.rating_count e reviews.rating. |
| Preenchimento da seção | Acrescente um espaço na parte superior ou inferior da seção de produtos relacionados usando o controle deslizante para adicionar entre 0 px e 100 px. |