Elemento de produtos relacionados

O que é o Elemento de Produto Relacionado?

As Elemento de produto relacionado permite mostrar itens semelhantes ou complementares ao produto principal que o cliente está visualizando. Por exemplo, se um comprador estiver olhando uma camisa, o elemento de produto relacionado pode recomendar calças, jaquetas ou outras camisas da mesma coleção.

Principais benefícios:

• Experiência do cliente aprimorada: Torna mais fácil para os compradores descobrirem itens dos quais eles também podem gostar.
• Aumento nas vendas e no valor médio do produto: Incentiva complementos ou atualizações, gerando valores de pedidos mais altos.
• Oportunidades de vendas cruzadas e upsell: Sugira itens complementares (venda cruzada) ou versões atualizadas (upsell).

Como adicionar produtos relacionados no Shopify com GemPages

As Elemento de produtos relacionados O GemPages permite exibir sugestões dinâmicas nas suas páginas de produtos. Você pode exibir produtos da mesma coleção, fornecedor ou tags, garantindo que as recomendações sejam sempre relevantes.

Passo 1: Preparar fontes de produtos relacionados no Shopify

Antes de adicionar o elemento no GemPages, certifique-se de que seus produtos estejam organizados corretamente no Shopify.

• Para criar uma coleção:

Acesse Administração do Shopify > Produtos > Coleções > Criar coleção. Adicione detalhes e clique Economize.

• Para adicionar fornecedores e tags, Acesso Administração do Shopify > Produtos, clique em um determinado produto e vá para o Organização do Produto seção para adicionar o nome e a etiqueta do fornecedor.

Etapa 2: No GemPages Editor V7, procure por “Produtos relacionados"Na barra de pesquisa.

Etapa 3: Arraste e solte o elemento na posição escolhida na página do seu produto.

Ao clicar no elemento, você verá o Painel de configurações no lado esquerdo. Contém duas abas principais: Configurações e Avançado:

Configurar a guia Configurações 

1. Layout

• Grade: A lista de produtos será apresentada no estilo padrão.
• Slider: As imagens dos produtos serão exibidas em um carrossel.

2. Fonte do produto

• Mesma coleção: Exibir produtos da mesma coleção.
• Mesmo fornecedor: Mostrar produtos do mesmo fornecedor.
• Mesma Tag: Puxe produtos que compartilham a mesma tag.

(Opcional) Exclua coleções específicas usando seu identificador.

3. Exibição

• Produtos: Você pode definir o número total de produtos relacionados que deseja exibir usando o controle deslizante ou a caixa de entrada. O máximo é 50.
• Coluna: defina quantos produtos aparecem por linha.

4. Espaçamento de itens

Adjust lacuna da coluna e lacuna de linha entre itens.

5. Estilo do item

• Altura: Escolha entre “mesma altura” ou “ajustar altura do conteúdo”.

6. Tamanho

• Largura total: ative esta opção para expandir a lista de produtos e cobrir toda a largura da página. Como alternativa, você pode inserir um valor de largura específico na caixa fornecida para definir a largura desejada em pixels.
• Preenchimento: adicione espaçamento interno.

7. Fundo

Escolha uma cor ou imagem.

8. Forma

Personalize bordas, cantos e sombras.

9. Alinhar

Defina o alinhamento da sua grade de produtos.

Configurar a guia Avançado 

Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.