{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-criar-um-produto","locale":"pt","slug":"como-criar-um-produto","path":"docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto.md","branch":"main","content":"A página **Novo Produto** possibilita criar produtos e suas respectivas variações de forma rápida e simples no Seller Portal. Para acessá-la no Admin VTEX, você deve entrar na página **Catálogo** > **Produtos** e clicar no botão `Criar produto`.\n\nPara que o produto seja criado como ativo na loja, você precisa manter selecionada a opção **Ativo** <i class=\"fas fa-toggle-on\"></i> no canto superior direito da página. Caso você queira criar um produto no modo inativo, clique no botão <i class=\"fas fa-toggle-on\"></i> e observe que a opção mudará para **Inativo**. É possível ativá-lo posteriormente pela página de edição do produto ou pela lista de produtos.\n\nO formulário de cadastro de um novo produto contém as seguintes seções:\n\n*   [Informações Básicas](#informacoes-basicas)\n*   [Operações e logística](#operacoes-e-logistica)\n*   [Descrição](#descricao)\n*   [Imagens](#imagens)\n*   [Atributos](#atributos)\n*   [Informações do SKU](#informacoes-do-sku)\n*   [Especificações](#especificacoes)\n*   [Variações](#variacoes)\n*   [SEO](#seo)\n*   [Frente de loja](#frente-de-loja)\n\n> ℹ️ Antes de criar um produto, você precisa criar a [Categoria](/pt/tutorial/cadastrando-categoria--tutorials_206?&utm_source=autocomplete) correspondente a esse produto, caso ela não tenha sido cadastrada anteriormente na sua loja.\n\n## Informações Básicas\n\nPrimeiro, você precisa preencher algumas informações básicas para começar a vender seu produto.\n\n*   **Nome do produto:** escrever o nome do produto. Use palavras simples e evite outros idiomas ou escrita complexa. Esse campo é importante para SEO e deve respeitar o limite de 150 caracteres. Campo obrigatório.\n*   **Marca:** selecionar uma marca já cadastrada na loja a partir de uma lista ou criar uma nova marca ou criar uma nova digitando o nome da marca. Campo obrigatório.\n*   **Categoria:** selecionar a categoria ou subcategoria relacionada ao produto a partir de uma árvore com as categorias e subcategorias já cadastradas na loja. Campo obrigatório.\n*   **Código de referência**: escrever código de referência único para ajudar na organização da sua loja.\n\n## Operações e logística\n\nNesta seção, você precisa adicionar pelo menos uma política comercial para ser aplicada ao produto. Também é possível selecionar uma estratégia de transporte para ele.\n\n* **Políticas comerciais:** selecionar as políticas comerciais a que o produto se destina, para definir em quais marketplaces o produto será disponibilizado. Campo obrigatório.\n* **Modal:** selecionar a estratégia de transporte do produto.\n\n## Descrição\n\nNesta etapa, você precisa escrever uma descrição das principais informações relacionadas ao produto. O texto deve ser um resumo simples e de fácil entendimento para o cliente. O editor de texto da descrição é rich text, ou seja, você pode utilizar diversos recursos de formatação utilizando a barra de ferramentas desse campo, ilustrada abaixo.\n\n![richtextdescription-PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_1.gif)\n\nVeja quais são os recursos disponíveis a partir da barra de ferramentas:\n\n* **Estilos:** definir o estilo do texto selecionado. As opções são: **Normal** e **Título 1** até **Título 6**.\n* **Tamanho da fonte:** alterar o tamanho da fonte do texto selecionado. Você pode optar por um valor de 10 a 36.\n* **Negrito:** formatar o texto selecionado em negrito.\n* **Itálico:** formatar o texto selecionado em itálico.\n* **Sublinhado:** sublinhar o texto selecionado.\n* **Alinhar à esquerda:** alinhar o texto selecionado à esquerda.\n* **Alinhar ao centro:** centralizar o texto selecionado.\n* **Alinhar à direita:** alinhar o texto selecionado à direita.\n* **Lista com marcadores:** transformar o texto selecionado em um item de uma lista com marcadores.\n* **Lista numerada:** transformar o texto selecionado em um item de uma lista numerada.\n* **Inserir link:** inserir um link no texto selecionado. Ao clicar neste botão, é necessário preencher as informações abaixo e, em seguida, clicar em `Salvar`.\n  * **Texto:** editar o texto que vai conter o link.\n  * **URL:** link ao qual o texto vai direcionar o usuário.\n  * **Abrir em uma nova aba:** selecionar se você deseja que, ao clicar no link, o usuário abra o link em uma nova aba do navegador. Não selecionar se o objetivo for que o usuário acesse o link na mesma aba.\n* **Código fonte:** exibe o código fonte da descrição que você escreveu, em HTML. Você pode editar a descrição diretamente pelo código fonte, se desejar. Para retornar à visão anterior, é necessário clicar novamente no botão referente ao código fonte.\n\n## Imagens\n\nPara adicionar imagens ao produto, siga o passo a passo abaixo:\n\n1. Clique no botão **Adicionar imagens** ou solte-as no espaço pontilhado.\n2. Insira todas as imagens do produto, incluindo suas variações, como cor e tamanho. As imagens devem estar no formato JPEG, PNG ou GIF, com até 5MB cada.\n\n> ⚠️ Recomendamos o uso de imagens com 600px ou mais, para que a exibição da imagem aconteça adequadamente na sua loja.\n\nVocê pode clicar em uma imagem e arrastá-la para antes ou depois das outras, caso deseje reorganizar as imagens e alterar a ordem de exibição na página do produto, conforme ilustrado abaixo.\n\n![imagens-sku-PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_2.gif)\n\nVocê pode alterar informações de cada imagem clicando no botão <i class=\"fas fa-ellipsis-v\"></i> na linha de cada uma, que abre um menu com opções a seguir.\n\n* **Editar descrição:** alterar a descrição (Alt text) da imagem. Essas informações ajudam deficientes visuais a interpretarem as imagens, além de serem relevantes para o SEO. Após editar a descrição, você precisa clicar em `Aplicar`.\n* **Excluir:** deletar a imagem. Ela será removida do produto e de todas as variações às quais está associada. Esta é uma ação definitiva e não pode ser desfeita. É necessário confirmar a operação clicando no botão `Excluir`.\n\n## Atributos\n\nOs atributos são informações complementares e opcionais sobre o seu produto. Exemplo: um dos atributos de um perfume pode informar que o tipo de aplicação é spray.\n\nPara adicionar um novo atributo, clique em `+ Adicionar`. Em seguida, preencha as informações a seguir no painel de atributos.\n\n* **Nome do atributo:** campo para inserir o nome do atributo. Exemplo: tipo de aplicação.\n* **Conteúdo:** campo para inserir o valor do atributo. Exemplo: spray.\n\nPara adicionar mais atributos, clique em `Adicionar atributo` e preencha os dados necessários.\n\nNo painel de atributos, você pode visualizar a Lista de atributos, que é um grupo de um ou mais atributos. Por padrão, quando você cria o primeiro atributo, ele é associado a esse grupo. Porém, se desejar, você pode renomear esse grupo e adicionar ou excluir outros grupos de atributos. Veja abaixo as ações possíveis.\n\n* **Botão** <i class=\"fas fa-ellipsis-v\"></i>**:**\n  * **Renomear:** renomear o grupo de atributos.\n  * **Excluir:** excluir o grupo de atributos e todos os atributos contidos nele.\n* **+ Adicionar grupo:** adicionar um novo grupo de atributos.\n\nExemplo: uma loja de cosméticos poderia configurar os grupos de atributos de um perfume da forma ilustrada abaixo.\n\n* Grupo 1 - Aroma\n  1. Família olfativa: floral, cítrico\n  2. Intensidade: moderada\n\n* Grupo 2 - Uso\n  1. Tempo de fixação: longo\n  2. Tipo de aplicação: spray\n\n![atributos-PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_3.gif)\n\nApós realizar as alterações desejadas no painel de atributos, clique em `Aplicar`.\n\nPara editar um atributo, selecione o atributo desejado na lista. Para deletar um atributo, posicione o cursor em cima do atributo desejado e clique no ícone <i class=\"fas fa-trash-alt\"></i>. Em um grupo com apenas um atributo cadastrado, caso você o delete, o grupo também será removido.\n\n## Informações do SKU\n\nTodo produto precisa ter pelo menos um [SKU](/pt/docs/tutorials/o-que-e-um-sku) cadastrado. Caso seu produto não possua variações e você deseje criar apenas um SKU associado a ele, preencha as informações abaixo diretamente:\n\n*   **Código de referência**: código de referência único criado para ajudar na organização da loja. Não é um item obrigatório.\n*   **EAN/UPC**: código de identificação único do SKU (código de barras), aceita até 13 caracteres numéricos.\n*   **Dimensões do pacote:**\n    *   **Peso:** campo para inserir o peso do pacote, em quilogramas. Campo obrigatório.\n    *   **Largura:** campo para inserir a largura do pacote, em centímetros. Campo obrigatório.\n    *   **Altura:** campo para inserir a altura do pacote, em centímetros. Campo obrigatório.\n    *   **Comprimento:** campo para inserir o comprimento do pacote, em centímetros. Campo obrigatório.\n\nSe você desejar criar mais de um SKU, de acordo com as variações possíveis do seu produto, opte por clicar no botão `+ Criar variações`.\n\n> ⚠️ Ao clicar em `+ Criar variações`, os campos que tiverem sido preenchidos em **Informações do SKU** serão apagados.\n\nO que diferencia os SKUs ou variações do produto entre si são as diversas combinações de especificações possíveis. Exemplo: ao criar o produto _tênis_ e configurar a especificação _cor_ com as opções _rosa_ e _azul_ e a especificação _tamanho_ com as opções _36_ e _37_, os SKUs serão as combinações dessas opções: _tênis rosa 36_, _tênis rosa 37, tênis azul 36_ e _tênis azul 37_.\n\nComo as especificações são pré-requisitos para a distinção entre SKUs, ao clicar no botão **+ Criar variações**, você será direcionado para a janela **[Criar especificações](#criar-especificacoes)**. \n\n## Criar especificações\n\nPara criar uma especificação de produto, você deve preencher as seguintes informações:\n\n*   **Nome da especificação**: escrever o nome da especificação que você deseja criar. Campo obrigatório. Exemplos: cor, tamanho.\n*   **Opções:** definir as opções possíveis referentes a essa especificação. Exemplo: rosa. Neste campo, você deve digitar as opções que desejar incluir. Ao terminar de digitar o nome da opção, tecle `enter` ou clique em **Criar “nome da opção” +** para prosseguir e criar outras opções no mesmo campo. Campo obrigatório.\n\nCaso deseje criar mais especificações, clique no botão **+ Adicionar Especificação** e preencha os novos campos. \n\nAo concluir a configuração de especificações, clique no botão **Criar**.\n\nDepois de realizar esse procedimento, as especificações criadas e suas respectivas opções ficam listadas na seção **[Especificações](#especificacoes)** e podem ser editadas posteriormente.\n\nAlém disso, a partir da combinação das opções criadas, a lista de SKUs possíveis é gerada automaticamente e exibida na seção **[Variações](#variacoes)**.\n\n![variacoes PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_4.png)\n\n## Especificações\n\nAs especificações que você criou e suas respectivas opções são listadas nesta seção.\n\nVocê pode alterar informações de cada especificação clicando no botão <i class=\"fas fa-pencil-alt\"></i> na linha de cada uma.\n\n> ℹ️ Depois de definir as configurações de especificações do produto, não é possível excluir uma especificação nem adicionar uma nova. Durante a edição, você pode apenas adicionar novos valores para a especificação existente.\n\nTambém é possível clicar no botão **+ Adicionar especificações** para incluir mais especificações.\n\nAo editar, excluir ou adicionar especificações nesta página, as variações do produto são automaticamente alteradas, excluídas ou criadas de acordo com a nova configuração.\n\n## Variações\n\nNesta seção, há uma lista com todas as variações do produto (SKUs) geradas automaticamente a partir das especificações e opções criadas.\n\nPara preencher as informações de cada variação, você pode clicar na seta (**>**) ou na linha da variação que deseja editar. Assim, os campos listados na seção [Informações do SKU](#informacoes-do-sku) serão exibidos para cada variação criada.\n\nAo clicar na seta (>), você pode visualizar e editar o **Nome** da variação e as demais informações correspondentes à variação. O botão `Edição avançada` permite acessar o painel de edição avançada de informações das variações do produto.\n\nAo clicar no botão <i class=\"fas fa-ellipsis-v\"></i>, é possível realizar as ações a seguir.\n\n* **Editar:** alterar as informações da variação na janela de **Edição avançada**.\n* **Editar imagens:** acessar o painel de edição de imagens, que permite as ações listadas abaixo. Após as alterações desejadas, é necessário clicar em `Salvar`.\n  * **Selecionar imagens:** selecionar as imagens correspondentes à variação. Para selecionar uma imagem, basta clicar nela. Caso queira selecionar todas as imagens de uma vez, você pode utilizar o atalho `Ctrl` + `A` no teclado.\n  * **Aplicar a múltiplas variações:** se desejar, você pode aplicar as imagens selecionadas a múltiplas variações. Para isso, clique em `Aplicar a múltiplas variações +` e selecione os valores  das especificações às quais a sua imagem se relaciona. Por exemplo: se a imagem é de um tênis bege, aqui você deve selecionar a opção `bege` da especificação `cor`. Com essa configuração, a imagem será aplicada a todas as variações cuja especificação `cor` tem o valor `bege`, independentemente de outras especificações configuradas, como `tamanho`. A imagem abaixo ilustra esse fluxo de configuração.\n\n![variações-PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_5.gif)\n\n  * **Adicionar imagens:** neste painel, também é possível fazer upload de novas imagens, clicando no botão `Adicionar imagens` ou soltando arquivos de imagem no espaço pontilhado.\n* **Desativar:** desativar a variação na sua loja. \n\n> ⚠️ Caso você adicione especificações após configurar as variações, todas as variações serão recalculadas e terão seus campos redefinidos.\n\n### Edição avançada\n\nO painel de edição avançada de variações, ilustrado abaixo, possibilita visualizar e editar todas as informações e imagens relacionadas a cada variação do produto. \n\n![edição avançada - PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_6.png)\n\nNa seção **Variações**, do lado esquerdo do painel, você encontra a lista de variações do seu produto. Para editar uma variação específica, é necessário clicar nela.\n\nPara que a variação selecionada esteja disponível na sua loja, é necessário manter a opção **Ativo** <i class=\"fas fa-toggle-on\"></i> selecionada no canto superior direito da página. Caso você queira desativar a variação, clique no botão <i class=\"fas fa-toggle-on\"></i> e observe que a opção mudará para **Inativo**.\n\n### Edição em massa\nPara editar uma grande quantidade de variações de uma única vez, é possível utilizar a funcionalidade de Edição em massa seguindo os passos abaixo.\n\n1. Clique no botão `Edição em massa` para abrir a planilha de edição de variações.\n2. Para editar uma informação da planilha, clique no campo que deseja alterar.\n![edicao-massa-SKU-PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_7.png)\n\nNa planilha é possível editar as seguintes informações:\n- **Ativo:** se a variação está ativa ou não.\n- **Nome:** nome da variação.\n- **Código de referência:** código de referência único criado para ajudar na organização da loja. \n- **Código do fabricante:** código do fabricante da variação. \n- **EAN/UPC:** código de identificação único do SKU (código de barras), aceita até 13 caracteres numéricos.\n- **Peso:** campo para inserir o peso do pacote, em quilogramas.\n- **Largura:** campo para inserir a largura do pacote, em centímetros.\n- **Altura:** campo para inserir a altura do pacote, em centímetros.\n- **Comprimento:** campo para inserir o comprimento do pacote, em centímetros.\n\nPara filtrar as colunas exibidas na planilha, clique em `Filtrar colunas` e selecione as colunas que deseja ocultar.\n\nVocê pode replicar a informação de uma célula para outras linhas e colunas. Para isso, clique no quadrado azul do canto inferior direito da célula e arraste para as células em que deseja replicar automaticamente o valor, como mostra a imagem abaixo.\n![Formatacao-celula-PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_8.gif)\n3. Após realizar a edição, clique em `Aplicar` para salvar as alterações.\n\n## SEO\n\nO preenchimento dos campos desta seção influenciam em como o produto será classificado em motores de busca, como o Google.\n\n* **URL do produto:** personalizar a URL pela qual será possível acessar o produto na loja. Neste campo, você não pode utilizar espaço nem caracteres especiais. Caso a URL seja composta por mais de uma palavra, você precisa separá-las com um `-`. Campo obrigatório.\n* **Título da página:** escrever o título da página do produto. Para otimizar a classificação do seu produto nos resultados de busca, o ideal é não ultrapassar 60 caracteres. Campo obrigatório.\n* **Meta descrição:** escrever a descrição do produto que vai aparecer em motores de busca. O Google mostra apenas os 160 primeiros caracteres desta descrição.\n\nAo preencher os campos de SEO, é possível conferir, à direita, a pré-visualização do produto nos resultados do Google. Veja um exemplo de preenchimento na imagem abaixo.\n\n![image9](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/sellers/seller-portal/como-criar-um-produto_9.png)\n\n## Frente de loja\n\nVocê pode configurar se o produto criado vai aparecer na sua loja nesta etapa, através das seguintes opções:\n\n*   **Visibilidade**\n    *   **Mostrar no site:** botão para ativar ou desativar a exibição do produto na loja. Caso o produto seja um brinde que não pode ser comprado, por exemplo, é importante desativar esta opção.\n    *   **Mostrar quando fora de estoque:** botão para ativar ou desativar essa função. Se ativada, o produto esgotado aparece na sua loja no formato de Avise-me — campo em que o cliente informa seu e-mail para ser avisado quando o produto estiver novamente disponível. Se a função for desativada, o produto não vai aparecer na loja quando estiver esgotado."}