Quer dar aos seus clientes mais opções na hora de comprar seus produtos no WooCommerce? Uma forma de fazer isso é criando atributos de cores para produtos variáveis, que permitem oferecer diferentes variantes do mesmo produto, como camisetas em cores ou tamanhos diferentes. Neste tutorial explicaremos passo a passo como criar atributos de cores para produtos variáveis WooCommerce e como configurá-los corretamente em sua loja online.
Etapa 1: criar atributo
Primeiro você deve baixar e instalar o plugin Amostras de variação WooCommerce
Primeiramente, temos que criar atributos de cores e suas variações globalmente. Para criar um atributo de cor globalmente, vá para Produtos >> Atributos. Como criaremos um atributo de cor para nosso produto. Preencha o campo de nome com o nome do atributo desejado. Neste tutorial, nomeei o nome do atributo: Cor.
Você pode deixar o campo Slug vazio. Gera automaticamente o slug para o atributo. No menu suspenso Tipo, selecione o tipo de atributo Cor. Quando os campos obrigatórios forem preenchidos, selecione o botão Adicionar Atributo.
Após criar o atributo, você notará que uma lista é criada no lado direito. Verifique a captura de tela a seguir.
Passo 02 – Criar Variações de Atributos
Quanto mais variações você adicionar serão adicionadas a esta lista. Ao criar um atributo, precisamos criar variações de atributos. Para criar variações de produto, clique em Configurar termos da lista de atributos.
Como criamos um atributo Color. Adicionaremos cores como variações dentro do atributo Color. Neste tutorial, adicionaremos variações de verde, azul e vermelho. Para criar variação dentro do atributo Color. Preencha o campo Nome com o nome da variação desejada, deixe o campo slug vazio e selecione a cor desejada no seletor de cores. 
Passo 03 – Habilitar Variação de Atributo em Produto Variável
É hora de ativar a amostragem de cores em um produto variável. Para ativar a amostra de cores no produto desejado. Entre no modo de edição do produto desejado. Certifique-se de ter selecionado a variável do produto em Dados do produto.
Depois de selecionar a variável do produto no menu suspenso Dados do produto, vá para a guia Atributos. Clique no menu suspenso Atributo de produto personalizado. Neste menu suspenso, você pode ver todos os seus atributos criados globalmente. Como criamos apenas um atributo de cor, agora ele exibe o atributo de cor.
Agora selecione o atributo Cor e clique em Adicionar. Você pode ver as seguintes telas aparecerem posteriormente.
Se desejar selecionar todas as variações disponíveis do atributo de cor, clique no botão Selecionar tudo. Se você deseja desmarcar todas as variações selecionadas de uma vez. Clique em Selecionar nenhum. Botão. Adicione todas as variações selecionando o botão Selecionar tudo, marque Usado para configurações de variação e clique no botão Salvar atributos. Consulte a captura de tela a seguir como guia.
Agora vá para a guia Variações. Clique no menu suspenso Adicionar variação. Aqui você notará duas opções. O primeiro é Adicionar Variação e o segundo é Criar Variações de Todos os Atributos.
Neste tutorial, selecionarei Criar todas as variações de atributos e clicarei no botão Ir. Ele adicionará todas as variações disponíveis como a abaixo.
Você pode ver na imagem acima que existem variações nas cores azul, verde e vermelho. Nessa tela você pode adicionar a imagem da variação, o preço da variação e outros detalhes específicos da variação. Quando terminar de adicionar todos os detalhes necessários em cada variação, clique no botão Salvar alterações.
Lembrar! Não esqueça de adicionar o preço em cada variação; Caso contrário, as variações não serão visíveis na interface do produto.
Se você conseguir adicionar amostras de variação de cores do WooCommerce, poderá ver a seguinte visualização na interface do produto.
