Produtos variáveis e atributos

Módulo 3: Produtos · Tempo de leitura: 10 minutos

Objetivo de aprendizagem: No final desta lição, saberá criar um produto variável com atributos e variações, decidir quando as variações são melhores do que produtos separados e evitar problemas quando existem muitas variações.

Conceitos-chave: atributo, atributo global (Produtos > Propriedades), atributo local, termos, "Usado para variações" (Used for variations), variação, valores predefinidos (Default Form Values), gerar variações, edição em massa, preço e stock por variação, número de combinações, max_input_vars

Um produto, várias escolhas

A Theehuis Example vende sencha a granel em embalagens de 50, 100 e 250 gramas. Para o cliente, trata-se de um único chá com uma escolha de quantidade. Para a loja, são três artigos com preço próprio, stock próprio e, possivelmente, peso próprio. É precisamente para isso que serve um produto variável: uma página de produto, uma descrição, um lugar nos resultados de pesquisa e, nos bastidores, uma variação por cada escolha.

A alternativa, três produtos simples separados, tem desvantagens: três páginas com um texto quase idêntico (conteúdo duplicado, lição 7.1), gerir as fotografias três vezes e um cliente que tem de procurar a embalagem que pretende. Ainda assim, um produto variável nem sempre é a melhor opção. Uma regra prática:

• Variável quando o cliente o vê como o mesmo produto e apenas escolhe uma característica: tamanho, cor, peso, grau de moagem.
• Produtos separados quando são realmente diferentes ou são procurados de forma diferente: chá verde e chá preto, ou um bule de ferro fundido e um de vidro. Cada um merece uma página própria com texto próprio.

Atributos: os elementos de base

Uma variação é uma combinação de atributos. Um atributo é uma característica ("Peso") com termos ou valores ("50 g", "100 g", "250 g"). O WooCommerce conhece dois tipos:

Os atributos globais são criados uma única vez em Produtos > Propriedades (Products > Attributes). Aplicam-se a toda a loja: "Peso" com os mesmos termos para todos os chás. Vantagens: escreve os termos uma só vez, a ortografia é igual em todo o lado e os clientes podem filtrar a loja pelo atributo ("mostrar todos os chás de 250 g"). Cada atributo global é uma taxonomia com páginas de arquivo próprias, se ativar essa opção.

Os atributos locais (custom product attributes) são adicionados apenas a um produto. São úteis para algo que só existe num produto, como as opções de gravação de um determinado bule. Desvantagem: não há filtro e, com dez produtos com "Cor", terá dez listas próprias, cada uma com os seus erros ortográficos.

Por isso, para características recorrentes (tamanho, cor, peso, material), opte por um atributo global.

Um atributo só tem efeito nas variações se ativar, no produto, a caixa Usado para variações (Used for variations). Sem essa caixa, aparece apenas como informação no separador "Informação adicional" da página do produto. Isso também é útil: "Origem: Japão" é um atributo sem variações.

Criar e preencher variações

Com os atributos prontos, aceda ao separador Variações. Aí encontra dois botões: Gerar variações (Generate variations), que cria uma variação para cada combinação, e Adicionar manualmente (Add manually), para uma variação de cada vez.

Cada variação tem campos próprios: SKU, preço, preço promocional, stock, peso, dimensões, uma imagem e as caixas ativada, descarregável e virtual. Uma variação sem preço não está à venda e não aparece como opção. É o erro mais frequente: gerar as variações, esquecer o preço e o cliente ver "Esta variação não está disponível".

Com a edição em massa, acima da lista, define de uma só vez o preço, o stock ou o peso de todas as variações, ou aumenta os preços num valor ou numa percentagem. Depois, ajusta as exceções variação a variação.

Com os valores predefinidos (Default Form Values), escolhe a variação que fica pré-selecionada quando a página abre. Escolha a variação mais vendida ou deixe em branco para que o cliente escolha conscientemente. Se nada estiver pré-selecionado, a página mostra um intervalo de preços ("€ 6,50 a € 24,00").

O número de combinações: é aqui que as coisas correm mal

As variações multiplicam-se. Um bule em 4 cores, 3 tamanhos e com ou sem gravação resulta em 4 × 3 × 2 = 24 variações. Acrescente um quarto atributo com 5 opções e chega a 120. Isso tem consequências:

• Gestão. Cada variação tem preço, stock e SKU próprios. Manter 120 linhas atualizadas dá muito trabalho e é propenso a erros.
• A página do produto. Até um determinado número de variações (por predefinição, 30), o WooCommerce envia todas as combinações juntamente com a página, para que as listas de escolha saibam de imediato que combinações existem. Com mais variações, a página pergunta ao servidor, a cada escolha, se a combinação existe (via AJAX). Funciona, mas o cliente pode primeiro escolher uma combinação inexistente e só depois receber um aviso.
• Guardar. Ao guardar muitas variações, o seu navegador envia um número muito elevado de campos ao servidor de uma só vez. O PHP tem um limite para isso, max_input_vars. Se for ultrapassado, os últimos campos são descartados sem aviso: guarda e parte das suas alterações desaparece. Por isso, a administração mostra 15 variações por página, mas com muitos atributos e campos o limite pode, ainda assim, ser atingido. O seu fornecedor de alojamento pode aumentar o max_input_vars; na maioria dos painéis, pode fazê-lo nas definições de PHP (lição 7.2).

O que pode fazer:

• Criar apenas as combinações que realmente existem. Não usar "Gerar variações" com quatro atributos, mas adicionar manualmente as combinações que vende.
• Oferecer uma característica que não altera o preço nem o stock não como variação, mas como opção de produto ou nota (por exemplo, um texto de gravação através de um campo; existem extensões para isso).
• Vender produtos realmente diferentes como produtos separados.

Armadilhas

• Mudar o nome de um atributo mais tarde. É possível mudar o nome de um termo de um atributo global, mas as variações existentes remetem para o slug. Teste primeiro na sua loja de teste.
• Misturar stock ao nível do produto e ao nível da variação. Escolha por produto: stock por variação (o mais habitual) ou um único stock para todo o produto.
• Fotografias das variações. Sem imagem própria, a variação mostra a fotografia principal. No caso das cores, convém ter uma fotografia por cor.
• Variações sem SKU. Para importações e ligações a um sistema de caixa ou a um grossista, precisa de um SKU por variação (lição 3.4).

Na prática: é assim que fica no WooCommerce

1. Produtos > Propriedades: crie o atributo "Peso" com os termos 50 g, 100 g e 250 g.
2. Produtos > Adicionar novo: título "Sencha Uji", dados do produto Produto variável.
3. Separador Propriedades: adicione "Peso", escolha os três termos, ative Usado para variações e guarde as propriedades.
4. Separador Variações: Gerar variações (três variações) e, depois, com a edição em massa, ative a gestão de stock e defina, por variação, o preço (€ 6,50, € 11,50, € 24,00), o peso e um SKU como SEN-UJI-050.
5. Nos valores predefinidos, escolha 100 g, guarde e veja a página do produto numa janela privada.

Outros temas mostram a escolha como lista pendente, botões ou quadrados de cor; o princípio é o mesmo.

Resumo

• Um produto variável é uma página de produto com uma variação por cada escolha, cada uma com preço, stock e SKU próprios.
• Use atributos globais para características recorrentes; ative "Usado para variações".
• Uma variação sem preço não está à venda.
• O número de combinações cresce depressa: crie apenas combinações reais e tenha atenção ao max_input_vars ao guardar.
• Produtos realmente diferentes vendem-se como produtos separados.

Questionário

Exercício

Exercício A3.2: O seu produto variável. Indique o endereço da sua loja, o slug ou a ligação de um produto variável, o número de variações que estão à venda na loja e os atributos que usa para as variações (separados por vírgulas, por exemplo "Peso, Moagem"). O programa procura o produto através da Store API pública (/wp-json/wc/store/v1/products?slug=...), sem cookies e sem colocar nada no carrinho. Verde se o produto for do tipo variável, se o número de variações for igual ao que indicou e se cada atributo constar como atributo usado para variações. Laranja se o número for diferente (a loja não conta as variações sem preço ou desativadas), se um atributo existir mas não for usado para variações, ou, a título informativo, se tiver mais de 30 variações. Vermelho se o produto não for encontrado, não for variável ou não tiver nenhum dos seus atributos.

Pergunta para si (não é avaliada): quantas combinações criaria "Gerar variações" com todos os seus atributos, e quantas delas vende realmente?

Para saber mais

• Variable product (woocommerce.com, em inglês): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, em inglês): https://woocommerce.com/document/managing-products/
• Alterar a versão do PHP e as definições do PHP (e o que fazer em caso de erros após uma atualização)
• As variações ou os menus não são guardados: aumentar o max_input_vars

Os passos da base de conhecimento aplicam-se aos painéis da WebOké; noutros fornecedores, o funcionamento é semelhante.