Como criar variação de cor e tamanho juntos no produto

Quando uma peça existe em várias cores e tamanhos, juntar as escolhas no mesmo produto deixa a compra mais clara e o estoque mais confiável. O cliente escolhe,

Publicado em 19/09/2026
Atualizado em 21/09/2026
Equipe do Interago

Quando uma peça existe em várias cores e tamanhos, juntar as escolhas no mesmo produto deixa a compra mais clara e o estoque mais confiável. O cliente escolhe, por exemplo, Azul + M, e a loja trata essa combinação como a opção final correta. Assim, você evita criar uma página para cada combinação e mantém a vitrine organizada.

O que esta função resolve

Reúne cor e tamanho na mesma página de produto.
Permite que o cliente escolha a combinação antes de adicionar ao carrinho.
Organiza quantidade e preço na opção final, quando a combinação exige controle separado.
Evita produtos repetidos para o mesmo item.
Facilita a conferência da vitrine e do estoque depois da publicação.

Como chegar

Entre no Interago e escolha o website correto em Meus websites.
Abra Extensões → Catálogo.
Entre na aba Catálogo e abra o produto que receberá as opções.
Localize o card Opções e atributos.
Para publicar a alteração depois de salvar, abra o card ou a aba Atualizar do Catálogo.

Antes de começar

Separe a lista real de combinações que você vende. Um exemplo:

Cor: Azul, Preto e Verde.
Tamanho: P, M e G.
Combinações vendidas: Azul P, Azul M, Preto P e Preto M.

Não inclua combinações que não existem só para preencher a grade. Se o Verde G não é produzido, ele não deve aparecer para o cliente. Também confira se você está editando o produto certo e o website certo.

Passo a passo feliz

1. Crie um grupo para a escolha

No card Opções e atributos, clique em Novo grupo de opções e atributos. Para a combinação de cor e tamanho, prefira um grupo organizado em níveis, em vez de espalhar a escolha em vários grupos.

Dê ao grupo um nome claro, como Cor e tamanho. Ative É obrigatório a escolha para continuar para que o cliente selecione uma opção antes de comprar. Deixe desligada a opção de escolher várias opções quando a pessoa deve escolher uma única combinação.

Evite nomes genéricos como “Opção 1”. O nome do grupo aparece na experiência de compra e também ajuda sua equipe a revisar o cadastro.

2. Cadastre a cor e crie os tamanhos dentro dela

Dentro do grupo, clique em Novo e cadastre cada cor que realmente está disponível, como Azul-marinho, Preto ou Natural. Depois, dentro de cada cor, use o botão Novo para criar as subopções de tamanho, como P, M e G.

Assim, o cliente escolhe primeiro a cor e depois o tamanho daquela cor. Se o Verde G não é produzido, não crie essa subopção só para preencher a grade. Repita o processo apenas para as combinações que a loja vende.

O ponto importante é este: quando cor e tamanho definem uma unidade diferente, a combinação final precisa ser a opção vendável. Azul M e Preto M podem ter quantidades diferentes. Quando uma cor tem subopções, a cor é o nível de escolha e o tamanho na ponta é a opção final.

3. Revise cada combinação final

Abra as opções finais e confira:

O nome mostra a cor e o tamanho corretos.
A combinação existe fisicamente ou está disponível para venda.
A quantidade corresponde àquela combinação.
O preço adicional está correto, se houver.
A foto corresponde à cor ou versão escolhida, se o cadastro permitir uma foto própria.

Não deixe estoque, preço ou foto de uma combinação serem confundidos com os dados do produto inteiro. Para entender a diferença entre produto pai e opção final, veja Variações e estoque juntos: da opção final à quantidade certa.

4. Salve e atualize o catálogo

Clique em Salvar no cadastro.
Abra Atualizar no Catálogo quando a tela indicar.
Aguarde a conclusão da atualização.
Abra a página do produto como visitante.
Escolha uma cor e um tamanho que existam.
Repita com outra combinação e confirme a disponibilidade.

Salvar guarda a edição no painel. Atualizar leva o cadastro para a vitrine, quando essa etapa estiver disponível no fluxo do website.

Se a combinação não aparecer

Confira se a combinação foi realmente salva, se uma das opções não está desativada e se o produto foi atualizado. Depois, teste em uma janela anônima ou em outro navegador para evitar enxergar uma versão antiga da vitrine.

Se a loja vende cor e tamanho, mas só uma escolha aparece, revise o card Opções e atributos. Talvez a segunda característica tenha sido escrita na descrição, e não cadastrada como opção de compra.