Tudo o que você precisa saber sobre as opções personalizadas dependentes do Magento 2
Publicados: 2021-01-21Tamanho, cor, dimensões, texto personalizado... O comprador espera ter tudo isso quando chegar à página do produto.
Bem visualizado. Intuitivo. Compreensivo.
Suas opções de produto devem atender a esses requisitos.
O padrão Magento 2 oferece a funcionalidade de adicionar atributos do produto. No entanto, o escopo de possibilidades é muito básico. Muita carga de trabalho é necessária para definir variantes de produtos, especialmente ao lidar com grandes quantidades de dados.
Este artigo descreve como criar opções personalizadas de dependência do Magento 2 e como aplicar variantes de produtos a itens em seu catálogo usando a extensão Product Options.
Fonte: Researchgate
Índice
- O que são opções personalizadas dependentes?
- Opções personalizadas
- Opções Pai/Filho
- Dependências
- Benefícios da injeção de dependência no Magento 2
- Caso de uso nº 1. Dependências para promover itens
- Caso de uso nº 2. Dependências para upsell e cross-sell
- Pensamentos finais
O que são opções personalizadas dependentes?
As dependências geralmente podem ser chamadas de lógica condicional. Eles descrevem a relação entre as opções pai e filho.
Conseguimos confundi-lo?
Vamos nos aprofundar no tópico e esclarecer todos os termos relacionados primeiro.
Opções personalizadas
Opções personalizadas do produto são variantes/variações de produtos colocadas na página do produto para melhorar a experiência de compra do cliente.
Como?
O cliente tem tudo em um só lugar:
- Cor
- Tamanho
- Material
- Peso
- Dimensões
- Texto personalizado
A lista de opções pode ser ilimitada dependendo das necessidades do negócio, desde listar as cores e tamanhos de camisetas disponíveis até usar opções personalizadas para montar um look.
Opções Pai/Filho
A opção pai é a principal variante de produto, ou seja, é o produto chave na hierarquia de opções de produtos.
As opções filhas são variantes de produto dependentes da opção pai, ou seja, ficam disponíveis (e às vezes exibidas) se apenas o cliente selecionar o produto pai principal. Até então, eles podem estar indisponíveis e até mesmo escondidos do comprador em alguns cenários.
Por exemplo:
Você está vendendo camisetas que vêm em azul, vermelho e amarelo. Existem diferentes tamanhos disponíveis para cada opção de cor. Se o cliente escolher vermelho, ele verá os tamanhos XS e M disponíveis para a camiseta. Se o cliente escolher uma camiseta azul, apenas o tamanho M será exibido, pois é o único tamanho restante para a cor selecionada.
Nesse cenário, as cores da camiseta seriam as opções dos pais. Os tamanhos disponíveis seriam as opções filho.
Como em um relacionamento pai-filho, os pais influenciam o comportamento de seus filhos.
Dependências
As dependências são o relacionamento entre as opções de produto pai e filho.
Eles permitem a criação de vários tipos de lógica condicional personalizada e a exibição de opções filhas com base na sequência de ações do cliente.
Existem dois tipos de dependências:
A dependência OR é um relacionamento entre os atributos dependentes do Magento 2 quando um valor de opção específico é exibido se QUALQUER opção pai for selecionada.
Por exemplo:
Os tamanhos de memória disponíveis aparecerão independentemente da cor do celular que o usuário selecionar.
A dependência AND é um relacionamento entre os atributos dependentes do Magento 2 quando um valor de opção específico é exibido se TODAS as opções pai predefinidas forem selecionadas.
Por exemplo:
O wrap grátis aparecerá apenas quando o comprador selecionar um celular sliver com 128 GB de memória.
Veja a ilustração deste parágrafo para visualizar melhor quais são as dependências do Magento.
Benefícios da injeção de dependência no Magento 2
Qualquer empresário se esforça para criar uma experiência de compra aprimorada para o cliente.
As opções personalizadas dependentes do Magento 2 permitem que você mostre variantes de produtos relevantes para o comprador.
No caso de várias variantes de produtos ou montagem de um produto personalizado, isso permite evitar sobrecarregar a página do produto com elementos e jogar o cliente no dilema da escolha esmagadora.
Mas espere, tem mais:
A dependência de opções de produtos permite atingir metas específicas de marketing e vendas, estabelecendo certas sequências de lógica.
Aqui estão alguns dos objetivos que você pode alcançar:
- Venda adicional. Uma versão mais recente do produto com um brinde valioso pode ser um divisor de águas.
- Venda cruzada. Se você está vendendo um celular, por exemplo, por que não oferecer aos clientes a opção de adicionar uma capa, gravação, fones de ouvido etc.?
- Promoção do produto. Variantes de produtos específicos podem estar à venda.
- Estímulo de vendas. Escolhas específicas de produtos podem ser acompanhadas de um presente.
- Aumento do valor do pedido . Você pode vender mais itens, incluir serviços e presentes extras, etc.
Existe alguma maneira de criar opções personalizadas dependentes no Magento 2?
Sim.
O Magento 2 suporta opções personalizadas dependentes, mas você precisará optar por uma solução de terceiros para conseguir isso.
A extensão Advanced Product Options (APO) permite expandir drasticamente a funcionalidade principal.
Vamos dar uma olhada mais de perto em alguns exemplos de injeção de dependência do Magento 2 e determinar quais ações devem ser tomadas para configurar a extensão de opções personalizadas dependentes do Magento e, assim, alcançar casos de uso específicos.
Caso de uso nº 1. Dependências para promover itens
Algumas opções de produtos vendem bem. Outros vendem pior.
Existem muitas atividades de marketing que ajudam a estimular as vendas de opções de produtos específicos.
Seja oferecendo variantes de produtos a um preço mais baixo ou distribuindo itens gratuitos que acompanham a escolha de uma opção específica.
A funcionalidade de dependências do módulo Magento 2 que nossa extensão adiciona permite perseguir a meta de marketing definida com facilidade.
Cenário: Promoção de uma opção de produto específica, oferecendo embrulho de presente gratuito para esse item específico. Pode ser uma opção de cor impopular de um produto pai.
Que passos você deve tomar?
Antes de você começar:
- Se você ainda não usa o APO, abra a demonstração do administrador.
- Se você já usa nossas opções personalizadas dependentes para Magento 2, faça login no seu painel de administração.
Procedimento:
1.No painel esquerdo, na guia CATÁLOGO , clique em Produtos .
2.Na lista de produtos disponíveis, selecione um item ao qual deseja aplicar a dependência e clique em Editar à direita.
Por exemplo, pode ser uma mochila Impulse Duffle se você estiver usando a demonstração do administrador.
3.Para acessar todas as principais configurações de opções do produto, role para baixo e abra a guia Opções Personalizáveis .
4. Para adicionar opções de produtos com valores, faça o seguinte:
uma. À direita, clique no botão Adicionar opção .
b. No campo Título da Opção , nomeie a opção e especifique seu tipo.
c. À esquerda, clique no botão Adicionar valor para adicionar um valor de opção. Você pode repetir esta etapa para adicionar quantos valores de opção forem necessários.
Por exemplo, pode estar definindo as cores da bolsa: preto, branco, azul. O tipo de opção suspensa .
d. À direita, clique no botão Adicionar opção .
e. No campo Título da opção , nomeie a opção como Embrulho de presente . Você pode especificar seu tipo ( Checkbox ) e ordem de classificação aqui.
f. À esquerda, clique no botão Adicionar valor para adicionar um valor de opção. Você pode repetir esta etapa para adicionar quantos valores de opção forem necessários.
Por exemplo, pode ser dois valores de opção ―Embrulho de presente masculino e Embrulho de presente feminino.
5. Para definir qualquer valor como padrão e desmarcá-lo no frontend, use a alternância Is Default .
Em nosso exemplo, temos dois valores. Vamos deixar as caixas desmarcadas e não definir os valores como padrão.
6. Para definir opções dependentes, clique no ícone Dependência .
7. Para escolher entre dependências OR e AND, clique na seta Tipo de Dependência . Por padrão, a configuração OR está habilitada.
8. Para localizar o item necessário e estabelecer um relacionamento, clique na seta da Opção Pai .
9. No canto superior direito, clique em Salvar e Fechar .
Veja como as configurações ficam no back-end:
Siga estas etapas para usar embalagens de presente, brindes, garantias estendidas como alguns dos meios para promover itens específicos.
Veja como essa configuração fica no frontend:
Caso de uso nº 2. Dependências para upsell e cross-sell
Upselling é, sem dúvida, uma arte.
De acordo com a regra 60×60, 60% dos clientes provavelmente comprarão um item adicional que vale 60% do preço que eles acabaram de comprar em sua loja (venda cruzada).
De acordo com as estatísticas da Sumo, o upselling aumenta a receita em uma média de 10 a 30% e é 68% mais acessível do que a aquisição de novos clientes.
Por que não adotar essas estratégias nas opções de produtos?
Existem várias maneiras de fazer upselling e cross-selling. Vamos considerar um dos muitos cenários possíveis.
Cenário: Você pretende vender uma versão mais recente de um iPad. A garantia estendida gratuita de mais de 1 ano pode ser uma valiosa vantagem de mudança de decisão para o comprador.
A lógica de configuração seria semelhante ao procedimento descrito no caso de uso #1. Neste exemplo, teremos três variantes de produtos (iPad, opção de cor e garantia) com valores.
Mas vamos dar uma olhada mais detalhada:
Antes de você começar:
- Se você ainda não usa o APO, abra a demonstração do administrador.
- Se você já usa nosso APO, faça login no painel de administração.
Procedimento:
1.No painel esquerdo, na guia CATÁLOGO , clique em Produtos .
2.Na lista de produtos disponíveis, selecione um item ao qual deseja aplicar a dependência e clique em Editar à direita.
Por exemplo, pode ser um iPad se você estiver usando a demonstração do administrador.
3.Para acessar todas as principais configurações de opções do produto, role para baixo e abra a guia Opções Personalizáveis .
4. Para adicionar opções de produtos com valores, faça o seguinte:
uma. À direita, clique no botão Adicionar Opção (1ª opção de produto) .
b. No campo Título da Opção , nomeie a opção e especifique seu tipo.
Por exemplo, pode ser um iPad opção.
c. À esquerda, clique no botão Adicionar valor para adicionar um valor de opção. Você pode repetir esta etapa para adicionar quantos valores de opção forem necessários.
Por exemplo, pode ser iPad e iPad Pro opções. O tipo de opção de botões de opção.
d. À direita, clique no botão Adicionar opção para adicionar mais opções (2ª opção de produto) .
e. No campo Título da Opção , nomeie a opção como Cores . Você pode especificar seu tipo ( Radio Buttons ) e ordem de classificação aqui.
f. À esquerda, clique no botão Adicionar valor para adicionar um valor de opção. Você pode repetir esta etapa para adicionar quantos valores de opção forem necessários.
Por exemplo, pode haver três valores de opção ―Free Case Option 1, Free Case Option 2 e Free Case Option 3.
g. À direita, clique no botão Adicionar opção para adicionar mais opções (3ª opção de produto) .
h. No campo Título da Opção , nomeie a opção como Garantia . Você pode especificar seu tipo (Caixa de seleção) e ordem de classificação aqui.
eu. À esquerda, clique no botão Adicionar valor para adicionar um valor de opção. Você pode repetir esta etapa para adicionar quantos valores de opção forem necessários.
Por exemplo, pode ser o seguinte valor de opção ―Extended Warranty.
5. Para definir qualquer valor como padrão e desmarcá-lo no frontend, use a alternância Is Default .
Em nosso exemplo, não vamos definir os valores para as duas primeiras opções como padrão. Para o valor da Garantia Estendida , alternaremos a alternância Is Default .
6. Para definir opções dependentes, clique no ícone Dependência ao lado de uma dependência específica que você pretende configurar.
7. Para escolher entre dependências OR e AND, clique na seta Tipo de Dependência . Por padrão, a configuração OR está habilitada.
8. Para localizar o item necessário e estabelecer um relacionamento, clique na seta Opções do pai .
Em nosso exemplo, definiremos a dependência OR para o iPad Pro ; Dependência OR com a opção pai do iPad Pro para garantia estendida e dependência OR com a opção pai do iPad Pro para todas as opções de capa grátis .
9. No canto superior direito, clique em Salvar e Fechar .
Observe que, se você deseja exibir o preço da opção como o principal, certifique-se de alternar a alternância de preço absoluto , pois está desabilitada por padrão.
Veja como as configurações ficam no back-end:
Lembre-se de usar o tipo de opção Checkbox para permitir o uso de várias opções e o tipo Radio Buttons se apenas uma opção deve ser disponibilizada para seleção.
Para configurar as imagens de opções personalizadas e a maneira como você deseja que elas sejam exibidas, consulte o tutorial em vídeo dedicado.
Consulte o guia oficial do usuário para obter mais diretrizes de configuração.
Aqui está o que temos no frontend:
Pensamentos finais
Assim como o módulo de envio e localização de lojas do Magento 2, uma seleção intuitiva e perfeita de opções de produtos é vital para o sucesso de um negócio de comércio eletrônico.
As dependências ajudam a transformar a exibição de opções do produto em uma estratégia.
A lógica por trás de oferecer opções de produtos relevantes lembra uma trilha de migalhas de pão, ou seja, seu comprador segue um caminho específico que você cria e obtém valor extra ao selecionar uma rota específica.
Se você escolher uma extensão de opções personalizadas dependentes do Magento 2 gratuitas ou pagas, extensões Magento 2 de terceiros são necessárias para configurar a lógica condicional.
Na Mageworx, não oferecemos apenas a dependência do módulo Magento 2. Nossas Opções Avançadas de Produto é uma solução testada ao longo do tempo que está no mercado desde 2016. Não possui nenhuma dependência circular do Magento 2 e é totalmente independente.
Modelos de opções personalizadas, amostras de imagens e cores, inventário de produtos, funcionalidade de importação/exportação, etc. ―APO combina tudo o que você precisa para gerenciar as opções personalizadas do Magento 2 de forma eficaz.
***
Vá em frente para deixar um comentário abaixo. Sua opinião é muito apreciada!