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.
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:
|
Formato da imagem | Escolha um dos formatos abaixo para as imagens de produto:
|
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. |