Adição de produto com variação no Woocommerce

Símbolo que parece o do Woocommerce em formato 3D.
Aprenda a adicionar produtos com variações no WooCommerce de maneira simples e prática. Este guia passo-a-passo vai te ajudar a configurar variações de produtos em sua loja virtual.
Compartilhar
Facebook
Twitter
LinkedIn

Conteúdo

Criaremos um produto que possui variações, como diferentes cores ou tamanhos. Para esses passos, é necessário ter o plugin Woocommerce instalado.

1. Clique na aba de “Produtos”

Step 1 screenshot

2. Clique em “Adicionar novo”

Step 2 screenshot

3. Vamos dar um nome ao produto

Step 3 screenshot

4. Em “Dados do produto”, troque a marcação de “Produto simples” para “Produto variável”

Isso irá habilitar a opção “variações” no menu de “dados do produto”. Precisaremos dela para gerir cada uma das variações.
Step 4 screenshot

5. Clique em “Atributos”

Step 5 screenshot

6. Clique em “Adicionar”

Em seguida, aparecerá um aviso no navegador. Pode prosseguir com a edição.
Step 6 screenshot

7. É necessário marcar a caixa “Usado para variações”

Step 7 screenshot

8. Nesse caso, chamaremos de “Cor”

O campo “nome” determina o atributo e os “valores” se tornam as variações.
Step 8 screenshot

9. Preencheremos com os possíveis valores para as cores, separados com o marcador “|”

Ex.: “Rosa | Azul | Amarelo”
Step 9 screenshot

10. Clique em “Salvar atributos”

Em seguida, aparecerá um novo aviso no navegador. Pode prosseguir com a edição.
Step 10 screenshot

11. Clique em “Variações”

Step 11 screenshot

12. Clique em “Ir”

Com isso, ele irá criar subitens com base nos valores adicionados para cada atributo.
Step 12 screenshot

13. Clique na linha da variação que deseja continuar editando

Caso tivéssemos dois atributos com 3 valores cada, como cor (rosa, azul e amarelo) e tamanho (P, M e G), ele iria criar 9 linhas de variação. Seria um subitem para cada um dos três tamanhos para cada uma das cores. Caso queria gerar apenas variações específicas, pode selecionar a combinação na lista disponível em “Adicionar variação”.
Step 13 screenshot

14. Adicionar o preço da variação

Essa é como a aba de edição de um produto comum, então podemos adicionar preço, estoque, dimensões e outras características diferentes para cada uma das variações.
Step 14 screenshot

15. Habilitar o controle da quantidade em estoque com a marcação do campo “Gerenciar estoque?”

Step 15 screenshot

16. Preencher com a quantidade em estoque

Esse campo só estará disponível ao marcar a opção “Gerenciar estoque?”.
Step 16 screenshot

17. Preencher com as informações de peso e dimensões da peça

Isso é importante para o correto cálculo do frete do produto.
Step 17 screenshot

18. Adicionar uma imagem customizada para essa variação

Aqui poderá adicionar uma específica dessa variação.
Step 18 screenshot

19. Ao terminar a edição de cada variação, basta clicar em “Salvar alterações”

Step 19 screenshot

20. Pronto! Agora é possível publicar o produto

Step 20 screenshot

Picture of Pedro Batista
Pedro Batista
Gosto de dizer que sou um Webmaster com uma paixão por trazer ideias à vida na web! Especialista em WordPress, trabalho também com outros CMSs, e atuo em todas as frentes da missão de colocar um site no ar. Desde a primeira linha de código até o último clique de publicação, estou lá para garantir que tudo funcione perfeitamente. Com experiência em instituições estabelecidas, não só desenvolvo e gerencio websites, mas também introduzo fluxos digitais inovadores e incorporo as tecnologias mais recentes em suas operações.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *