Seu parceiro dedicado para todas as coisas WordPress

Como adicionar variações de produtos no WooCommerce?

Conteúdo

Criar WooCommerce produtos com variações podem parecer bastante complicados à primeira vista. Especialmente um iniciante em desenvolvimento web pode rapidamente ficar consternado com a maneira furtiva como o WooCommerce escondeu suas configurações variáveis ​​de produto. No entanto, é fundamental compreender o funcionamento interno do WooCommerce. Aproximadamente 28% de todas as lojas online usam WooCommerce como principal plataforma de comércio eletrônico e o plugin em si é o módulo mais popular da internet, com 68% de distribuição de uso. Pode-se até argumentar que estudar apaixonadamente o WooCommerce é um caminho para o sucesso online devido à maneira incrível como o WooCommerce integra o conteúdo. Mas, deixemos de lado os elogios ao WooCommerce e voltemos à tarefa em questão – adicionar variações de produtos no WooCommerce.

O que é uma variação de produto?

Em essência, um produto WooCommerce variável é um item com atributos diversos. Por exemplo, um suéter pode ser tamanho S e azul ou tamanho XL e vermelho. Ainda é o mesmo suéter, mas com propriedades diferentes. Algumas lojas online até se referem ao produto original e suas variações usando a hierarquia pai > filho. Portanto, não se surpreenda se você topar com uma loja assim.

variações de produtos woocommerce

Você deve estar se perguntando – por que se dar ao trabalho de criar todas essas variações quando você poderia simplesmente criar vários produtos WooCommerce simples? Bem, vamos considerar esta questão do ponto de vista do cliente. Ele precisaria folhear cada página de produto individualmente até encontrar o tamanho e a cor certos. Porém, com variações, ele pode fazer tudo em uma única tela, melhorando instantaneamente sua experiência no seu site. Além disso, é importante ressaltar que diferentes variações podem ter preços variados, por isso seria mais fácil comparar os dois itens também em uma única tela. Uma variação pode ajudar a aumentar a visibilidade de outra, melhorando assim a conversão e impulsionando vendas incrementais. Não leve as variações levianamente! Ao aplicá-los de forma inteligente e implementá-los de acordo, seu negócio só poderá se beneficiar e continuar florescendo.

Criando um produto WooCommerce variável

Lojas online com uma quantidade relativamente pequena de produtos geralmente criam seus produtos WooCommerce variáveis ​​manualmente. Vamos começar fazendo o mesmo. Localize o Produtos guia em seu painel. Clique no adicionar Novo guia para criar um novo produto.

produtos adicionam novo woocommerce

Na tela de criação do produto, encontre o Informações do produto caixa meta e escolha Produto Variável. Por padrão, um Produto simples é selecionado.

Metacaixa de dados do produto

Você deve ter notado que uma guia adicional apareceu – Variações. Como o nome revela, esse lote específico de configurações de produto será nosso pão com manteiga durante este tutorial. Mas ainda não, comece preenchendo todas as outras informações básicas do produto, como SKU. No nosso exemplo, criaremos um suéter com diferentes variações.

Agora, localize o Atributos guia no mesmo Informações do produto meta box e abra-a. Nesta janela serão armazenados todos os atributos e seus valores referentes a este produto específico (suéter). WooCommerce permite salvar atributos globais, mas abordaremos isso um pouco mais adiante neste artigo. Como você pode ver, existe uma opção para adicionar Atributos de produto personalizados. Clique no Adicionar botão para prosseguir.

atributos de variações do produto

Dois novos campos de entrada apareceram – Nome e Valor (es). O Nome é bastante autoexplicativo, será o nome do atributo. No nosso caso, o Nome is Tamanho. Valor (es) serão as propriedades que o atributo possuirá. Se o atributo for Tamanho, Em seguida Valores pode ser S, M e L. Lembre-se de usar “|” símbolo para separar valores uns dos outros.

atributo de produto personalizado

Há uma caixa de seleção escondida abaixo do Nome janela chamada Usado para variações. Marque-o para ativar esses atributos para variações. Por fim, pressione o Salvar atributos botão.

usado para variações de woocommerce

Vamos criar outro atributo chamado Cor. Da mesma forma que antes, preencha o Nome e Valor (es) Campos. Usaremos as cores vermelho, azul e amarelo. Marque a Usado para variações caixa de seleção como antes e Salvar atributos novamente.

atributo de cor para variações

Você criou 2 atributos para seu produto WooCommerce variável com 3 valores cada. Agora, vamos ver como as próprias variações podem ser criadas. Logo abaixo do Atributos guia é o Variações guia, abra-a.

variações de produtos de woocommerce

Há um menu suspenso com 2 opções – Adicionar variação e Crie variações de todos os atributos. O primeiro permite escolher atributos manualmente e criar variações de produtos, uma por uma. O segundo faz exatamente o que afirma, criando variações usando todos os atributos que você estabeleceu anteriormente. Escolheremos a segunda opção. aperte o Go botão para prosseguir.

criar variações de todos os atributos

2 atributos com 3 valores cada criarão 9 variações de retorno. WooCommerce pode processar apenas 50 variações por vez, portanto, anote quando suas variações excederem 50. Nesses casos, você precisará pressionar o botão Go botão novamente até que o WooCommerce processe todas as variações do produto.

9 variações de produtos

Veja como é simples criar variações de produtos no WooCommerce. Com apenas alguns cliques de um botão, você concluiu a tarefa. Porém, lembre-se de que cada variação de produto precisa ter um preço, SKU e outras propriedades associadas a ela e isso precisa ser feito manualmente.

configurações de variações

Você pode encontrar vários plug-ins no mercado que ajudam no gerenciamento de variação de produtos WooCommerce, mas falaremos sobre eles um pouco mais adiante neste artigo. Por enquanto, vamos dar uma olhada Atributos Globais e como usá-los.

Atributos globais no WooCommerce

Se sua loja online possui vários produtos com os mesmos atributos, você deve usar Atributos Globais para aplicá-los de forma rápida e eficiente onde for necessário. No desenvolvimento web, o tempo é essencial e o mesmo se aplica aos negócios online administrados pelo WooCommerce. Felizmente, a equipe por trás do WooCommerce tornou a criação de atributos o mais simples possível.

Volte para o painel e localize o Produtos guia como antes, mas escolha Atributos.

atributos globais de produtos woocommerce

No lado esquerdo da tela, você verá diferentes configurações para criação de atributos.

adicionar novo atributo woocommerce

Vamos examinar cada um separadamente:

  • Nome – O título do seu atributo. Por exemplo, tamanho.
  • Slug – Uma variante do nome do seu atributo usado para links permanentes.
  • Habilitar Arquivos – Se você habilitá-lo, poderá visualizar uma página da loja com todos os produtos que possuem este atributo específico. Por exemplo, se azul é usado no cor atributo, então você pode visualizar todos os itens com um azul variação semelhante a esta – http://website.com/pa_color/blue/. Corda pa significa atributo do produto.
  • Ordem de classificação padrão – determina como os atributos serão classificados no front-end. As opções são – Pedido personalizado, Nome, Nome (numérico) e ID do termo. Pedido personalizado permite que você arraste e solte termos da maneira que achar melhor. Nome classifica os termos em ordem alfabética e nome (numérico) classifica com base no valor numérico. Igual a Pedido personalizado, ID do termo permite arrastar e soltar termos.

Preencha esses campos adequadamente. Em nosso exemplo, usaremos Cor como um atributo. aperte o Adicionar atributo botão para confirmar.

cor global

Você criou um atributo, mas ele ainda está vazio. Pressione o destacado Configurar Termos texto para inserir novos valores.

atributos de woocommerce de pedidos personalizados

Você será redirecionado para uma nova janela. Aqui você pode atribuir termos aos seus atributos. Como nosso atributo é Cor, então iremos preenchê-lo com 3 cores diferentes – azul, vermelho e amarelo. Preencha todos os campos e pressione o botão destacado para confirmar sua escolha.

configurar termos

Enxágue e repita para todos os outros atributos e seus termos. Agora, esses atributos globais podem ser aplicados a qualquer produto WooCommerce. No mesmo Informações do produto meta box, localize o Atributos guia e escolha seu atributo global no menu suspenso.

