Tabela de conteúdos
Nesse tutorial, você aprenderá duas formas de criar produtos variáveis no woocommerce:
- Usando atributos globais (recomendado para consistência e reutilização em diversos produtos).
- Criando atributos personalizados diretamente no produto (adequado para situações únicas).
Se você está iniciando sua loja woocommerce, produtos variáveis podem ser usados para oferecer diferentes versões ou combinações de um produto, como tamanhos, cores ou materiais. Vamos ao passo a passo!
O que é um Produto Variável? #
Um produto variável no woocommerce permite que você ofereça diferentes variações de um mesmo item, como:
- Tamanhos (P, M, G)
- Cores (Vermelho, Azul, Preto)
- Modelos ou opções personalizadas
As variações podem ter preços, estoque, imagens e descrições específicas. Por exemplo, uma camiseta pode ser oferecida nos tamanhos P, M, G em cores diferentes, cada uma com preços e estoques diferentes.
Passo a Passo para Criar um Produto Variável #
Parte 1: Criar Atributos Globais (Recomendado) #
Os atributos globais podem ser reutilizados em diversos produtos e facilitam o gerenciamento de consistência na loja.
- Acesse a Área de Atributos
- No painel do wordpress, vá até Produtos > Atributos.
- Adicionar um Novo Atributo Global
- No campo Nome, insira o nome do atributo (ex.: Cor ou Tamanho).
- Defina o slug (usado para URL e organização interna). O woocommerce preenche automaticamente, mas você pode customizá-lo.
- Em Tipo, escolha como o atributo será exibido no site (ex.: um menu suspenso ou botões).
- Clique em Adicionar Atributo.
- Configurar os Termos do Atributo
- Após criar o atributo global, clique em Configurar termos ao lado do nome dele.
- Insira os valores para esse atributo. Por exemplo, para “Cor”, adicione os termos “Vermelho”, “Azul” e “Preto”.
- No campo Nome, insira o termo (ex.: Azul).
- Clique em Adicionar e repita o processo para cada opção.
- Repita para Outros Atributos (opcional)
- Crie outros atributos globais que você deseja usar, como “Tamanho”, “Material” ou “Estilo”.
Parte 2: Criando o Produto Variável #
- Adicionar um Novo Produto
- No painel do wordpress, vá para Produtos > Adicionar Novo.
- Insira o nome do produto (ex.: Camiseta Básica) e uma descrição detalhada no editor principal.
- Selecionar o Tipo de Produto
- Na seção Dados do Produto (abaixo do editor principal), selecione Produto Variável no menu suspenso.
- Usar os Atributos Globais Criados (Recomendado)
- Na aba Atributos, clique em Adicionar atributos existentes.
- Selecione o atributo global correspondente (ex.: Cor ou Tamanho).
- Clique em Adicionar para adicioná-lo ao seu produto.
- Configurar os Valores do Atributo
- Após adicionar, marque todos os valores aplicáveis ao produto (ex.: Tamanho: P | M | G; Cor: Azul | Preto).
- Certifique-se de marcar a caixa Usado para variações.
- Clique em Salvar Atributos.
Parte 3: Variações #
- Criar as Variações Automaticamente
- Vá para a aba Variações no painel “Dados do Produto”.
- No menu suspenso, selecione Criar Variações de Todos os Atributos e clique em Ir. Nota: O woocommerce gerará automaticamente todas as combinações possíveis. Por exemplo:
- Azul – P
- Azul – M
- Azul – G
- Preto – P
- Preto – M
… e assim por diante.
- Configurar Cada Variação
Para cada variação gerada, personalize os seguintes detalhes:- Preço Regular: Insira o preço da variação.
- Preço Promocional: Configure promoções, se necessário.
- Estoque: Ative o gerenciamento de estoque individual, se necessário.
- Imagem da Variação: Carregue uma imagem específica para cada variação (por exemplo, uma foto mostrando a camiseta azul).
- Salvar Tudo
- Após configurar suas variações, clique em Salvar Alterações ao final.
Alternativa: Criar Atributos Personalizados no Produto #
Se você não quiser usar atributos globais ou precisa de algo único para um produto específico, você pode criar atributos diretamente no painel do produto.
- Vá para a aba Atributos no menu “Dados do Produto”.
- Clique em Adicionar para criar um atributo diretamente.
- Insira o nome do atributo (ex.: Tamanho) e os valores desejados (separados por
|, ex.: P | M | G).- Marque a caixa Usado para variações.
- Clique em Salvar Atributos.
- Siga o mesmo processo descrito acima na aba Variações.
Parte 4: Imagens, Descrição Resumida e Categorias #
- Imagem Destacada do Produto:
- Clique em Definir imagem do produto e carregue uma foto principal que represente o produto.
- Galeria de Imagens:
- Adicione imagens adicionais ou ângulos diferentes para enriquecer a apresentação do produto (estoque, zíper, textura, etc.).
- Descrição Breve do Produto:
- Insira um resumo rápido da descrição para exibição ao lado da imagem destacada.
- Categorias e Tags:
- No lado direito da tela, selecione ou adicione uma categoria para o produto (ex.: “Camisetas”).
- Adicione tags para facilitar a pesquisa interna (ex.: “Camiseta básica, Algodão”).
Parte 5: Visualizar e Publicar #
- Clique no botão Visualizar no canto superior direito para verificar como o produto será exibido na loja.
- Se tudo estiver correto, clique em Publicar para que o produto fique visível para os clientes.
Dicas Adicionais #
- Zoom e Lightbox:
Ative ferramentas de zoom ou caixa de luz para uma experiência premium. Plugins como YITH woocommerce Zoom Magnifier são excelentes opções. - Filtros por Atributos:
Se você usar atributos globais, poderá habilitar filtros na loja para melhorar a navegabilidade do cliente (ex.: “Mostrar produtos disponíveis na cor azul”). - Plugins para Melhorar Variações:
Utilize Plugins como woocommerce Variation Swatches para criar experiências visuais atrativas, como botões coloridos ou visualizações de padrões.
Conclusão #
Esse tutorial unifica as duas principais abordagens para criar produtos variáveis no woocommerce:
- Atributos Globais: Melhor para consistência, reutilização e filtros na loja.
- Atributos Personalizados: Úteis para situações onde as variações são exclusivas de um produto.
Ao configurar atributos, variações, imagens e descrições corretamente, você oferece uma experiência de compra excelente aos seus clientes, aumentando suas chances de conversão.
