Como adicionar variações de produtos no WooCommerce: 4 métodos!

Você está procurando o guia perfeito para criar produtos variáveis ​​exclusivos em sua loja ? Você veio ao lugar certo. Neste guia, veremos como adicionar variações de produtos no WooCommerce e melhorar a experiência de variação do produto.

O que são variações de produtos no WooCommerce e como elas funcionam?

Vamos começar com as Variações do Produto . Ao contrário de produtos simples, o WooCommerce permite criar produtos com variações. Por exemplo, você pode ter visto lojas com camisas de tamanhos e cores diferentes ou itens com designs e decalques diferentes. Cada uma dessas combinações é uma variação diferente. Portanto, produtos variáveis ​​são produtos que possuem variações baseadas em atributos.

Você pode adicionar preços, imagens, dimensões, descrições, SKUs de produtos, estoque e muito mais a cada variação de produto. Essencialmente, isso permite que você ofereça mais opções do mesmo produto com preços e detalhes de produtos diferentes, abrindo uma maneira mais flexível e conveniente de adicionar produtos.

Atributos do produto

Uma parte importante das variações são os atributos do produto . Por padrão, o WooCommerce permite adicionar atributos a qualquer produto. Isso fornece uma maneira de definir produtos específicos com características específicas para sua loja online. Os atributos podem ser coisas como cor, tamanho, forma, peso, padrão, material e assim por diante, e tudo depende do tipo de produto que você está vendendo.

Cada combinação de atributos define uma variação diferente de um produto. Isso significa que as variações do produto dependem desses atributos. Sem atributos, você não pode criar variações de produtos no WooCommerce. Se você quiser mais informações sobre como criar atributos de produtos com variações, confira este guia.

Não se preocupe se isso não estiver 100% claro para você. Neste guia, mostraremos diferentes maneiras de adicionar um produto variável e definir seus atributos e variações.

Como adicionar variações de produtos no WooCommerce

Existem diferentes maneiras de adicionar variações de produtos no WooCommerce:

1. Do painel do WooCommerce
   1. Opções padrão
   2. Usando atributos globais
2. Com um plug-in dedicado
3. Programaticamente

Vamos dar uma olhada em cada método, para que você possa escolher o mais adequado para você.

1.1) Como adicionar variações de produtos usando as opções padrão do WooCommerce

Vamos começar com o processo simples de adicionar um produto variável no painel do WooCommerce.

Em seu painel, vá para Produtos > Adicionar novo. Em seguida, nomeie seu produto, defina-o como um produto variável em Dados do produto e adicione uma descrição do produto (opcional).

Adicionando variações e atributos a um único produto

Como mencionamos anteriormente, para criar uma variável product , você precisa definir atributos para esse produto. Os atributos mais comuns são tamanho, cor, qualidade e assim por diante. Para adicionar um atributo, basta acessar a guia Atributos em Dados do produto e clicar em Adicionar .

Em seguida, dê um nome ao atributo e adicione seus valores, ou seja, as variações, separando cada valor usando '|'. Clique na opção ' Usar para Variações ' para habilitar o atributo do produto e criar variações e pressione Salvar atributos .

Em seguida, na guia Variações , você pode criar uma variação do produto usando o atributo e cada um de seus valores. Você pode adicionar cada variação individualmente, mas recomendamos que você clique na barra suspensa com o rótulo ' Adicionar variação ', selecione Criar variações de todos os atributos e clique em Ir . Isso criará automaticamente uma variação para cada um dos valores que você acabou de adicionar ao atributo.

Depois disso, clique em cada variação de produto na guia Variações para visualizar seus IDs de produto e alterar detalhes como nomes, preços, imagens, dimensões e muito mais.

Você também pode adicionar várias variações para seus produtos. Para fazer isso, basta criar novos atributos, adicioná-los usando a guia Variações e personalizá-los de acordo.

Quando terminar com todos os produtos de variação, salve/publique seu produto recém-criado e ele deverá estar totalmente configurado. Para saber mais sobre como configurar seus produtos e adicionar variações, confira este guia dedicado.

1.2) Como adicionar variações de produtos usando atributos globais

Agora, em vez de adicionar atributos individuais a todos os seus produtos, você também pode definir um atributo global e usá-lo para todas as suas variações de produtos. Isso é especialmente útil se você tiver vários produtos com o mesmo atributo. Por exemplo, cor, tamanho e assim por diante.

Criar um atributo global

Para criar um atributo Global, vá para Produtos > Atributos . Adicione um Nome e um Slug e clique em Adicionar Atributo . Para nossa demonstração, adicionaremos o atributo Color .

Agora vamos adicionar as variações/termos para este atributo. Para isso, vá para Atributos e pressione Configurar Termos no atributo que você acabou de criar.

Em seguida, você precisará adicionar o nome, o slug e a descrição do termo do atributo . Por exemplo, adicionaremos a cor vermelha, então pressionamos o botão Adicionar nova cor/tamanho/termo e isso adicionará as variações definidas do seu atributo.

Vá em frente e adicione quantos termos você quiser para ter mais variações para brincar.

Adicione o atributo global a um produto variável

Então, o processo de adicionar esse atributo a qualquer um de seus produtos de variação é bastante semelhante ao que vimos antes.

Basta ir para a guia Atributos na guia Produto e clicar na opção suspensa Seleção de atributos . Selecione seu atributo global recém-criado e clique no campo de valores para adicionar todos os valores que você criou para o atributo. Em seguida, clique em Adicionar , ative a opção Usado para variação e clique em Salvar atributos.

O resto do processo também é o mesmo que acima. Basta ir a Variações e clicar no menu suspenso Adicionar variação . Escolha a opção Criar variações de todos os atributos e pressione Ir . O restante do processo requer apenas que você adicione preços e detalhes adicionais a cada variação.

Você também pode adicionar várias variações e o WooCommerce criará uma combinação de cada variação com a opção Criar variação de todos os atributos , mas lembre-se de adicionar detalhes do produto para cada variação.

As opções que o WooCommerce oferece são convenientes e fazem o trabalho. No entanto, o processo pode ser tedioso se você tiver um grande número de produtos que deseja adicionar. Também há personalização limitada com as opções padrão. Em particular, não há opções para personalizar as amostras para suas variações e a caixa suspensa não é exatamente convidativa para seus clientes.

Se você quiser mais opções para criar variações de produtos no WooCommerce, você pode usar plugins dedicados.

2) Plugins para personalizar variações do WooCommerce e adicionar produtos variáveis ​​em massa

Outra alternativa para melhorar suas variações de produtos no WooCommerce e personalizá-los é usar plugins dedicados. Vamos dar uma olhada em algumas das melhores ferramentas que você pode usar.

1) Amostras de variação para WooCommerce

Amostras de variação oferece a você uma opção gratuita para personalizar suas amostras de produto de variação e personalizá-las usando botões de rádio e coloridos ou mini imagens. Isso funciona muito bem como um substituto para a caixa suspensa padrão que o WooCommerce oferece quando você adiciona várias variações aos seus produtos.

Se seus produtos tiverem várias opções de variação, você também poderá exibir suas variações de maneiras diferentes. Você pode adicionar amostras de texto simples para tamanho, amostras coloridas para variações de cores e imagens para diferentes texturas. Você pode até adicionar formas para as amostras e escolher quais estilos deseja exibir.

Configurar o plug-in é uma tarefa fácil e converte automaticamente todas as amostras de variação suspensas assim que você o ativa. Configurar opções de amostra exclusivas para cada atributo também é fácil e você pode personalizar várias opções específicas e globais.

Características principais

• Amigo do usuário
• Suporta produtos variáveis ​​com múltiplas variações e atributos
• Converte automaticamente todos os seus menus suspensos de variação e converte facilmente as opções suspensas de variações de atributos criadas globalmente em amostras também

Preço

Variation Swatches for WooCommerce é um plugin freemium. Possui uma versão gratuita com recursos básicos e alguns planos premium que começam em 49 USD por ano.

2) Produtos de edição em massa Elex para WooCommerce

Elex Bulk Edit Products permite editar produtos em massa, seus preços e muito mais. Você pode editar mais de 10.000 produtos ao mesmo tempo usando as opções de edição em massa. Além disso, você também pode usar opções de filtro dedicadas para editar em massa produtos específicos.

O real destaque do Elex é o quão bem ele funciona com produtos variáveis. Ele permite que você atualize os preços regulares ou de venda de todos os seus produtos variáveis ​​e variações a granel com categorias de produtos específicas. Da mesma forma, gerenciar os preços regulares e de venda do plugin é extremamente conveniente com as opções de alterar os preços com base em % ou valor fixo. Além disso, você também pode selecionar várias variações com os mesmos preços e atualizar seus detalhes conforme necessário.

Características principais

• Edite em massa vários produtos para gerenciar seus dados de produtos, detalhes, detalhes de envio, dimensões e muito mais
• Suporta totalmente produtos de variação e produtos de variação de edição em massa e seus preços
• Opção para editar em massa atributos de variáveis ​​globais de produtos

Preços

Elex Bulk Edit Products For WooCommerce é uma ferramenta freemium. Você pode obter a versão gratuita do repositório do WordPress ou obter os planos premium que custam 79 USD por ano.

3) Variação em massa do Barn 2 WooCommerce

Barn 2 WooCommerce Bulk Variation é um excelente plugin que permite exibir suas variações de produtos em matrizes exclusivas. Isso fornece uma maneira rápida e fácil de exibir um grande número de variações de produtos em uma grade simples de visualizar. Esta ferramenta é perfeita para quem tem produtos variáveis ​​com toneladas de atributos e variações. Ele permite que você exiba todas as variações, detalhes de atributos e diferenças ao lado de preços e recursos comparáveis ​​em uma tabela interativa.

Esta grade é a ferramenta perfeita para negócios B2B ou qualquer negócio que venda grandes quantidades. Você também pode adicionar a opção de permitir que os clientes insiram quantidades e adicione várias variações na grade para comparar melhor os preços. Da mesma forma, você recebe dois designs de grade altamente configuráveis ​​exclusivos para exibir seus produtos de variação e pode exibir essas variações em massa em qualquer lugar em seus sites.

Características principais

• Oferece a opção de mostrar produtos de variação em massa em um design de grade exclusivo
• Pode mostrar todos os seus atributos de produto de variação, quantidade, informações de estoque e preços em um design de tabela
• Permite opções para os clientes definirem a quantidade e quais variações escolher

Preços

Plugin premium Barn 2 WooCommerce Bulk Variation que começa em 79 USD por ano.

4) Tabela de variações de produtos para WooCommerce:

A Tabela de Variações de Produtos para WooCommerce é um plug-in premium conveniente que permite exibir dados de variação de produtos em uma tabela de dados conveniente. Esta tabela fácil de usar permite que seus clientes visualizem diferentes variações, adicionem individualmente a quantidade e adicionem ao carrinho. Configure facilmente uma tabela de variação com opções de filtro AJAX dedicadas e muito mais. Os clientes também podem pesquisar facilmente diferentes variações com diferentes atributos e tags e classificar com base em diferentes valores, como preços, atributos, nomes e muito mais.

O plug-in ainda permite que você adicione várias variações à sua tabela para que os clientes possam visualizar todas as variações e combinações possíveis das variações dos produtos. O plugin também vem com opções fáceis para definir o layout da tabela individualmente ou globalmente. Você também pode exportar as variações do produto para facilitar a visualização off-line, se necessário.

Características principais

• Tabela front-end fácil de usar e pronta para dispositivos móveis para mostrar todas as variações do seu produto.
• Filtros AJAX e opções de classificação para a tabela de variação.
• Opções adicionais para layouts de tabela, paginação e opções de exportação para variações.

Preços

Tabela de variações de produtos para WooCommerce começa em $ 49/ano

5) Variações de cores e rótulos do YITH WooCommerce:

YITH WooCommerce Color and Label Variations é o plugin perfeito para adicionar mais sabor às suas variações de produtos. Adicione variações ilimitadas aos seus produtos Variáveis ​​e personalize-os individualmente para sua loja. Configure imagens, amostras, logotipos e até imagens exclusivas para os botões de variação do seu produto. Os botões de variações padrão do WooCommerce parecem quase sem graça e você definitivamente pode usar a ajuda deste plugin se quiser que sua loja WooCommerce se destaque melhor.

O plug-in permite adicionar facilmente seletores de cores exclusivos e galerias de imagens para suas variações; E você pode até adicionar dicas de ferramentas personalizadas para cada atributo/variação para que seus clientes saibam o que cada variação lhes dá. Com o preço premium do plugin, você também obtém recursos premium. Isso inclui imagens dinâmicas que mudam ao passar o mouse, rótulos personalizados para variações, opções para adicionar variações à guia de informações adicionais e muito mais.

Características principais

• Plug-in fácil de usar para personalizar imagens, cores, rótulos e muito mais de variação de produtos.
• Opção dedicada para adicionar dicas de ferramentas personalizáveis ​​para cada variação e atributo.
• Opções para adicionar galerias de imagens exclusivas, atributos de descrição, imagens de variação dinâmica, etc.

Preços

YITH WooCommerce Color and Label Variations custa € 79,99 (cerca de 94 USD)/ano

Como editar amostras de variação com um plugin

Existem plugins diferentes para melhorar seus produtos de variação do WooCommerce e alterar as opções de variação suspensas padrão para seus produtos. Para esta demonstração, usaremos amostras de variação do WooCommerce.

Usando o plugin WooCommerce Variation Swatches

Primeiro, abra o painel de administração do WP e vá para Produtos > Adicionar novo. Em seguida, use a barra de pesquisa no canto superior direito para pesquisar Woo Variation Swatches de Emran Ahmed. Clique em Instalar no cartão do plugin e ative-o.

Por padrão, todos os atributos do produto devem mudar de opções suspensas para amostras de variação específicas. No entanto, Variation Swatches permite adicionar opções de amostras específicas para todos os seus atributos globais com a versão gratuita.

Para isso, vamos em Produtos > Atributos e abra um dos atributos globais criados anteriormente.

Em seguida, pressione Editar no atributo global do produto e use a opção Tipo para selecionar o tipo de design de amostra que você deseja habilitar. Para nosso atributo de cor, selecionaremos a opção de cor e clicaremos em Atualizar.

Por fim, voltemos à página Atributos para definir cada opção de cor para nossos termos. Selecione a opção Configurar termos na página Atributos ao lado de seu atributo global e você deverá ver uma opção Cor nos campos Adicionar nova cor.

Se você quiser alterar a cor dos seus termos, pressione Editar abaixo deles e personalize a cor.

Você também pode optar por usar a opção Imagem como seu tipo de amostra e adicionar imagens específicas para cada termo.

Se as opções padrão do WooCommerce não forem suficientes e você quiser mais flexibilidade sem instalar nenhum plugin, você tem mais uma opção. Você pode criar variações de produtos WooCommerce programaticamente com um pouco de codificação.

4) Como adicionar variações de produtos no WooCommerce programaticamente

Além dos métodos acima, você também pode obter produtos variáveis ​​em massa programaticamente. Isso lhe dará mais flexibilidade, mas requer um pouco de conhecimento sobre programação WordPress, PHP e WooCommerce Hooks.

Se você não estiver familiarizado com como criar produtos programaticamente, recomendamos que você dê uma olhada nesta postagem primeiro. Nesta seção, iremos direto ao ponto e pularemos a explicação sobre como criar seu próprio plugin WordPress para adicionar seus produtos WooCommerce, portanto, verifique esse guia primeiro se não souber como fazer isso.

NOTA : Antes de começar, certifique-se de criar um backup completo do seu site e instalar um tema filho.

Depois de criar seu plugin WordPress, você precisará adicionar a seguinte linha de código. Alternativamente, você pode adicionar a seguinte função ao arquivo functions.php do seu tema filho. No entanto, é altamente recomendável que você siga o processo de plug-in, pois ele fornece mais controle.

 // Criando a variação do produto
$variation_id = wp_insert_post( $variation_post);

// Obtém uma instância do objeto WC_Product_Variation
$variação = new WC_Product_Variation( $variation_id );

// Iterando pelos atributos de variações
foreach ($variation_data['attributes'] as $attribute => $term_name )
{
$taxonomia = 'pa_'.$atributo; // A taxonomia do atributo

// Se a taxonomia não existe, nós a criamos (Graças a Carl F. Corneil)
if( ! taxonomy_exists( $taxonomy ) ){
registrar_taxonomia(
$taxonomia,
'variação_produto',
variedade(
'hierárquico' => falso,
'label' => ucfirst( $attribute ),
'query_var' => verdadeiro,
'rewrite' => array( 'slug' => repair_title($attribute) ), // O slug base
),
);
}

// Verifica se o nome do Termo existe e se não o criamos.
if(! term_exists( $term_name, $taxonomia))
wp_insert_term( $term_name, $taxonomia); // Cria o termo

$term_slug = get_term_by('name', $term_name, $taxonomy )->slug; // Obtém o termo slug

// Obtém os nomes dos termos de postagem da variável pai product.
$post_term_names = wp_get_post_terms( $product_id, $taxonomy, array('fields' => 'names') );

// Verifica se o pós-termo existe e se não o configuramos na variável pai product.
if(! in_array( $term_name, $post_term_names))
wp_set_post_terms( $product_id, $term_name, $taxonomy, true);

// Define/salva os dados do atributo na variação do produto
update_post_meta( $variation_id, 'attribute_'.$taxonomy, $term_slug );
}

## Definir/salvar todos os outros dados

// SKU
if( ! empty( $variation_data['sku'] ) ) )
$variation->set_sku( $variation_data['sku']);

// Preços
if( vazio( $variation_data['sale_price'] ) ){
$variation->set_price( $variation_data['regular_price'] );
} senão {
$variation->set_price( $variation_data['sale_price'] );
$variation->set_sale_price( $variation_data['sale_price']);
}
$variation->set_regular_price( $variation_data['regular_price'] );

// Estoque
if( ! empty($variation_data['stock_qty']) ){
$variation->set_stock_quantity( $variation_data['stock_qty'] );
$variação->set_manage_stock(true);
$variação->set_stock_status('');
} senão {
$variação->set_manage_stock(false);
}

$variação->set_weight(''); // peso (reinicializando)

$variação->salvar(); // Salva os dados
}

Claro, você terá que usar uma matriz para adicionar as variações do produto à sua loja WooCommerce. Para isso, você pode usar um array como:

 $parent_id = 123; // Ou obtém o ID do produto variável dinamicamente

// Os dados de variação
$variation_data = array(
'atributos' => array(
'tamanho' => 'L',
'cor' => 'Azul',
),
'sku' => ”,
'regular_price' => '92,00',
'preço_venda' => ”,
'stock_qty' => 15,
);

// A função a ser executada
create_product_variation( $parent_id, $variation_data);

Esse snippet de código deve funcionar sem problemas em todos os sites. No entanto, recomendamos que você o use como base e o personalize com base em sua necessidade. Se esta parte não for muito clara, recomendamos que você leia nossos guias sobre como adicionar produtos WooCommerce de forma programática e o guia completo sobre WooCommerce Hooks. Esses posts funcionarão como um bom guia antes de você configurar seu arquivo plugin/function.php.

Conclusão

Em resumo, ao adicionar atributos, você pode criar diferentes variações para seus produtos e dar mais opções aos seus clientes.

Neste guia, vimos diferentes maneiras de adicionar variações de produtos no WooCommerce :

• Criando um produto variável e adicionando seus atributos e variações manualmente
• Criando um atributo global e aplicando-o a cada um de seus produtos variáveis
• Usando um plug-in de variação em massa do WooCommerce
• Obtendo produtos variáveis ​​programaticamente

Todos os métodos fazem o trabalho, mas qual é o melhor para você? Se você é um usuário iniciante, pode usar as opções padrão do WooCommerce. Eles são fáceis de usar e requerem pouca configuração. Se você tiver muitos produtos e quiser mais opções de personalização, recomendamos usar um plug-in de variação em massa . Essas ferramentas facilitam muito e aceleram o processo de criação de variações. Além disso, eles são à prova de falhas no processo de adição de variações de produtos em massa, o que é muito conveniente.

Por fim, se você tiver habilidades de codificação, poderá codificar sua própria solução e criar variações de produtos programaticamente. Isso é um pouco mais complexo e requer habilidades de codificação, mas oferece muita flexibilidade.

Você gostou do post? Você tem alguma dúvida sobre algum dos métodos? Deixe-nos saber nos comentários abaixo!

Para saber mais sobre as diferentes opções de produtos no WooCommerce, recomendamos que você dê uma olhada nos seguintes posts:

• Como definir produtos em destaque no WooCommerce.
• Crie atributos padrão no WooCommerce