Como as imagens podem aumentar as vendas em sua loja Magento 2

As imagens no comércio eletrônico não são poderosas, mas ainda são indispensáveis.

Eles atraem a atenção dos clientes e moldam seus comportamentos de tomada de decisão.

Considerando que 92% dos consumidores dizem que o visual é o principal fator influente que afeta uma decisão de compra, os compradores podem ser bastante sensíveis à aparência de um produto em diferentes variações, de vários ângulos.

Vamos aprender mais sobre a otimização de imagem Magento e como torná-la uma paixão instantânea usando amostras de imagem, cor e texto no Magento 2.

O que são amostras e seus tipos básicos?

As amostras são o recurso que permite apresentar as opções do produto exibindo a representação visual correspondente quando selecionada.

Três tipos de amostras são as seguintes:

Amostra de cores

Ele permite que os comerciantes exibam opções de produtos como cor/textura/padrões. As opções indisponíveis são cruzadas quando estão esgotadas.

Amostra de imagem (também conhecida como amostra visual)

Ele traz a apresentação do produto para um nível totalmente novo e permite mostrar as variações do produto o mais próximo possível de sua aparência real.

Amostra de texto

Quando não há imagens de produtos Magento específicas a serem exibidas, você pode usar 'botões' com valores de texto para atributos do produto. Esta amostra funciona da mesma maneira que a cor.

Como você pode expandir a funcionalidade padrão do Magento 2?

O Magento 2, por padrão, permite que os usuários configurem amostras apenas para os produtos configuráveis:

• na página do produto
• nas listagens de produtos e
• navegação em camadas.

O alternador de imagem de produto configurável do Magento inclui amostras visuais e de texto, bem como controle de entrada suspenso.

Por favor, consulte este post para saber como usar a funcionalidade padrão do Magento 2 para configurar as amostras.

A extensão Advanced Product Options expande drasticamente as possibilidades padrão. Ele permite adicionar imagens, texto e amostras baseadas em cores para qualquer tipo de produto*, apresentando assim qualquer variante de produto com a melhor vantagem.

Vamos aprender como configurar a extensão para:

• Adicionar amostra de imagem
• Adicionar amostra de texto
• Substitua as imagens padrão do produto por uma de uma opção
• Use várias imagens para uma única opção
• Exibir imagens de opções na dica de ferramenta de visualização
• Criar um efeito de sobreposição de imagem

Exemplo 1. Amostras de texto e imagem. Dica de ferramenta de visualização.

No exemplo a seguir, mostraremos como implementar ações como

• adicionando amostras de texto e imagem
• exibindo imagens de opção na dica de ferramenta de visualização

Vamos aprender a configurar um produto simples.

Na verdade:

Com a extensão, não há mais necessidade de criar produtos configuráveis ​​para oferecer variações de produtos.

O seguinte resultado você obterá no frontend:

Para acessar a funcionalidade e configurar as amostras para as opções de produtos em sua loja Magento 2,

vá para Produtos – Inventário – Catálogo.

Então,

selecione um produto ao qual deseja adicionar amostras.

As configurações básicas são armazenadas na guia Opções personalizáveis .

É assim que as configurações do exemplo acima se parecem no back-end:

Como você pode ver:

O menu suspenso foi escolhido como um tipo de opção.

No entanto, para fazer com que as variantes pareçam amostras de texto normais, você precisará marcar a caixa de seleção É amostra .

Adicionalmente:

Você pode querer usar imagens como uma dica de ferramenta para suas opções.

Para fazer isso, faça o upload das imagens correspondentes para cada opção separadamente (é onde você pode fazer upload de várias imagens para mostrar suas ofertas na íntegra) e escolha o valor da dica de ferramenta após a(s) imagem(ns) carregada(s).

Fazer isso:

Clique na imagem da opção e selecione uma das opções disponíveis - que é a dica de ferramenta no nosso caso.

Para criar amostras de imagem, você precisará selecionar Base ao configurar funções de imagem.

Quanto ao nosso exemplo:

As imagens para o tipo SSD são exibidas como Base e Tooltip quando o mouse passa.

Como você pode ver:

A lógica de configuração é clara e simples.

Exemplo 2. Substituição de imagem de produto padrão por imagem de opção

Vamos considerar mais um exemplo.

Aqui:

A imagem padrão do produto é substituída pela de uma variante do produto:

As configurações básicas estão na guia Opções personalizáveis .

Aqui:

Certifique-se de que o Modo de imagem esteja definido como Substituir '. Substituir imagem da galeria principal deve ser selecionado nas funções de imagem.

Exemplo 3: sobreposição de imagem

Você também pode aproveitar a possibilidade de criar um efeito de sobreposição para as imagens do seu produto.

Assim, a imagem da opção cobrirá a imagem principal do produto.

As configurações básicas estão na guia Opções personalizáveis .

Aqui:

Vá para a opção Galeria de imagens Magento que você acabou de enviar e clique na que deseja usar como sobreposição.

Na janela Detalhes da imagem , selecione a opção necessária.

Modo Galeria de Opções e seus Benefícios

O Modo Galeria de Opções regula a forma como as imagens são mostradas nas opções do produto. Dá-lhe o benefício de exibir os produtos de uma forma que mais se adeque ao seu público-alvo.

Quando desativado, nenhuma imagem será mostrada naturalmente.

Vamos dar uma olhada nas opções de exibição disponíveis:

Ao lado da opção

Quando este modo de exibição de galeria é selecionado, as imagens são exibidas como miniaturas próximas/abaixo das opções do produto:

Uma vez selecionado

Esta opção oculta todas as imagens das variantes do produto e permite exibi-las logo após serem selecionadas:

As configurações estão ocultas na guia Opções personalizáveis ​​b .

É assim que eles se parecem no back-end:

Embrulhar

Muitas vezes, é insuficiente exibir as cores puras para variações de produtos, pois sua aparência pode ser mais complexa, composta e exclusiva para uma opção específica.

A maneira como você exibe suas ofertas online está positivamente associada ao nível de receita e pode custar seus clientes.

*Observe que o Magento não permite opções personalizadas de produtos para produtos agrupados.

Precisa de mais ajuda com amostras de produtos? Sinta-se à vontade para deixar um comentário abaixo, ficaremos felizes em ajudar!