São produtos onde você irá cadastrar as variações do mesmo modelo, como tamanho, cor e outras. Por exemplo: a venda de uma camiseta nos tamanhos P, M, G; nas cores preto, branco e cinza.
O produto com variações, também chamado de composto, tem o mesmo cadastro que para um produto simples (sem variações), em que você irá adicionar as informações gerais, porém para o produto com diferentes cores e/ou tamanhos, será necessário incluir todas as imagens das combinações e terá uma etapa a mais, o cadastro de “Variações”, e nela irá adicionar também o estoque e valor.
Veja abaixo como fazer:
1. Na plataforma da Loja HostGator, no menu lateral, clique em Produtos - Se necessário, veja como acessar a plataforma
2. Na tela “Produtos”, clique em Adicionar
3. Em “Adicionar produto”, veja em detalhes como fazer em cada etapa do cadastro:
- - -
Infos Principais
A) Disponível - marque a caixa de seleção para que o produto seja exibido na loja
B) Mostrar na vitrine - marque a caixa de seleção para o produto ser exibido na página inicial da loja
C) Pré-venda - marque a caixa de seleção para oferecer o produto antes do seu lançamento ou da sua produção
Ao marcar esta opção, selecione a Data final da Pré-venda
D) Lançamento - marque a caixa de seleção para que junto com o produto seja exibida a etiqueta “Lançamento”
Ao marcar esta opção, selecione a Data final do lançamento.
E) Categoria - caso já tenha criado as categorias, selecione em qual delas o produto será exibido ou para criar uma nova, clique no ícone + - Se desejar, veja como cadastrar e gerenciar categorias de produtos
F) Nome - informe o nome completo do produto - Ele será exibido aos clientes e será relevante para buscadores como o Google e o próprio campo de busca da loja
Atenção: Recomendamos que não insira símbolos, como aspas, vírgulas, porcentagem, entre outros.
G) SKU - é o código de identificação do produto. Ele é preenchido automaticamente - Se necessário, veja o que é SKU
H) Endereço do Produto - este é o link da página do produto (URL). Ele é preenchido automaticamente de acordo com o nome do produto - Caso deseje editar, clique no ícone de lápis
4. Após adicionar todas as informações, clique em Salvar - Você será direcionado para a etapa “Números”
- - -
Números
Atenção: Na etapa “Variações”, você irá configurar individualmente o estoque, valor e promoção para cada item e ao concluir o cadastro, a aba “Números” ficará desabilitada, por isso, não é necessário preencher.
5. Para passar para a próxima etapa do cadastro, clique na aba Imagens e Vídeo
- - -
Imagens e Vídeo
Nesta etapa você deve adicionar as imagens de todas as variações. Veja como inserir no seu produto:
6. Após adicionar, ao clicar em Salvar, você será direcionado para a etapa “Textos”
Atenção: Caso queira adicionar imagens junto com a descrição do produto, veja como fazer.
- - -
Textos
A) Descrição do Produto (Descrição resumida) - informe ao cliente as principais informações
B) Informações do Produto (Descrição completa) - adicione as informações detalhadas
C) Atributos Técnicos - são as especificações técnicas e que se repetem para o cadastro de outros itens, como tensão/voltagem, consumo, entre outros. Caso já tenha os atributos técnicos cadastrados, selecione o que corresponde ao produto - Se necessário, veja como cadastrar
D) SEO - para otimizar o posicionamento do produto nos mecanismos de busca, como o Google. Para configurar, clique no ícone + e preencha as informações - Se necessário, veja como fazer
7. Após adicionar todas as informações que deseja, clique em Salvar - Você será direcionado para a etapa “Infos Adicionais”
- - -
Infos Adicionais
A) Marca - caso já tenha cadastrado, selecione a que corresponde ou para adicionar uma nova, clique no ícone +. Essa informação é exibida ao cliente e ele pode usar o campo de busca da loja para localizar o produto pela marca - Caso não queira informar, deixe o campo em branco
B) Fornecedor - caso já tenha algum cadastrado, selecione o que forneceu o produto ou para adicionar um novo, clique no ícone +. Essa informação não é exibida na loja - Caso não queira informar, deixe o campo em branco
C) Situação do produto - selecione a condição atual do produto, se é Novo, Usado ou Recondicionado (Pode ser um produto novo, mas a garantia precisou ser acionada para conserto do item)
D) Faixa etária - selecione a faixa de idade do público-alvo do produto, se é recém-nascido (3 a 12 meses), infantil (1 a 5 anos) ou adulto
E) Gênero - selecione para qual grupo de pessoas o produto é indicado, se é Masculino, Feminino ou Unissex
F) Tipo de produto - selecione se o produto é físico ou um produto/serviço virtual - Para um item virtual, a loja não faz a cotação de frete
G) Origem - selecione a opção que define se é um produto nacional ou importado
H) ISBN - em inglês a sigla é "International Standard Book Number", em português significa “Padrão Internacional de Numeração de Livro”. Informe este código caso o produto seja um livro - O número geralmente fica na contracapa, acompanhado pela sigla ISNB
I) NCM - a sigla se refere à Nomenclatura Comum do Mercosul, ou seja, um código específico para cada mercadoria que circula entre os países do acordo Mercosul (Brasil, Argentina, Paraguai e Uruguai) - o código NCM contém 8 dígitos - Se necessário, veja como consultar o código
J) Código de barras - é uma informação obrigatória se haverá emissão da nota fiscal e para produtos que serão integrados com Marketplace ou com o Google Shopping, para ganhar relevância nos anúncios
K) Tempo de fabricação - caso a produção do produto seja iniciada a partir da confirmação da compra, informe o número de dias de fabricação - Este tempo é somado ao prazo de entrega do produto e exibido na cotação do frete
L) Data de validade do produto - selecione a data de validade do produto - Se o prazo for indeterminado, não é necessário preencher
M) Ordenação Manual na Página de Categoria - adicione um valor maior do que zero que será a ordem em que o produto aparecerá na página de categoria
N) Unidade de medida - usada para produtos vendidos por metro, como tecidos. Caso já tenha cadastrado as unidades de medida, selecione a qual corresponde ao seu produto - Se necessário, veja como cadastrar
O) Produtos relacionados - selecione os itens que são iguais ou similares para serem exibidos juntos na página do produto que está cadastrando
P) Tags - você pode usar as tags para exibir produtos em uma seção específica na vitrine e para direcionar o cliente a uma página com todos os produtos que possuem a tag vinculada - Veja como fazer
Perguntas customizadas
Caso o produto seja sob medida, artesanal ou customizável e o seu cliente precise adicionar as informações para personalizar, é necessário que você faça a configuração e depois nesta seção vincule ao produto - Veja como fazer
Condições adicionais da compra
Ao configurar essa funcionalidade, será exigido que os clientes leiam e aceitem as condições específicas deste produto antes de adicionar o item no carrinho de compras.
Isso é importante para produtos em pré-venda, produtos importados, entre outros, para garantir que os clientes estejam cientes de prazos e as informações essenciais para a compra.
Para configurar, veja como fazer
8. Após adicionar todas as informações que deseja, clique em Salvar - Você será direcionado para a última etapa “Variações”
- - -
Variações
9. Em “Nome da variação”, selecione a opção que deseja ou para adicionar uma nova, clique no ícone +
Para cadastrar uma variação, na modal que abrir, informe:
- A) Nome da combinação - é o nome da variação - Por exemplo: Cor
- B) Título da combinação - é a opção da variação - Por exemplo: Azul
- C) Em seguida, clique em Salvar
10. Em “Opções” é o nome do atributo. Por exemplo, se o nome da variação é “Cor”, os atributos serão as opções de cores, como “Amarelo, Branco, Azul”. Caso já tenha cadastrado, selecione todos os que correspondem a variação que selecionou acima
Para adicionar um novo atributo (que não consta na lista dos cadastrados), clique no ícone +
- A) Na modal que abrir, em “Nome da opção”, informe o que deseja cadastrar
- B) Em seguida, clique em Salvar
Atenção: Caso adicione um novo atributo (através do passo a passo acima) e ele represente uma “Cor”, na página do produto, nas opções de seleção, a tonalidade será exibida somente com o nome da cor. Para que o quadradinho seja conforme a cor, veja como fazer.
11. Para cadastrar outras variações do produto, como "Tamanho", clique em Adicionar outra variação. Em seguida, selecione o Nome e as Opções
Atenção: Um mesmo produto pode ter até 3 variações.
12. Na seção “Variação”, nos campos apresentados, adicione as informações:
- Código SKU - é o código de identificação do produto. Ele é preenchido automaticamente
- Estoque - informe a quantidade de cada variação que possui disponível para venda
- Valor Venda - caso o preço seja diferente de acordo com a variação, altere como deseja - Insira apenas números, sem o símbolo “R$”. Por exemplo: 39,90 / 59,90
13. Após adicionar todas as variações, clique em Salvar
14. Feito isso, para configurar as imagens de acordo com cada variação, clique no ícone de lápis (Editar)
15. Na tela “Editar Variações", desça a página até a seção Imagens - Serão listadas todas as imagens carregadas na aba “Imagens e Vídeos”
16. Veja abaixo como definir:
- Etapa 1: Imagem principal da variação
- Etapa 2: Imagens secundárias
- Etapa 3: Bloquear as imagens que não correspondem ao atributo da variação
- - -
Etapa 1: Imagem principal da variação
Na imagem que deseja que seja exibida como principal, clique e arraste até o campo “Imagem principal”
- - -
Etapa 2: Imagens secundárias
Na imagem que deseja que seja exibida como secundária, clique e arraste até a posição ao lado da imagem principal.
- - -
Etapa 3: Bloquear as imagens que não correspondem ao atributo da variação
Para que quando o cliente clicar na cor que ele deseja, sejam exibidas somente as imagens que correspondem a opção selecionada, você deve definir as quais não serão mostradas. Veja abaixo como fazer:
A) Na imagem que deve ser ocultada, passe o cursor do mouse sobre ela - As imagens que estão sendo exibidas têm o ícone verde (check)
Atenção: Caso as imagens estejam com o ícone vermelho (x) e não consiga ver a cor que correspondem, clique na imagem para ativá-la.
B) Será exibido o ícone de X, clique sobre ele
Atenção: Repita o procedimento em todas as imagens que deseja bloquear a exibição ao ser selecionada uma cor específica.
C) Em seguida, clique em Salvar
Você será direcionado para a aba de “Variações”, e todas as que foram cadastradas estão listadas. Acesse cada uma delas e defina as imagens que devem ser exibidas - Conforme o passo a passo acima.
Para ver como o produto está sendo exibido na loja com as variações cadastradas, clique em Ver Produto
- - -
Veja também como:
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário