Essa configura\u00e7\u00e3o deve ser feita globalmente dentro do menu Produtos<\/strong> – Atributos<\/strong>. Nela, voc\u00ea deve configurar: Portanto, comece configurando estes dados iniciais. Basta preencher os dados e clicar em Adicionar atributo<\/span>.<\/p>\n\n\n\n Assim que criado, surgir\u00e1 na tabela ao lado o novo atributo criado. Para definir os par\u00e2metros de varia\u00e7\u00e3o do atributo clique em Configurar termos<\/span>. Assim que clicado, voc\u00ea ser\u00e1 levado para uma nova p\u00e1gina com uma apar\u00eancia bem pr\u00f3xima da anterior. Nela, defina o nome<\/em>, slug<\/em> e descri\u00e7\u00e3o<\/em>. Adicione todos os termos que forem necess\u00e1rios dentro do atributo que voc\u00ea est\u00e1 criando.<\/p>\n\n\n\n Dentro da edi\u00e7\u00e3o do produto, navegue at\u00e9 o box Dados do Produto<\/strong>. Logo ao lado do t\u00edtulo voc\u00ea deve escolher Produto vari\u00e1vel<\/strong> na caixa de sele\u00e7\u00e3o. Depois, na se\u00e7\u00e3o Atributos<\/strong><\/span>, adicione as varia\u00e7\u00f5es que deseja que o produto tenha e marque a op\u00e7\u00e3o Usado para varia\u00e7\u00f5es<\/strong>.<\/p>\n\n\n\n As varia\u00e7\u00f5es v\u00e3o permitir voc\u00ea a gerenciar o estoque de cada uma das combina\u00e7\u00f5es de atributo do seu produto e tamb\u00e9m permitir\u00e1 aos clientes da sua loja a escolherem o produto de acordo com os atributos dele. Veja um exemplo de configura\u00e7\u00e3o na imagem abaixo.<\/p>\n\n\n\n Assim que atualizar ou publicar o seu produto, voc\u00ea pode conferir na p\u00e1gina dele as varia\u00e7\u00f5es existentes. Documenta\u00e7\u00e3o oficial: https:\/\/docs.woocommerce.com\/document\/managing-product-taxonomies\/<\/a> e https:\/\/docs.woocommerce.com\/document\/variable-product\/<\/a>.<\/small> Voc\u00ea pode utilizar um plugin que aumente a capacidade dos atributos de produtos fazendo com que a escolha das varia\u00e7\u00f5es seja mais gr\u00e1fica para seus clientes. Deste modo, varia\u00e7\u00f5es como cor e tamanho deixam de ser caixas de sele\u00e7\u00e3o e passar a ser itens de escolha mais visuais. Veja um exemplo abaixo:<\/p>\n\n\n\n Existem diversos plugins, pagos e gratuitos, que habilitam este tipo de customiza\u00e7\u00e3o. O plugin utilizado neste caso \u00e9 o WooCommerce Variation Swatches <\/a>. Para come\u00e7ar, fa\u00e7a a instala\u00e7\u00e3o e ativa\u00e7\u00e3o do plugin. Depois de ativado, surge um novo menu no seu painel administrativo – Swatches Settings<\/em>. Ele j\u00e1 vem configurado com as defini\u00e7\u00f5es padr\u00f5es. Se necess\u00e1rio, altere as defini\u00e7\u00f5es de acordo com a sua escolha.<\/p>\n\n\n\n Para configurar, o processo \u00e9 basicamente o mesmo que editar o atributo como nos passos anteriores. Acesse Produtos – Atributos<\/strong>, escolha o que voc\u00ea quer alterar\/configurar e clique em Editar<\/strong>. Na nova p\u00e1gina, defina o tipo de defini\u00e7\u00e3o que deseja utilizar. S\u00e3o tr\u00eas op\u00e7\u00f5es: Cor, imagem e bot\u00e3o. No exemplo do tutorial, vamos utilizar a op\u00e7\u00e3o cor<\/em>. Clique em Atualizar<\/span>.<\/p>\n\n\n\n Certo, agora o atributo “Cor” no caso do exemplo do tutorial j\u00e1 tem a especifica\u00e7\u00e3o de tipo cor. O pr\u00f3ximo passo \u00e9 configurar os termos. para isso, na tela de atributos, encontre o atributo a ser personalizado e clique em Configurar termos<\/strong>.<\/p>\n\n\n\n Na lista de termos, clique em Editar<\/strong> em algum dos termos.<\/p>\n\n\n\n Selecione a cor no pr\u00f3ximo passo e clique em Atualizar<\/span>.<\/p>\n\n\n\n Fa\u00e7a o mesmo processo com os demais atributos e termos de atributos dos seus produtos. Depois de tudo configurado, ao acessar algum produto que possui varia\u00e7\u00e3o, a maneira mais visual ser\u00e1 apresentada por padr\u00e3o.<\/p>\n\n\n\n
\u27a1 Nome<\/strong> – O nome do atributo a ser exibido no site;
\u27a1 Slug<\/strong> – Identificador do atributo na URL (campo opcional);
\u27a1 Habilitar arquivos<\/strong> – Se marcado, faz com que as varia\u00e7\u00f5es do produto possam tamb\u00e9m ser acessadas por uma URL \u00fanica (Exemplo: https:\/\/sualoja.com.br\/cor\/azul\/)<\/small>;
\u27a1 Order de classifica\u00e7\u00e3o padr\u00e3o<\/strong> – Permite definir a ordem de exibi\u00e7\u00e3o do atributo no site.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-atributos01.png\")
<\/a><\/figure>\n\n\n\n<\/a><\/figure><\/div>\n\n\n\n
<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/span>Adicionar atributos em um produto<\/span><\/h2>\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/span>Criar varia\u00e7\u00f5es de um produto<\/span><\/h2>\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure><\/div>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n<\/span>Customizando a escolha de atributos do seu produto<\/span><\/h2>\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure><\/div>\n\n\n\n
<\/p>\n\n\n\n
<\/strong><\/strong><\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n","protected":false},"author":9,"featured_media":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[22],"article-tag":[],"class_list":["post-5665","article","type-article","status-publish","format-standard","hentry","article-category-wordpress"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t