Plugins Adicionais

Embora o WooCommerce tenha permitido a criação variável de produtos na versão gratuita, ainda falta um pouco quando se trata de certas opções de design. Felizmente, existem muitos plug-ins que podem ativar a funcionalidade que você precisa. Listaremos alguns dos plug-ins mais populares no mercado e daremos uma rápida visão geral de cada um deles.

  • Melhores variações do WooCommerce – Um dos plug-ins mais populares que existem. Apresenta aos usuários opções de design exclusivas para produtos variáveis. Os itens fora de estoque ficam esmaecidos, reordene os produtos dentro e fora de estoque conforme desejar e você pode até exibir suas variações em formato de grade. Este plugin torna os pedidos mais fáceis para os clientes. As opções de design adicionais são verdadeiramente úteis e só podem aumentar suas vendas devido à acessibilidade suplementar que o plugin cria.
  • Variações de cores e rótulos YITH WooCommerce – Este pode ser o plugin que você estava procurando. Ele substitui os menus suspensos monótonos do WooCommerce por amostras de cores atraentes e outras opções. Seus clientes poderão escolher com facilidade o que precisam, melhorando assim sua experiência e potencializando suas vendas. Além disso, você pode adicionar imagens extras às variações, adicionar dicas de ferramentas e assim por diante.
  • Formulários de variação em massa – Especialmente útil para empresas online que lidam com pedidos em grandes quantidades. Com este plugin, você pode adicionar múltiplas variações ao carrinho ao mesmo tempo. Claro, você pode personalizar ainda mais a aparência e decidir como tudo será exibido no front-end para que os usuários possam escolher se desejam comprar em massa ou individualmente.
  • Tabela de variações de produtos para WooCommerce – Um dos plugins para variações mais exclusivos do mercado. Você pode exibir todas as variações do seu produto WooCommerce em uma única tabela de dados. Os clientes podem filtrar e classificar a tabela para encontrar o produto que precisam. Com a implementação adequada, você pode simplificar a experiência de compra com este plugin de tabela dinâmica.
  • Mestre de Variações do WooCommerce – Um belo nome, certo? Bem, o plugin faz jus ao seu nome. Além de adicionar amostras e rótulos personalizados aos seus produtos, você pode adicionar imagens, transformar galerias em controles deslizantes e até mesmo transformar o carrinho em uma janela pop-up. Se você puder escolher apenas um plugin, considere este. Tudo também é responsivo, então você não terá que se preocupar com a visualização do tablet ou do celular.

Você pode encontrar uma infinidade de plug-ins no mercado para quase tudo. Se você acha que esses plug-ins não habilitam a funcionalidade desejada, sinta-se à vontade para navegar por centenas de outros plug-ins até encontrar o que precisa. Infelizmente, cada loja online é única e algo que funciona para um site pode não funcionar para outros e vice-versa.

Palavras finais

Como você pode ver, criar novas variações de produtos no WooCommerce não é tão assustador quanto pode parecer à primeira vista. A implementação bem-sucedida de produtos variáveis ​​só pode levar a um aumento nas vendas e a uma melhor conversão. Os clientes adoram lojas online otimizadas e evitam aquelas que não o são. Lembre-se de que tudo pode ser feito com a versão gratuita do WooCommerce, então considere usar plug-ins se necessário. Esperamos que você tenha uma jornada livre de bugs pelo mundo do comércio eletrônico e fique ligado para mais artigos!

Como começar?

Saiba Mais

Manutenção WooCommerce

Poupe 33% com nosso plano de preços anual.

Iniciar

Está tendo problemas com o WordPress?

Reclame o seu Manutenção WordPress Gratuita

No cenário digital acelerado de hoje, cada site merece o cuidado e a experiência de uma equipe de manutenção profissional, garantindo desempenho ideal, segurança aprimorada e experiências de usuário perfeitas, para que você possa se concentrar no crescimento do seu negócio com tranquilidade.

Alexei Seryapin
Fundador da WPServices

Código de cupom aplicado!

Não tenha pressa e continue navegando em nossos serviços.

Alexei Seryapin
Fundador da WPServices