Quando você lança uma loja WooCommerce pela primeira vez, você provavelmente está se concentrando no básico como adicionar novos produtos, configurar seu carrinho de compras e agilizar o processo de checkout. No entanto, configurar um produto variável no WooCommerce pode ser um pouco um mistério para você.

Ou, no mínimo, não é algo que seja uma prioridade máxima. Mas quando você se depara com um produto com inúmeras variações, de repente ele se torna um assunto bastante urgente.

Felizmente, adicionar variações de produtos no WooCommerce é simples e não requer muito know-how técnico. Mas se você é novo na plataforma de eCommerce, é normal que você esteja um pouco desorientado navegando em suas opções.

Nosso objetivo é ajudar com isso hoje. Nós estaremos cobrindo o que são produtos variáveis, as diferenças entre variáveis e atributos, como criar um produto variável no WooCommerce e como otimizar melhor as variações do seu produto usando plugins.

Vamos começar.

O que é um produto variável do WooCommerce?

Um produto variável do WooCommerce pode ser facilmente definido como um produto disponível em vários tipos, estilos ou variações diferentes. Exemplos de variações incluem coisas como:

  • Cor
  • Tamanho
  • Estilo
  • Materiais

Isto não é exatamente o mesmo que um filtro de produto no WooCommerce. Mesmo quando você filtra produtos, você ainda precisa selecionar variáveis.

Quando um cliente visita uma página de produto com variáveis, ele precisará fazer uma seleção de algum tipo antes de adicionar o item ao seu carrinho. Muitos tipos de lojas e empresas fazem uso de produtos variáveis. Aqui estão alguns exemplos populares:

  • Uma loja de roupas que oferece itens em vários tamanhos e opções de cores.
  • Uma pizzaria que permite aos clientes selecionar toppings a partir de um menu suspenso ou em estilo “checkbox” antes de adicionar o item ao carrinho.
  • Um artista que vende estampas personalizadas em vários materiais, como lona ou madeira, em várias opções de tamanho.
  • Um vendedor de bens domésticos precisa que os clientes selecionem os materiais e/ou tecidos para itens de móveis.

E a lista continua. Praticamente todo tipo de loja irá requerer variações de produtos em algum momento.

A boa notícia é que o WooCommerce pode criar produtos variáveis incorporados. E não é tão difícil de configurar. Mas antes de entrarmos no tutorial passo a passo de como fazê-lo, precisamos primeiro fazer uma distinção essencial entre variações e atributos.

A criação de um produto variável do WooCommerce pode ser um mistério para você? 🤔 Leia isto 📚Click to Tweet

Atributos vs Variações

A distinção mais significativa entre variações e atributos dentro do WooCommerce é que as variações podem ser interagidas pelo cliente enquanto os atributos não podem.

Primeiro de tudo, atributos são o que define variações. Estes são os diferentes estilos, tais como cor, padrão, etc. Você também pode ordenar por estes atributos dentro do WooCommerce. Mas eles são simplesmente informativos e não vêm com nenhuma funcionalidade.

Atributos também são usados para definir as características de um produto específico. Uma página de produto para uma bolsa pode listar as dimensões, o tecido usado e o material do cabo como atributos. Estes são fatos declarados sobre o produto – seus atributos – e o cliente não pode fazer seleções com base nestes atributos.

Por outro lado, variações colocam os atributos em uso através de produtos variáveis e permitem que os usuários comprem itens de um determinado atributo. As variações também cobrem diferentes combinações destes atributos, o que pode criar opções de produto separadas.

Por exemplo, suponha que você tenha atributos de cor e logotipo para um produto. Nesse caso, eles podem ser combinados em diferentes variações, ou seja, chapéu com o logotipo de um golfinho azul, chapéu com o logotipo verde de uma salamandra, e assim por diante.

A questão aqui é que um cliente pode selecionar variações antes do checkout como parte do processo de conversão enquanto os atributos não podem.

No entanto, isso ajudaria se você tivesse atributos estabelecidos antes de estabelecer quaisquer variações. Mas antes de você correr para as colinas fora de pura confusão, não se preocupe: o processo é bastante simples.

Como criar um produto variável no WooCommerce

Agora nós viemos para a parte tutorial do artigo. Antes de começarmos, vamos assumir que você já tem o WooCommerce instalado e já tem alguns produtos adicionados à sua loja.

1. Criar atributos de produtos

Sua primeira ordem de negócios aqui é criar alguns atributos de produto. Você pode ir para Products > Attributes no painel de controle do WordPress.

Adding a new attribute to WooCommerce.
Adicionando um novo atributo ao WooCommerce

Nesta seção, você pode criar um novo atributo para a sua loja online. Quando ele é instalado pela primeira vez, um atributo padrão de “Cor” é adicionado ao WooCommerce.

Nós adicionamos aqui um atributo adicional de “Tamanho” Simplesmente digite o nome do Atributo (Tamanho), uma slug associada (tamanho), e então clique no botão azul Add attribute quando todos tiverem terminado.

Attributes in WooCommerce.
Atributos no WooCommerce

A partir daí, você pode clicar no link que diz Configure terms ao lado do Atributo que você acabou de criar.

Adding the “Medium” term to the “Size” Attribute.
Adicionando o termo “Medium” ao Atributo “Size”

Nesta seção, você pode adicionar tantos termos para associar ao seu novo Atributo. Para “Tamanho”, nós adicionamos o termo “Médio” aqui. Isto segue o mesmo processo que quando adicionamos atributos. Simplesmente digite o nome (para nosso exemplo, nós usamos “Medium”), uma slug (medium) e uma descrição, se você quiser. Quando você terminar de fazer mudanças, pressione o botão azul Add new Size.

Adding the term “Green” to the “Color” Attribute.
Adicionando o termo “Green” ao Atributo “Color”.

Nós adicionamos termos adicionais para o Atributo “Cor,” também. Você pode ver “Verde,” mostrado acima.

Você pode adicionar tantos Atributos e termos associados para cada um que você gostaria no WooCommerce desta forma. Quais atributos e termos, assim como quantos de cada um deles você adiciona, dependerão do tipo de loja que você administra e dos tipos de produtos que você vende.

2. Crie um produto variável no WooCommerce

A próxima ordem de negócios é criar uma página de produto onde seus atributos possam ser aplicados. Para fazer isso, você precisa ir em Products > Add New.

Dê um nome e descrição ao seu produto, adicione quaisquer imagens que você queira e, caso contrário, edite-o da forma que você achar conveniente. Em seguida, desça até a seção Product data.

No topo, clique no menu suspenso e selecione Variable product.

Creating a variable product.
Criação de um produto variável

Em seguida, você pode preencher todos os detalhes relevantes na aba General como, por exemplo, preços.

3. Atribuição de atributos

Com seu produto definido para ser um produto variável, você pode agora adicionar os atributos que você criou anteriormente a ele. Clique na aba Attributes e selecione um dos atributos que você criou. Depois clique no botão Add.

Uma seção chamada Value(s) aparecerá, sob a qual você verá todos os termos que você atribuiu a este atributo antes. Selecione os termos que se aplicam a este produto em particular (ou clique em Select All se isso se aplicar e for mais fácil).

Certifique-se de ter a caixa de seleção ao lado de “Visível na página do produto”, marcada se você deseja que esses atributos estejam disponíveis para que seus clientes selecionem.

E se você deseja criar variações a partir destes atributos, marque a caixa ao lado de “Usado para variações” também.

Assigning attributes to a product.
Atribuição de atributos a um produto

Termine esta seção clicando em Save attributes.

4. Adicionando variações

Sua última ordem de negócios aqui é adicionar as variações em si à sua página de produtos. Clique na aba Variations.

Adding variations in WooCommerce.
Adicionando variações no WooCommerce

Nesta seção, você deve ver um dropdown que diz “Add variation. Clique no botão próximo a ele que diz Go.

Um novo menu suspenso aparecerá então quando você puder selecionar os atributos que se aplicam a este produto em particular. Selecione tantos quantos se aplicam ao produto.

Sob cada variação, você pode ajustar as configurações também, como definir preços para cada variação, um preço de venda, número de SKU, status do estoque, peso e dimensões. Somente o preço é necessário, no entanto.

Quando você estiver pronto para fazer mudanças em sua variação, clique no botão azul Save changes.

Você pode então repetir o processo para quaisquer outras variações que você gostaria de criar.

Otimizando as variações de produtos do WooCommerce

Agora que você sabe o que são produtos variáveis e como criá-los no WooCommerce, você pode mergulhar um pouco mais fundo em como fazê-los realmente brilhar. Aqui estão vários plugins e opções de extensão do WooCommerce que podem trazer o melhor de suas páginas de produtos e impulsionar as conversões.

1. Swatches

Variation Swatches for WooCommerce plugin.
Variation Swatches

O primeiro plugin que discutiremos aqui é o Variation Swatches for WooCommerce. Ele oferece uma maneira simplificada e esteticamente agradável de exibir os atributos e variações do produto. Este plugin também fornece maiores opções de como os clientes podem selecionar estas opções, na forma de blocos de cores, rótulos e imagens de rádio. É uma forma elegante de exibir variações de produtos e elimina completamente o menu suspenso.

Essas opções funcionam tanto na visualização rápida do produto quanto nas páginas do produto. Você pode até mesmo selecionar a forma das amostras – arredondadas ou em círculos. Outras características incluem dicas de ferramentas sobre o hover e capacidades CSS personalizadas.

Variation Swatches for WooCommerce é gratuito.

2. Additional Variation Images

Additional Variation Images Gallery for WooCommerce plugin.
Additional Variation Images

A seguir, temos a Additional Variation Images Gallery for WooCommerce, que possibilita a exibição de mais de uma imagem para variações de produtos. Por padrão, o WooCommerce permite que você exiba uma imagem por variação de produto, mas este plugin estende isso e permite que você exiba uma galeria para cada variação.

Dar aos clientes mais opiniões sobre seu produto pode impulsionar as vendas, afinal de contas. Assim, quando um cliente alterna entre diferentes variações de produto em uma página de produto, ele receberá um conjunto diferente de imagens. Mais informações = melhor compreensão do que você está vendendo. E isso pode significar uma maior confiança na sua marca.

Lutando com tempo de inatividade e problemas no WordPress? Kinsta é a solução de hospedagem projetada para economizar seu tempo! Confira nossos recursos

O plugin Additional Variation Images Gallery for WooCommerce é gratuito.

3. Product Attribute Filter

Product Attribute Filter
Product Attribute Filter

Product Filter by WooBeWoo é outra ótima opção de plugin que vale bem a pena conferir. Este faz com que os visitantes de sua loja online possam classificar seus produtos por uma variedade maior de fatores, incluindo categoria, tags, taxonomia, preço e atributos.

As principais funcionalidades incluídas aqui são a filtragem por qualquer critério como status de venda, classificação, ou se o item está ou não em estoque. Ele também permite que você exiba filtros no front-end do seu site usando múltiplas opções, incluindo um menu suspenso, lista de caixas de seleção, lista de botões de rádio e ícones. Ele também suporta AJAX live search e funciona com o Elementor.

Product Attribute Filter é gratuito.

4. Customize Product Feed

Product Feed PRO plugin.
Product Feed PRO

Outro plugin a ser verificado é o Product Feed PRO, que possibilita a criação de feeds de produtos para fins de marketing. Com ele, você pode criar um número ilimitado de produtos e feeds usando mais de 100 modelos diferentes para vários locais de marketing online. Ele inclui suporte para Google Shopping, Facebook Remarketing, Pricerunner, Bing Ads, Skroutz, etc.

Outras funcionalidades incluem mapeamento de campo, mapeamento de categoria, filtragem e suporte para variáveis de produto. Você também pode usar este plugin para adicionar um Pixel do Facebook ao seu site, um pixel do Google Dynamic Remarketing e uma API de Conversão do Facebook.

O Product Feed PRO é gratuito.

5. Add More Product Options

Extra Product Options for WooCommerce plugin.
Opções de Produtos Extras

Se você precisa exibir ainda mais opções em cada produto, Add More Product Options for WooCommerce é uma ótima escolha. Ele permite que você adicione campos de produtos personalizados às suas páginas de produtos com facilidade. Ao invés de criar layouts personalizados você mesmo ou trabalhar dentro do editor de páginas de produtos padrão, este plugin adiciona campos avançados à página do produto, permitindo que você crie páginas que realmente atendam às necessidades de seus clientes.

Este plugin vem com 17 diferentes campos personalizados para usar, incluindo texto, senha, oculto, e-mail, número, URL, telefone, área de texto, select, botões de rádio, checkbox, selector de grupo de checkbox, seletor de data, seletor de cores, cabeçalho e parágrafo.

O plugin Add More Product Options for WooCommerce é gratuito. Há uma opção premium disponível também que adiciona mais 7 opções de produto, incluindo selecionador de tempo, HTML, paleta de cores, upload de arquivos, seleção múltipla, selecionador de dados e faixa de tempo, e grupo de imagens. A versão premium custa US$ 39 por uma licença de um único site.

