Como cadastrar um produto com tamanhos e cores
Ao final deste guia você terá um produto no ar em que o cliente escolhe a cor e o tamanho antes de comprar — cada combinação com o seu próprio estoque, preço e foto.
Leva uns 10 minutos no primeiro. Depois cai pra 3.
Seu produto é vendido numa versão só? Então você não precisa desta tela. Veja Como cadastrar um produto na sua loja — é mais simples e mais rápido.
A ideia por trás da tela (leia isto antes)
Produto variável tem duas camadas, e entender essa divisão resolve 90% das dúvidas:
| Camada | O que é | Exemplo |
|---|---|---|
| Produto pai | O molde. É o que o cliente vê na vitrine: um card, um nome, um preço. | "Camiseta Básica Algodão" |
| Variações | As versões que o cliente escolhe dentro da página. É a variação que tem estoque e é vendida. | Preta/P, Preta/M, Branca/P, Branca/M |
A regra de ouro: o que você preenche no pai vira o padrão de todas as variações. Depois, na segunda etapa, você abre uma variação e muda só o que for diferente nela.
Na tela da variação isso aparece escrito: "Campo vazio = herda do produto pai". Campo em branco não é campo esquecido — é campo que segue o pai.
Antes de começar
Duas coisas são pedidas no meio do caminho, e parar pra criar é chato:
| O que | Por que é pedido | Onde criar |
|---|---|---|
| Uma categoria | É a prateleira onde o produto fica na loja. O cliente usa pra navegar. | Produtos → Categorias |
| Uma marca (opcional) | Quem fabrica. Vira filtro quando você vende várias marcas. | Produtos → Marcas |
Passo 1 — Abrir a tela
Menu Produtos → botão Novo Produto → escolha Com variações.
A própria tela sugere: "Não tem certeza? Comece como Sem variação — é mais simples e atende a maioria dos produtos." Errou e abriu a tela errada? Antes de salvar, é só voltar e escolher de novo.
Passo 2 — Nome, descrição e fotos do pai
Título do produto
O nome que aparece uma vez só na vitrine e na página. Não coloque a cor nem o tamanho aqui — quem diz isso são as variações.
- Bom:
Camiseta Básica Manga Curta Algodão Pima - Ruim:
Camiseta Preta P— aí você precisaria de um produto por cor, que é justamente o que esta tela evita.
✦ Clique na estrelinha ao lado do campo pra Izy escrever pra você.
Descrição
Vale pro produto inteiro. Fale do produto, não de uma versão específica. Estrutura que funciona:
- O que é — "Camiseta de algodão Pima peruano, corte reto."
- Que problema resolve — "Não amassa, não desbota e não perde o formato."
- Do que é feito — "100% algodão Pima, costura reforçada nos ombros."
Mídias da galeria
Estas são as fotos que aparecem antes de o cliente escolher a variação. Funcionam como vitrine padrão.
Especificações: JPG, PNG ou WebP · até 5 MB · recomendado 1000×1000 px (quadrado).
- A primeira foto é a que vai pra vitrine e pro Google. Escolha a melhor.
- Mínimo recomendado: 3 fotos.
Quer foto diferente por cor? Dá — e é a parte mais legal da tela. Está explicado no Passo 6.
Vídeo do produto (opcional)
Cole o link de um vídeo do YouTube ou do Vimeo. Ele vira uma miniatura na galeria.
Passo 3 — Categoria, marca e preço padrão
| Campo | O que é | Vale pra |
|---|---|---|
| Categoria | A seção da loja onde o produto aparece | Todas as variações — todas ficam na mesma categoria |
| Marca | Quem fabrica. Vira filtro de busca. | Todas |
| Preço base | O que o cliente paga. Vira o preço padrão de toda variação. | Padrão — dá pra mudar por variação |
| Preço de comparação | O preço antigo, que aparece riscado ao lado | Padrão |
| Custo | Quanto o produto custou pra você. O cliente nunca vê. Alimenta o relatório de lucro. | Padrão |
O preço de comparação engana pelo nome
Ele é o valor riscado, e por isso precisa ser maior que o preço base:
| Campo | Você preenche | O cliente vê |
|---|---|---|
| Preço base | R$ 89,00 | R$ 89,00 — o que ele paga |
| Preço de comparação | R$ 129,00 |
Não vai fazer promoção? Deixe vazio. Aparece só o preço normal.
Preços diferentes por tamanho? Normal (GG costuma custar mais). Coloque aqui o preço da maioria e ajuste só as exceções no Passo 5.
Passo 4 — Estoque e frete padrão
⚠️ O estoque aqui é POR VARIAÇÃO, não o total
Este é o tropeço mais caro da tela, e vale ler duas vezes.
O campo Estoque inicial padrão não é o total do produto. Ele é copiado para cada variação que for criada.
Exemplo: você digita
10e cria 4 variações (2 cores × 2 tamanhos). A loja não fica com 10 peças — fica com 10 de cada, ou seja, 40. E vai vender as 40.
O que fazer: digite aqui a quantidade que a maioria das variações tem, e ajuste as exceções uma a uma no Passo 5. Se você não sabe ainda, deixe 0 e preencha variação por variação — é mais trabalhoso e nunca vende o que não existe.
Vender sem estoque (encomenda) — ligue se você quer continuar vendendo com o estoque zerado (produto sob encomenda ou fabricação própria). Desligado e com estoque 0, a variação aparece esgotada e some do seletor.
Frete
| Campo | O que é | Se errar |
|---|---|---|
| Embalagem | A caixa ou envelope que você usa. As medidas vão pros Correios calcularem. | O frete sai errado |
| Peso padrão | Peso com a embalagem | A diferença sai do seu bolso |
Os dois viram padrão das variações. Se o GG pesa mais que o P, ajuste só o GG depois.
Passo 5 — Criar as opções e gerar as variações
É aqui que o produto vira variável.
5.1 — Cadastre as opções
No card Opções de variação, clique em adicionar e preencha:
| Campo | O que é | Exemplos |
|---|---|---|
| Nome da opção | A característica que muda | Cor · Tamanho · Sabor · Voltagem |
| Valores da opção | As alternativas dentro dela | Preto, Branco · P, M, G, GG · 110V, 220V |
Limite: 3 opções por produto. A tela avisa quando você chega lá.
5.2 — Entenda a conta antes de clicar
O sistema multiplica os valores. Não some:
| Você cadastra | Vira |
|---|---|
| Cor (2 valores) | 2 variações |
| Cor (2) + Tamanho (4) | 8 variações |
| Cor (5) + Tamanho (4) + Manga (2) | 40 variações |
Cada uma dessas é um item com estoque, preço e SKU próprios. 40 variações é muito trabalho de manutenção. Se der um número grande, considere separar em produtos diferentes.
5.3 — Clique em "Gerar variações"
O botão aparece assim que você cadastra as opções. Ele monta todas as combinações de uma vez.
⚠️ Mexer nas opções depois destrói variações. Se você remover o valor "Preto", as variações Preto/P e Preto/M vão embora — com o estoque e as fotos delas. A tela avisa antes. Renomear é seguro; remover, não.
5.4 — Ajuste cada variação
Cada variação vira um card. Clique em Editar pra abrir a gaveta lateral.
Lembre da regra de ouro: campo vazio segue o pai. Preencha só o que muda.
| O que a gaveta deixa mudar | Quando usar |
|---|---|
| Fotos exclusivas | A cor muda o visual (veja o Passo 6) |
| Descrição da variação | Raro. Só se a versão tem detalhe próprio. |
| Preço base / de comparação / custo | O GG custa mais caro |
| Estoque | Quase sempre — é o número real daquela cor/tamanho |
| Embalagem e peso | O GG pesa mais, ou a versão maior vai em outra caixa |
| Status e "Exibir na loja" | Esgotou aquela cor e você quer sumir com ela do seletor |
| SKU, código de barras (GTIN/EAN), NCM | O SKU já vem pronto (ex.: PRD-0001-PRETO-G). O código de barras é por variação — cada cor/tamanho tem o seu. |
No rodapé a gaveta lembra: "Salvar aqui só ajusta esta variação. As outras continuam com os dados do pai."
Passo 6 — Fotos diferentes por cor
Este é o recurso que mais confunde, e é simples quando se vê a ordem certa.
Por padrão, todas as variações mostram a galeria do pai. O cliente escolhe "Azul" e a foto não muda.
Pra foto trocar junto com a cor:
- No card Opções de variação, na opção Cor, marque "Marcar como principal".
- Abra cada variação daquela cor em Editar.
- Suba as fotos daquela cor em Mídias da galeria.
Feito isso, o cliente clica em "Azul" e a galeria vira a do azul.
| Situação | O que o cliente vê |
|---|---|
| Nenhuma variação tem foto própria | Sempre a galeria do pai |
| Cor marcada como principal + fotos por cor | A galeria muda ao escolher a cor |
| Variação com foto própria, sem atributo principal | A foto daquela combinação específica |
Só um atributo pode ser o principal. Escolha o que muda o visual — quase sempre a Cor. Tamanho não muda a foto.
Vídeo na variação: MP4 ou WebM, até 50 MB, até 60 segundos.
Passo 7 — Como o produto aparece no Google
O card "Como seu produto aparece no Google" mostra uma prévia. Preencheu título e descrição? Ele se monta sozinho. Clique no lápis pra ajustar.
Produto variável tem uma página só no Google. O cliente cai nela e escolhe a variação ali dentro — não existe uma página por cor.
| Campo | O que é | Cuidado |
|---|---|---|
| Título da página | O texto azul clicável no Google. Até 70 caracteres. | Não é o título do produto — pode ser mais vendedor |
| Resumo curto | As 2 linhas cinzas embaixo. Até 160 caracteres. | Escreva como anúncio, não como descrição |
| Endereço da página | O final do link. Só minúsculas e hífens. | ⚠️ Mudar isso num produto já no ar quebra o link antigo de quem salvou ou compartilhou |
A ficha técnica (os campos do anúncio pago)
Logo abaixo ficam os campos que alimentam o Google Shopping e o catálogo do Instagram/Facebook:
| Campo | Pra que serve |
|---|---|
| Condição | Novo, recondicionado ou usado. O Google exige. |
| Faixa etária e Gênero | Viram filtro pro comprador ("infantil", "feminino") |
| Material e Padrão / estampa | Opcionais no geral, importantes pra moda — é como se busca lá |
| Categoria oficial do Google | A prateleira do Google, que é diferente da sua. A IA sugere a partir do nome. |
| Conteúdo adulto | Marca o produto como 18+ |
Não anuncia no Google nem na Meta? Pode deixar tudo vazio — não afeta a sua loja. Vai anunciar? Campo vazio é o motivo nº 1 de produto reprovado no Merchant Center.
Passo 8 — Publicar
Na coluna da direita:
- Status — Ativo pra vender.
- Exibir na loja — ligado, aparece na vitrine. Desligado, existe mas fica escondido (útil pra vender só por link).
- Códigos do produto-pai — o SKU base já vem gerado; o código do fabricante (MPN) é raro e só serve pra comparação de preço no Google. Código de barras e NCM ficam em cada variação, não aqui — porque cada cor/tamanho tem o seu.
Clique em Criar produto variável, no rodapé.
Ajuste as variações ANTES de clicar. Ao criar, você cai na lista de produtos — não existe uma "próxima tela" de ajuste. Pra mexer depois, é abrir o produto de novo pela lista.
Não terminou? Troque o Status pra Rascunho: o botão vira Salvar como rascunho e o produto fica guardado na aba Rascunhos da listagem, sem aparecer na loja.
Confira: abra sua loja numa aba anônima, entre no produto e troque a variação. Preço, foto e disponibilidade têm que acompanhar.
Deu errado? Os 6 tropeços mais comuns
| O que aconteceu | Por quê | Como resolver |
|---|---|---|
| Vendi mais do que tinha | O estoque do pai foi copiado pra cada variação | Abra cada variação e corrija a quantidade. Veja o Passo 4. |
| A foto não muda quando escolho a cor | Falta marcar a Cor como principal, ou faltam as fotos por variação | Passo 6, na ordem: marcar principal → depois subir as fotos |
| Perdi uma variação com estoque | Um valor da opção foi removido | Não tem desfazer. Recrie a variação e refaça estoque e fotos. |
| Uma cor aparece esgotada e eu tenho | Estoque 0 naquela variação com "vender sem estoque" desligado | Abra a variação e ajuste |
| O preço riscado está errado | Preço e preço de comparação invertidos | O riscado é o maior. Veja a tabela do Passo 3. |
| O frete de um tamanho sai errado | O GG herdou o peso do pai | Abra a variação e coloque o peso real |