Por exemplo, se você tem um chapéu à venda em verde e amarelo, não quer vender as cores como dois produtos separados. Uma vez que é o mesmo design de chapéu, mas em cores diferentes, você usaria um atributo em seu lugar. Você adicionaria um novo atributo "cor" e, em seguida, adicionaria variações de cor "verde" e "amarelo" ao seu chapéu.

Vamos fazer algumas capturas de tela e exemplos reais.

Como adicionar novos atributos de produto

Os atributos podem ser adicionados a partir do menu Atributos listado no menu Produtos.

Se você executou o assistente de configuração do WooCommerce, verá os atributos Cor e Tamanho já criados.

Você pode ver "termos" adicionados para os atributos de cor e tamanho já

Para adicionar um novo atributo, tudo o que você precisa fazer é inserir um nome e slug e clicar em Adicionar atributo.

Um slug é um nome totalmente em minúsculas usado para URLs. Substitua todos os espaços por hífens no slug.

Depois de criar seu novo atributo, clique no link Configurar termos para adicionar opções ao atributo.

“Termos" é uma palavra vaga, mas é a palavra que WooCommerce usa para opções dentro do seu atributo. Por exemplo, “Cor” é um atributo e “azul,” cinza “e” verde “são alguns de seus termos.

No meu exemplo, criei um atributo chamado “Material”, então adicionarei alguns novos materiais, como “vidro” e “plástico”.

Você pode adicionar quantos atributos com quantos termos desejar.

Embora você possa criar atributos específicos para produtos individuais, é melhor adicioná-los assim por meio do menu Atributos. Isso os mantém disponíveis para todos os produtos e torna o gerenciamento muito mais fácil. Adicionar atributos a produtos individuais rapidamente se tornará confuso e pesado.

Agora que você criou seu próprio atributo personalizado, veja como pode adicioná-lo a um produto.

Como adicionar atributos a um produto

Depois de criar seus atributos, você está pronto para atribuí-los aos seus produtos.

Comece visitando um de seus produtos no painel de administração. Em seguida, localize a seção Dados do produto e clique na seta à direita para expandi-la.

Depois de expandido, clique na seção Atributos na barra lateral esquerda.

No meu exemplo, o produto já tem um atributo, Cor, listado aqui:

Se você clicar em um atributo, ele se expande para que você possa adicionar e remover diferentes valores / termos.

O botão Adicionar novo serve para adicionar termos totalmente novos que se tornam disponíveis para todos os produtos.

Você pode clicar na seção Valor (es) para selecionar os termos existentes para adicionar ao produto.

Esses termos são do menu Produto> Atributos

Você pode adicionar mais atributos ao produto usando esta opção suspensa:

Se você está se perguntando como isso funcionaria, um exemplo seria uma camiseta que precisa de opções de cor e tamanho. Você adicionaria um atributo de cor e um atributo de tamanho.

Como já mencionei, não recomendo a criação de atributos de produto personalizados, mas você pode selecionar atributos preexistentes com o seletor suspenso apresentado acima.

Uma coisa que você não pode esperar é que, depois de adicionar seus atributos, eles não apareçam automaticamente na página do produto.

Como fazer seus atributos serem exibidos na página do produto

Fazer com que seus atributos apareçam nas páginas dos produtos é uma parte confusa do WooCommerce.

Quando você adiciona atributos a um produto, mesmo se você marcar a caixa “visível na página do produto”, as variações ainda não serão exibidas em seu site.

Marcar esta caixa é apenas uma etapa do processo

Por padrão, a única diferença na página do produto serão os atributos e seus valores listados na seção Informações adicionais.

Para adicionar a lista suspensa para seus atributos, você deve primeiro mudar seu produto de um “produto simples” para um “produto variável” usando esta lista suspensa:

Em seguida, você precisa abrir a seção Atributos e marcar a caixa “Usado para variações” para cada atributo.

Certifique-se de marcar a caixa para todos os atributos que deseja usar

Quando terminar, clique no botão Salvar atributos.

Em seguida, clique na seção Variações. Você pode usar o menu suspenso para adicionar uma variação de cada vez, mas é mais rápido usar a opção “Criar variações de todos os atributos”.

Depois de clicar em Ir, o WooCommerce criará todas as diferentes variações de produto possíveis.

Meu produto tem duas variações por causa dos termos de cor cinza e vermelho adicionados

A última etapa antes que suas variações apareçam na página do produto é dar um preço a cada uma.

Você vai querer preencher todos os campos, mas vou apenas adicionar preços no meu exemplo.

Quando terminar de adicionar preços a todas as variações, clique no botão Salvar alterações.

Agora você verá um menu suspenso permitindo que os compradores escolham suas variações.

Meu exemplo usa apenas um atributo, mas você pode adicionar quantos quiser. Cada atributo terá seu próprio menu suspenso listando seus termos disponíveis.

Embora funcione perfeitamente bem, os seletores suspensos não proporcionam a melhor experiência de compra.

Como exibir amostras de cores

O menu suspenso padrão para variações do produto não cria uma ótima experiência do usuário.

Imagine que você tem uma camiseta disponível em cinco cores. Com um menu suspenso, os compradores não podem ver quantas cores estão disponíveis até clicarem nele, e eles não veem os tons de cores reais. Eles só veem a palavra “azul”, por exemplo, em vez do tom de azul que seu produto usa.

Dar aos visitantes amostras de cores para escolher contribui para uma experiência de compra muito melhor.

Embora essa opção não esteja disponível no WooCommerce, existem vários plug-ins excelentes que podem adicionar esse recurso ao seu site:

Esses 6 plug-ins de variação de produto para WooCommerce tornam seu site mais fácil de usar

Os plug-ins listados nessa coleção podem substituir a lista suspensa para opções de cor, tamanho e estilo, adicionar novas imagens de galeria por variação e muito mais.

Domínio do atributo WooCommerce

Agora você sabe o que são os atributos do produto WooCommerce e como adicioná-los ao seu site.

O uso de atributos será uma parte fundamental do funcionamento de sua loja e da venda de variações de produtos.

Se você quiser um novo design excelente para sua loja, usei o tema Loja Moderna ao longo deste tutorial. É totalmente responsivo, personalizável e carrega rapidamente.

Confira o tema da Loja Moderna

E o melhor de tudo, é grátis! Experimente no seu site e veja o que você acha.

Se você tiver alguma dúvida, poste na seção de comentários abaixo. E se você aprendeu algo novo, por favor, considere compartilhar com outra pessoa.

Obrigado por ler!

Fonte de gravação: www.competethemes.com