6. Add Dynamic Pricing for Variations

Advanced Dynamic Pricing for WooCommerce plugin
Advanced Dynamic Pricing for WooCommerce

O Advanced Dynamic Pricing plugin tem um lugar para muitos vendedores também. Ele funciona adicionando preços dinâmicos ou recursos de desconto à sua loja WooCommerce com a capacidade de ligar e desligar essas regras sempre que você desejar.

Com ele, você pode definir quantidades em dólares, porcentagens e produtos fixos para produtos individuais ou grupos de produtos. Outras características incluem preços em massa e preços baseados em papéis. Assim, você pode definir um desconto para produtos de toda uma categoria e estabelecer acordos especiais onde se um cliente comprar um certo número de itens ele recebe um desconto percentual ou estabelecer acordos da BOGO.

As opções são bastante flexíveis e permitem que você seja criativo com seus preços e vendas. O Advanced Dynamic Pricing for WooCommerce é gratuito, mas há uma versão premium disponível com regras e recursos adicionais. Os preços premium começam em US$ 50 por ano.

7. Display Variations in a Table

Screenshot of Product Variations Table for WooCommerce extension.
Display Variations in a Table for WooCommerce

O Product Variations Table for WooCommerce é outra ferramenta sólida para se ter em mãos, especialmente se você vende produtos com amor por variações complexas e simultâneas. Os clientes podem fazer uso deste plugin filtrando e classificando através de variações em cada página de produto.

Ele funciona permitindo que você exiba variações de produtos na forma de uma tabela com a qual os clientes podem interagir através de recursos de classificação e de filtragem Ajax. Os clientes podem até mesmo procurar por produtos por variação dentro deste formato de tabela. E ele inclui botões Adicionar ao carrinho ao lado de cada item da tabela, melhorando as chances de conversão. Os clientes podem até mesmo exportar informações de variação para arquivos baixados em formato PDF, Excel, ou CSV.

Todas as tabelas que você cria podem ser personalizadas para combinar com a marca da sua loja e inclui um atalho para facilitar a aplicação. A Tabela de Variações de Produtos para extensão do WooCommerce custa US$ 49 por ano.

8. YITH WooCommerce Color and Label Variations

YITH WooCommerce Color and Label Variations plugin
YITH WooCommerce Color and Label Variations

Finalmente, há o YITH WooCommerce Color and Label Variations, que oferece uma maneira fácil de exibir opções de produtos em suas páginas de produtos. E o faz de uma maneira atrativa que foi projetada para converter mais efetivamente.

A ideia aqui é colocar todas as opções do seu produto na ponta dos dedos do seu cliente para saber exatamente quais opções eles têm e o que está disponível para eles. Cada variação de produto pode ser exibida por meio de ícones ou imagens personalizadas de sua escolha.

YITH WooCommerce Color and Label Variations é uma oferta premium e tem um preço de US$ 89.99 por ano.

Adicionar variações de produto não requer muito know-how técnico... mas se você é novo no WooCommerce, é normal que você esteja um pouco desorientado. 😅 Este artigo está aqui para ajudar. 💪Click to Tweet

Resumo

E aí está. Criar produtos variáveis no WooCommerce não é assim tão assustador agora, não é? Uma vez que você tenha um claro entendimento do que são variáveis e como elas funcionam, você pode criá-las com relativa facilidade.

Hoje, nós discutimos o que são produtos variáveis e como eles funcionam. Nós falamos sobre as diferenças entre variações e atributos, e como você pode criar um produto variável e seus atributos associados.

Compilamos vários plugins que melhoram as funcionalidades variáveis do produto em termos de forma e função. Há algo para todos aqui. Esperamos que agora você possa criar produtos variáveis e fazê-los funcionarem na sua loja online.

E se você precisar de mais dicas sobre como aumentar as vendas no WooCommerce, temos um guia completo para isso.


Economize tempo, custos e otimize o desempenho do seu site com:

  • Ajuda instantânea de especialistas em hospedagem do WordPress, 24/7.
  • Integração do Cloudflare Enterprise.
  • Alcance global com 34 centros de dados em todo o mundo.
  • Otimização com nosso monitoramento integrado de desempenho de aplicativos.

Tudo isso e muito mais em um plano sem contratos de longo prazo, migrações assistidas e uma garantia de 30 dias de devolução do dinheiro. Confira nossos planos ou entre em contato com as vendas com as vendas para encontrar o plano certo para você.