Pular para o conteúdo principal
Centro de Apoio

Como Adicionar e Configurar um Produto na Jumpseller

O seu primeiro produto só precisa de seis decisões. Tome-as uma vez, em ordem, e ele está publicado — todo o resto neste guia é material de referência para consultar mais tarde, não algo para ler agora.

Este guia tem duas partes. A Parte 1 é o passo a passo de seis etapas para o seu primeiro produto. A Parte 2 é tudo o resto — detalhes de preços, campos personalizados, entrega digital, SEO — organizado por assunto, para você ir direto ao que precisa pelo índice quando chegar a hora.

Três exemplos que vamos usar ao longo do guia

Cada tipo de produto precisa de uma configuração diferente. Para deixar isso concreto, vamos acompanhar três exemplos bem diferentes em todas as seções deste guia:

  • Tênis — um produto físico com variantes (tamanho e cor), estoque real para controlar, e frete a calcular.
  • Um curso online — um produto digital: sem estoque, sem frete, apenas um arquivo ou link entregue depois da compra.
  • Um bolo personalizado — um produto feito sob encomenda com campos personalizados e opções que não geram variantes (uma mensagem personalizada, um sabor à escolha, uma data de entrega).

Sempre que um campo importar mais para um tipo de produto do que para outro, vamos indicar isso.

Antes de começar

Deixe três coisas prontas para não parar no meio do caminho: um nome, um preço e pelo menos uma foto. Todo o resto nos seis passos pode ser preenchido aos poucos.

Vá até Painel de Administração: Produtos > Todos os Produtos. Se você já tem produtos para trazer em massa em vez de um a um, use a importação por CSV — esse é um caminho separado dos seis passos abaixo.

Novo produto

Clique em “Adicionar Produto”, no canto superior direito.

Adicionar produto manualmente

Passo 1: Nome e preço

Decida essas duas coisas uma vez — um nome que os clientes realmente procurem, e um preço — e você não vai precisar mexer nisso até algo real mudar (um rebranding, um aumento de custo).

Todo anúncio de produto começa com um nome. É a primeira coisa que o cliente lê e o campo que mais influencia se o seu produto é encontrado, tanto na busca da sua própria loja quanto no Google.

Nome do produto

Um bom nome de produto é simples, relevante, único, descritivo e pensado para SEO. Ele deve ser fácil de lembrar e de pesquisar, dar uma ideia clara do que é o produto, diferenciá-lo da concorrência, e incluir as palavras que as pessoas realmente digitam quando procuram por ele. Veja por que cada princípio importa:

  • Mantenha simples: fácil de pronunciar, lembrar e pesquisar. A simplicidade ajuda os nossos algoritmos de aprendizado de máquina a categorizar o seu produto, melhorando a precisão do preenchimento automático e as buscas por proximidade.
  • Relevante: o nome deve sugerir o produto ou o seu principal benefício. Isso ajuda o cliente a entender e apoia o posicionamento e a busca semântica.
  • Único: que se diferencie da concorrência, e verifique se a marca já não está sendo usada.
  • Pense em SEO: se você vende online, nomes otimizados para SEO rankeiam melhor e melhoram a descoberta via preenchimento automático. Chame o seu produto do que os seus clientes chamam — se os clientes buscam “tênis de corrida”, não use apenas o nome interno do modelo no título.
  • Descritivo: nomes detalhados ajudam a classificar o seu produto com precisão e a gerar recomendações melhores.

Um bom título de e-commerce inclui a marca, o tipo de produto ou modelo, as principais características e qualquer atributo que ajude o cliente a decidir.

Bons nomes vs. maus nomes

Maus nomes:

  • Blusa — vago demais; sem marca, tamanho, cor ou material.
  • Blusa Azul Feminina com Paetês 100% Algodão - Em Promoção — longo demais, e “Em Promoção” é linguagem promocional que muda com o tempo e não deveria estar num título.
  • Produto1234 — uma referência interna não diz nada ao cliente (nem aos nossos algoritmos).

Bons nomes:

  • Nike Air Max 270 Masculino, Preto/Branco, Tamanho 42 — marca, modelo, gênero, cor e tamanho. Perfeito para o nosso exemplo do tênis.
  • Apple MacBook Pro 13 polegadas, 16GB RAM, 512GB SSD — marca, produto e as especificações que o diferenciam.
  • Lancôme La Vie Est Belle Eau De Parfum, 50ml — marca, produto, tipo e quantidade.

Aplicando aos nossos três exemplos: “Nike Air Max 270 — Tênis de Corrida Masculino”, “Curso Online Completo de Fotografia — Do Básico ao Avançado” e “Bolo de Aniversário Personalizado — Feito Sob Encomenda” dizem ao cliente e ao mecanismo de busca exatamente o que eles vão receber.

Um bom nome não só melhora a experiência do cliente, como também otimiza os nossos algoritmos de busca de produtos e recomendação.

Definindo o preço

Todo produto tem um Preço Unitário na seção Preços — o preço de venda atual. Você pode alterá-lo a qualquer momento pela página do produto, ou depois em massa em Produtos > Preços (visto na Parte 2, em Preço e custo).

Concluído quando:

  • O nome está definido, é específico e corresponde ao que os clientes buscam
  • O preço está definido

Passo 2: Imagens

Decida o conjunto de imagens uma única vez por produto: ângulos suficientes para o cliente não precisar adivinhar. Revise só se você fizer novas fotos.

Para cada produto você pode fazer upload de quantas imagens precisar. A primeira imagem (canto superior esquerdo) é a imagem principal e, dependendo do seu tema, a maior exibida.

imagem vazia

Para trocar a imagem principal, faça o upload dela e arraste-a para a primeira posição. Você pode reordenar toda a lista arrastando.

A fotografia faz um trabalho real de persuasão aqui, então capriche. Para o tênis, mostre vários ângulos, a sola, e o calçado em um pé para dar noção de escala. Para o curso, uma capa caprichada mais uma captura de tela das aulas tranquiliza o comprador de que há conteúdo de verdade por trás de um produto digital. Para o bolo, mostre vários modelos já prontos para os clientes conseguirem imaginar o próprio pedido. Mais adiante você vai ver que as variantes (como cada cor de tênis) também podem ter as suas próprias imagens.

Concluído quando:

  • Pelo menos uma imagem foi enviada
  • A imagem principal (canto superior esquerdo) é a melhor
  • Para produtos físicos: vários ângulos são mostrados

Passo 3: Categoria

Decida em qual categoria este produto se encaixa — existente ou nova — uma única vez. Todo produto precisa de pelo menos uma categoria para ser navegável e pesquisável.

Na página do produto, encontre o campo Categorias. Se a categoria já existir, selecione-a na lista. Se ainda não existir, clique em + Adicionar Categoria, dê um nome a ela e salve — você fica na página do produto o tempo todo.

Selecionar ou adicionar uma categoria

O gerenciamento de categorias — colocá-las no seu menu de navegação, reordená-las, seus permalinks — é explicado à parte em Gerenciar Categorias de Produtos. Você não precisa de nada disso para publicar o seu primeiro produto.

Concluído quando:

  • O produto está atribuído a pelo menos uma categoria

Passo 4: Estoque

Decida uma única vez como você vai controlar o estoque deste produto: uma contagem real, ou ilimitado (para itens sob encomenda ou digitais). Mude isso depois só se o próprio produto mudar — passar de Disponível para um modelo de estoque que antes você não tinha, por exemplo.

Todo produto e variante tem um campo Estoque, mostrado direto na página do produto (marque a caixa para definir uma quantidade ilimitada).

Um controle de estoque preciso garante que você sempre atenda a demanda sem vender além da conta. Isso importa para o tênis (unidades reais por tamanho/cor), mas não para o curso online — um produto digital não tem nada para contar.

Status do produto

Existem três status na Jumpseller:

  • Disponível — está na loja e pode ser adicionado ao carrinho.
  • Indisponível — visível, mas não pode ser comprado. Útil quando um produto está sem estoque e você precisa de tempo para repor, mas não quer perder o interesse do cliente (você ainda pode mostrá-lo, promovê-lo e receber pedidos de informação sobre ele).
  • Desativado — não aparece de jeito nenhum. Útil para produtos sazonais que você não quer divulgar o ano todo.
Status de novo produto

Concluído quando:

  • O estoque está definido (uma contagem real, ou marcado como ilimitado)
  • O status está em Disponível (ou, intencionalmente, em Indisponível / Desativado)

Passo 5: Tem variantes?

Decida isso uma única vez, e só se se aplicar: este produto existe em versões reais e separadas — tamanho, cor ou material diferentes, cada uma com o seu próprio estoque e possivelmente o seu próprio preço? O nosso exemplo do tênis tem (tamanho × cor). O curso online e o bolo personalizado não precisam desse passo — vá direto para o Passo 6.

Se sim: adicione uma Opção de Produto (desça até Opções do Produto ao adicionar ou editar o produto, clique em Adicionar Opções do Produto, escolha um tipo como Cor ou Opção). A mecânica completa, incluindo quais tipos de opção geram variantes e quais não geram, está na Parte 2, em Opções e variantes em detalhe.

Concluído quando:

  • Você decidiu se este produto precisa de variantes (a maioria não precisa)
  • Se sim: pelo menos uma opção foi adicionada com os seus valores

Passo 6: Publicar e conferir

Decida que terminou: o status é Disponível (definido no Passo 4), e nome, preço, imagem e categoria estão preenchidos. Salve o produto.

Depois feche o ciclo — não deixe isso como uma pendência na sua cabeça. Abra a sua loja e encontre o produto como um cliente faria: pela busca, ou navegando até a página da categoria dele. Confirme se o nome, o preço e a imagem principal estão certos.

Concluído quando:

  • O status do produto é Disponível
  • O produto foi salvo
  • Você verificou que ele está no ar na loja, encontrando-o como um cliente faria

Parte 2: Tudo o resto

O seu produto está no ar. Nada do que vem a seguir é leitura obrigatória — é material de referência para quando você precisar: controle de estoque mais avançado, campos personalizados, entrega digital, SEO, layout da página, e respostas para as dúvidas mais comuns. Use o índice para ir direto ao que você precisa.

Preço e custo

Na seção Preços de cada produto você define o preço de venda. Você pode gerenciar os preços um produto de cada vez, ou em massa em todo o seu catálogo em Produtos > Preços.

filtros de preços

A página de preços permite editar preços em massa, definir preços de comparação e controlar custos. Você pode filtrar a tabela por nome do produto, categoria ou filtro de produto (Com Estoque, Estoque Baixo, Sem Estoque, Recentes), e limpar todos os filtros com um clique.

Colunas de preços

colunas de preços

As colunas da tabela são Produto, Quantidade Mín., Preço Unitário, Comparar com Preço e Custo — você edita os valores editáveis direto na tabela, por produto:

  • Quantidade Mín. — relacionada aos níveis de Preços por Volume; para um produto padrão, fica em 1.
  • Comparar com Preço — um preço original ou de referência (tem que ser maior que o preço). Aparece riscado na sua loja, criando um desconto visual. Deixe em branco se você não estiver com um ativo.
  • Custo — o seu custo de compra ou de fabricação. Só é visível para você, e é usado para calcular a margem de lucro.

Atualizações de preço em massa

Para mudar vários produtos de uma vez:

  1. Selecione os produtos com as caixas de seleção na coluna mais à esquerda.
  2. Clique em Ações e escolha qual campo mudar — Preço, Comparar com Preço, ou Custo por unidade.

    campo em massa
  3. Escolha Definir como (o mesmo valor para todos), Aumentar em (uma porcentagem), ou Diminuir em (uma porcentagem).

    ação em massa
  4. Clique em Salvar, e depois limpe a seleção para recomeçar.

Comparar com Preço em detalhe

“Comparar com Preço” aumenta a transparência dos seus preços: mostra um preço de referência ao lado do seu preço real, dando ao cliente um contexto sobre o valor que ele está recebendo.

Preço de venda e Comparar com Preço em uma página de produto

Basta informar o preço de referência ao criar ou atualizar o produto.

Campos de entrada do Comparar com Preço

Para produtos com variantes — como cada tamanho/cor do tênis — o Comparar com Preço precisa ser adicionado a cada variante individualmente. Vá até a seção Variantes e selecione Mostrar Resultados Completos para a tela expandida.

Mostrar Resultados Completos na seção Variantes Comparar com Preço por variante

Se você tem um lote de preços de referência, importe-os. Note que, ao ordenar coleções, a Jumpseller prioriza o preço de venda real, não o Comparar com Preço.

Nota: Promoções se sobrepõem ao Comparar com Preço. Se um produto tiver uma promoção ativa e um Comparar com Preço, o desconto mostrado é calculado com base na promoção.

Exemplo: Comparar com Preço vs. Promoções

Cenário 1 — Só Comparar com Preço. Preço R$10, Comparar com Preço R$100. O sistema mostra R$10,00, mostra R$100,00, e calcula 90% OFF.

cenário 1 do comparar com preço

Cenário 2 — Promoção ativa + Comparar com Preço. Preço R$10, Comparar com Preço R$100, mais uma promoção de 15%. A promoção tem prioridade, o sistema ignora o Comparar com Preço, e mostra R$8,50 R$10,00 (15% OFF).

cenário 2 do comparar com preço

Campo de custo e margens de lucro

Na seção de preços você pode adicionar o preço de custo — o custo original de compra ou de produção.

Seção de custo no painel de administração

Isso só é visível para o dono da loja. Mostra a sua margem de lucro por produto. Para ver, vá em Painel de Administração > Analytics > Relatórios e confira a coluna Lucro (margem).

Seção de relatórios

Para produtos com variantes, informe o custo de cada uma em Mostrar Resultados Completos, na seção Variantes.

Custo por variante

Listas de Preços e Preços por Volume

No canto superior direito da página de Preços, Listas de Preços permite definir preços personalizados para categorias específicas de clientes — útil para B2B ou clientes fiéis. Saiba mais na documentação de B2B.

Preços por Volume oferece descontos escalonados de acordo com a quantidade, ajustando automaticamente o preço unitário conforme o cliente adiciona mais itens ao carrinho — ideal para atacadistas. (Disponível no Plano Avançado e superiores.) Saiba como configurar Preços por Volume.

Estoque em detalhe

Como os pedidos afetam o estoque

Todo pedido afeta automaticamente o estoque atual. O estoque muda de acordo com as transições do pedido:

  • De Novo para Pendente: o estoque é reduzido.
  • De Pendente para Pago: sem alteração de estoque.
  • De Pendente para Abandonado: o estoque volta ao inventário.
  • De Pendente/Pago para Cancelado: o estoque volta ao inventário.

Veja as alterações de estoque na parte de baixo de um pedido específico, ou clique no ícone de relógio ao lado do campo de uma variante para ver o histórico completo de estoque.

A aba Inventário

Produtos > Inventário é o seu painel central para o controle de estoque em massa. Você pode atualizar variantes individuais na lista, selecionar uma Localização (se o Inventário Multi-Localização estiver ativado), e rodar ações em massa para aumentar/diminuir unidades, limitar/tirar o limite de estoque, ou editar SKUs.

Limites de estoque baixo

Defina um nível mínimo para ser avisado antes de acabar:

  1. Vá em Produtos > Inventário.
  2. Clique no ícone de cadeado ao lado da coluna Limite e insira um valor.
  3. Para receber e-mails, vá em Geral > E-mails e ative o “E-mail de Estoque Baixo” em E-mails do Administrador.

Atualizando o inventário em massa via CSV (recomendado)

Para catálogos grandes ou mudanças de estoque frequentes, o CSV especializado de Inventário é bem mais rápido do que a importação de produtos principal — ele é otimizado só para níveis de estoque.

  1. Exportar: Vá em Produtos > Inventário e clique em Exportar.
  2. Identificar: O CSV inclui Permalink, Nome do Produto e Propriedade da Opção do Produto para identificar cada variante, seguido de uma coluna por Localização.
  3. Editar estoque: Atualize os números nas colunas de localização. Esse CSV só muda o estoque — você não pode criar produtos nem mudar nomes/SKUs por aqui.
  4. Importar: Salve como CSV (UTF-8) e faça o upload em Importar na página de Inventário.

Dica: Se você usa Excel, mantenha os seus dados em um arquivo .xlsx e use o Google Sheets para o passo final de “Salvar como CSV”, para garantir uma codificação correta.

Outras formas de atualizar o inventário

  • Aba Inventário — ajustes manuais rápidos ou ações em massa.
  • Importação por CSV — atualizações de alta frequência e catálogos grandes.
  • Programático — a API da Jumpseller ou Webhooks para integrações automatizadas com o seu ERP.
  • Terceiros — o app do Zapier para sincronizar com o Google Sheets.

Opções e variantes em detalhe

As Opções do Produto permitem oferecer variações — cor, tamanho, material — que geram variantes, cada uma com o seu próprio SKU, preço, estoque, peso e imagens. É o coração do exemplo do tênis: uma grade tamanho × cor onde cada combinação é uma variante real e contável.

Página do produto

Para adicionar uma opção, desça até Opções do Produto ao adicionar ou editar um produto, clique em Adicionar Opções do Produto, e escolha o tipo:

Opções do produto

Tipos de opção e valores

Opções expandidas
  • Cor — o cliente vê uma paleta de cores e uma prévia antes de comprar. Gera variantes com o seu próprio estoque e preço.

  • Opção — por exemplo Tamanho: pequeno, médio, grande. Gera variantes com o seu próprio estoque e preço.
  • Campo de texto e Área de texto — o valor funciona como texto de exemplo. Usado para produtos personalizáveis (a mensagem personalizada do nosso bolo).
  • Arquivo — sem valor; permite que o cliente faça upload de um arquivo para personalizar o produto.
  • Lista de verificação — oferece complementos opcionais com um custo extra (por exemplo, embalagem para presente) sem criar novas variantes. Veja Complementos de Produto.

Exemplos

  1. Opção — o cliente escolhe entre valores fixos (tamanhos P/M/G, cores azul/branco/preto para o tênis).
  2. Campo de texto — o cliente digita um texto curto personalizado (o nome a ser gravado no bolo).
  3. Área de texto — o cliente escreve uma mensagem personalizada mais longa.
  4. Arquivo — o cliente faz upload de uma imagem para personalizar o produto.

Depois de adicionar as suas opções, clique em Salvar. Veja como fica na loja:

Opções do produto na página do produto

Atributos no nível da variante

Cada variante pode ter o seu próprio preço, atrelado ao seu estoque. Se você tivesse menos tênis rosa em estoque e quisesse uma margem maior por causa da escassez, poderia subir o preço dessa variante de R$65 para R$70. O preço da variante aparece quando o cliente seleciona aquele conjunto de atributos; as páginas de categoria mostram o preço principal.

Atributos das variantes

Imagens das variantes

Há duas formas de associar imagens às variantes. Primeiro, a opção Escolher ou Arrastar um Arquivo Aqui, ao lado das imagens do produto — faça o upload e depois escolha a qual variante a imagem pertence (por exemplo, a camiseta branca de tamanho pequeno).

Imagens de variantes

Segundo, clique no pequeno ícone de imagem ao lado de uma variante específica e escolha entre as imagens que você já enviou.

Imagem de variante

Quer oferecer extras pagos opcionais, como embalagem para presente ou garantias estendidas, sem criar novas variantes? Confira Complementos de Produto.

Por que não consigo adicionar mais variantes?

Se você receber um erro ao adicionar variantes, é porque atingiu o limite de 100 variantes por produto. Esse limite não pode ser aumentado em nenhum plano.

Mostrando opções que não geram variantes

Normalmente cada variante tem o seu próprio estoque. Mas às vezes isso não faz sentido — como o sabor do bolo, ou uma camiseta básica em que se escolhe de que lado fica uma estampa. Se você tem 10 camisetas, é errado dizer “5 com estampa na frente, 5 com estampa nas costas”: a posição só é definida quando o cliente escolhe, não antes.

Para exibir uma opção sem um valor de estoque por variante:

  1. Adicione uma opção de produto do tipo Área de Texto; dê um nome a ela (por exemplo, “Posição da Estampa”) e adicione os valores Frente, Costas. Clique em Salvar.
  2. Vá em Temas > Editor de Código e abra Produto > Default.

Encontre esse trecho (use Ctrl+F):

{% elsif option.type == 'text' %}

Logo abaixo, escreva (substitua “Posição da Estampa” pelo nome da sua opção):

{% elsif option.type == 'text' %}
{% unless option.name == 'Posição da Estampa'%}

Depois do bloco <div class="field-group">…</div>, escreva:

{%else%}
	{% assign custom_options = option.values.first.name | split: "," %}
	<select>
	{% for value in custom_options %}
	<option> {{value}}</option>
	{%endfor%}
	</select>

{%endunless%}

Que fica assim:

exibição ao vivo do novo código

Você também pode conferir a documentação de templates Liquid.

Campos personalizados

Os Campos Personalizados guardam informações extras sobre um produto que não geram uma variante. Uma camiseta pode ter vários tamanhos (variantes), mas só uma marca (campo personalizado). Para o nosso bolo, campos como “ocasião” ou “alergênicos” são perfeitos — descritivos, mas não algo para o qual você precisa de estoque próprio.

Os campos personalizados aparecem de um jeito um pouco diferente em cada tema. No Mega Theme:

Campos Personalizados, Mega Theme

No Simple Theme:

Campos Personalizados, Simple Theme

Tipos de campos personalizados

  • Campo de Texto — texto informativo curto.
  • Texto — texto informativo mais longo.
  • Seleção — o mais versátil; pode ser usado como filtro de produto.

Uso avançado: Campos personalizados podem impulsionar funcionalidades extras no código. Por exemplo, uma lista de seleção “Regiões” poderia mostrar um ícone de bandeira na página do produto de acordo com a região escolhida. Saiba como usar campos personalizados em snippets.

Exemplos de Campos Personalizados

Adicionando campos personalizados

Clique em Adicionar Campos Personalizados, e depois em Gerenciar Campos para abrir o gerenciador de Campos Personalizados. Lá você adiciona um Rótulo, escolhe um Tipo, e define a Visibilidade (se ele aparece ou não na página do produto). O gerenciador lista todos os campos compartilhados em toda a sua loja.

Adicionar campo personalizado

Se for um campo de Seleção, adicione os seus valores:

Adicionar valores a um campo de Seleção

Campos personalizados e variantes

Você pode associar variantes a campos personalizados. Campo de Texto e Texto se aplicam a todas as variantes automaticamente. Um campo de Seleção pode ser detalhado por variante (por padrão, se aplica a todas). Como um campo de seleção pode ter vários valores, você pode adicioná-lo até n vezes (n = número de opções de valor disponíveis).

Interface de Campos Personalizados

No exemplo abaixo, quando “Modelo” é adicionado uma vez, as quatro opções ficam disponíveis; adicione-o uma segunda vez e “Mini” (já usado) deixa de aparecer.

Opções de valor de Campos Personalizados Opções de valor de Campos Personalizados 2

Exemplo avançado: um seletor de data/hora para pedidos agendados

O nosso bolo precisa de uma data de entrega, e um curso pode precisar de uma data de sessão. Você pode adicionar um seletor de data/hora personalizável com a biblioteca JavaScript Flatpickr para que os clientes agendem pedidos dentro das regras do seu negócio (feriados, horário de funcionamento).

Use JavaScript com responsabilidade: implementar JavaScript personalizado sem conhecimento técnico pode causar problemas de segurança e de experiência do usuário. Recomendamos buscar ajuda de desenvolvedores web profissionais.

Requisitos — adicione o CSS e o JS do Flatpickr no head do seu Template de Layout:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

Uso — crie uma opção de produto do tipo Campo de Texto chamada Date (esse campo fica escondido). Depois adicione um campo de seleção ao seu template de produto (compatível com qualquer tema baseado em Bootstrap):

<div class="col-12 col-md-6">
<label for="datetimepicker" class="form-control-label">Selecione a data</label>
<input type="text" id="datetimepicker" name="datetimepicker">
</div>

O código — isso esconde o rótulo Date, define uma data mínima com base na hora atual, bloqueia feriados e domingos, restringe ao horário comercial, e escreve o valor escolhido no campo escondido Date:

<script>
// Esconde o input que contém o rótulo Date
document.addEventListener("DOMContentLoaded", function() {
    const labels = document.getElementsByTagName("label");
    for (const label of labels) {
        if (label.textContent.trim() === "Date") {
            const containingDiv = label.parentElement;
            if (containingDiv) {
                containingDiv.style.display = "none";
            }
        }
    }
});

// Pega a data e a hora de hoje
var today = new Date();
var currentHour = today.getHours();
var currentMinute = today.getMinutes();

// Calcula a data mínima com base na hora atual
var minDate;
if (currentHour >= 17) {
    minDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 2);
} else {
    minDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
}

// Define as datas de feriado a serem bloqueadas
var holidays = [
    "2022-09-16",
    "2022-11-19",
    "2022-12-24"
];

// Inicializa o seletor de data e hora Flatpickr com o idioma português e segunda-feira como primeiro dia da semana
flatpickr("#datetimepicker", {
    enableTime: true, // Ativa a seleção de hora
    dateFormat: "Y-m-d H:i:S", // Define o formato de data e hora
    time_24hr: true, // Usa o formato de 24 horas
    minDate: minDate, // Define a data mínima selecionável
    disable: [
        function(date) {
            // Desativa os domingos
            return date.getDay() === 0;
        }
    ].concat(holidays), // Desativa domingos e as datas de feriado indicadas
    minTime: "09:00", // Define o início do horário comercial
    maxTime: "18:00", // Define o fim do horário comercial
    hourIncrement: 1, // Define o incremento de hora em 1
    weekNumbers: true, // Mostra os números da semana
    locale: { // Define o idioma português e traduz dias e meses
        firstDayOfWeek: 1,
        weekdays: {
            shorthand: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
            longhand: [
                "Domingo",
                "Segunda-feira",
                "Terça-feira",
                "Quarta-feira",
                "Quinta-feira",
                "Sexta-feira",
                "Sábado"
            ]
        },
        months: {
            shorthand: [
                "Jan", "Fev", "Mar", "Abr", "Mai", "Jun",
                "Jul", "Ago", "Set", "Out", "Nov", "Dez"
            ],
            longhand: [
                "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho",
                "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"
            ]
        }
    },
    onChange: function(selectedDates, dateStr, instance) {
        // Atualiza o input escondido com a data escolhida quando ela muda
        $("label:contains('Date') + div input").val(dateStr);
    }
});
</script>

Descrição e principais características

É aqui que fica a maior parte do seu conteúdo persuasivo. O objetivo é ajudar o cliente a saber exatamente o que esperar (o que reduz devoluções), a decidir se o produto atende às necessidades dele, e a responder às perguntas dele antes de ele precisar perguntar.

Descrição

O nosso editor de descrições permite enriquecer os anúncios com HTML, widgets, arquivos e muito mais. É opcional, mas melhora bastante o apelo e a clareza de um anúncio.

Descrição do produto

Descrições de produto com IA

Construída sobre o ChatGPT, a nossa IA generativa parte de informações básicas (nome, categorias, uma breve descrição) e produz descrições únicas, otimizadas para SEO.

Nota: Disponível para assinantes do plano Plus e superiores.

Descrição de produto com IA

A IA traz escalabilidade (catálogos grandes), consistência (tom uniforme), otimização de SEO, e criatividade. Para os melhores resultados: dê informações detalhadas, conheça o seu público-alvo, mantenha a voz da sua marca, destaque as principais características, inclua palavras-chave de SEO, e sempre revise e edite o resultado.

Propriedades

A seção Propriedades serve para identificar o produto: adicione um SKU, Marca, Código de Barras (por exemplo, GTIN, UPC), e a Categoria de Produto do Google (usada para o Google Shopping e a integração com o Facebook). O preço fica na seção Preços e o estoque na seção Estoque, ambas já explicadas acima.

propriedades

Destacado

Marque um produto como Destacado para exibi-lo em destaque — por exemplo, no slide da sua página inicial — dependendo do seu tema.

Destacado

Condições de compra

Adicione uma quantidade Mínima ou Máxima necessária para concluir uma compra.

condições de compra
  • A quantidade mínima serve para casos em que a margem depende de vender uma certa quantidade de unidades.
  • A quantidade máxima serve para produtos de edição limitada, para desestimular cambistas.

A quantidade mínima e máxima se aplicam no nível do produto — se um produto tiver variantes, os limites se aplicam a todas elas. Não é possível defini-las por variante.

Se um comprador não atender ao requisito, ele não consegue avançar, e uma pequena mensagem explica o que é necessário.

exemplo de quantidade mínima página de produto com condição

“Disponível para Orçamento”

Ative essa opção para mostrar um botão de “Orçamento” na página do produto, esteja o item em estoque ou não.

disponível para orçamento botão de orçamento

O cliente reúne vários produtos, ajusta quantidades e envia um formulário de pedido de orçamento, que chega no seu e-mail de contato com todos os detalhes do produto — ajudando você a responder mais rápido e a fechar mais vendas.

Produtos digitais

Se você vende produtos digitais — e-books, softwares, música, ou o nosso curso online — defina o Tipo de Produto como Digital ou Serviço (a opção ao lado de “Físico”). Isso substitui os campos de frete por um upload de arquivo, para que você anexe arquivos privados entregues ao cliente só depois da compra.

Para adicionar um produto digital, por exemplo um e-book:

  1. Vá em Produtos > Todos os Produtos e clique em Adicionar Produto.

    Adicionar produto digital passo 1
  2. Adicione o nome e a descrição do produto, e opcionalmente uma categoria.

    Adicionar produto digital passo 2
  3. Adicione uma imagem do lado direito.

    Adicionar produto digital passo 3
  4. Adicione as Propriedades. Sem opções de produto, você define o SKU e o Estoque aqui; com opções, você define por opção.

    Adicionar produto digital passo 4
  5. Na seção Tipo de Produto, selecione Digital ou Serviço.

    Adicionar produto digital passo 5
  6. Escolha ou arraste um arquivo para fazer o upload, ou informe um link externo para o arquivo.

    Adicionar produto digital passo 6
  7. Se quiser, adicione variantes ligadas a arquivos — por exemplo, o curso em português e em inglês — e escolha a qual variante cada arquivo se aplica.

    Variantes de produto digital Seleção de arquivo de produto digital
  8. Pronto — o produto fica visível no seu Painel de Administração e na sua loja.

    Adicionar produto digital passo 8

Como o comprador recebe

  • Página de sucesso — a página para onde ele vai logo após a compra, onde o produto pode ser baixado.

    Página de sucesso
  • E-mail — depois que o pedido é feito e pago, um e-mail é enviado com o link de download.

    Download pelo e-mail

Segurança

Você tem controle total sobre o seu produto. Defina um número máximo de downloads e um número máximo de dias em que os clientes podem baixá-lo: vá em Configurações > Checkout > Produtos Digitais.

Resumo de segurança

Nota: Essas configurações se aplicam só a arquivos que você faz upload diretamente. Para links externos, gerenciar o prazo de validade e os limites de download é responsabilidade sua.

Frete e anexos

Frete

Para produtos físicos como o tênis, edite as propriedades de frete — formato da embalagem, peso, largura, altura e comprimento. Esses valores são usados para estimar o custo de frete no checkout. Para produtos digitais não há frete; você só faz upload de um arquivo.

frete físico frete digital

Anexos

Se você tem informações extras em um arquivo externo (por exemplo, um guia de cuidados ou uma ficha técnica em PDF), faça o upload dele aqui e ele aparece como uma opção para download na página do produto — um ótimo gerador de confiança.

anexo

SEO e meta tags

A sua loja já é otimizada para SEO, mas você ainda precisa adicionar os dados que o Google usa para indexar bem cada página. Na seção Pré-visualização do Resultado de Pesquisa, clique em Ativar edição e defina o Título da Página, a Meta Descrição, e a URL.

seo editar seo

O SEO de uma página de produto se resume a alguns fundamentos:

  • Palavras-chave — chame o seu produto do que os seus clientes chamam. Se os clientes buscam “tênis de corrida”, inclua isso no título em vez de usar só um nome interno de modelo.
  • Conteúdo — garanta que o texto da página realmente responda à pergunta de quem está pesquisando, em um formato que o Google consiga ler (descrições para imagens, transcrições para vídeo).
  • Engajamento — uma página que retém os visitantes (eles não voltam para o Google) rankeia melhor. Boas fotos, opções claras e respostas completas ajudam nisso.
  • Links — links vindos de imprensa, blogs, parceiros, fornecedores e avaliações, apontando para essa página com um bom texto âncora, colocam você acima da concorrência.
  • Atualização — onde a demanda é pelo mais novo e melhor, atualize a página regularmente com a informação mais relevante.

Personalize a aparência da sua página de produto

Os campos acima controlam o que uma página de produto contém. Como ela se parece — o layout, a ordem das seções, e quais componentes aparecem — é controlado pelo template de Produto do seu tema, no Editor Visual.

  1. Vá em Painel de Administração > Temas e clique em Editar no tema aplicado para abrir o Editor Visual.
  2. No topo, abra o seletor de template (ele mostra a página que você está pré-visualizando, por exemplo “Pré-visualizando Início”) e escolha Produto.
  3. A sua página de produto é renderizada na prévia ao vivo. Na barra lateral esquerda, clique em qualquer componente para abrir as suas configurações, arraste componentes para reordená-los, ou use Adicionar Componente para adicionar um novo.
  4. Clique em Salvar quando estiver satisfeito com o resultado.
Editando o template de Produto no Editor Visual

Para o passo a passo completo — configurações do tema, o gerenciador de templates e todas as opções de cada componente — veja o guia do Editor Visual de Temas. Para personalizar a página com código, veja Liquid HTML para produtos.

Como melhorar a sua página de produto

Todos esses campos parecem ótimos — mas como saber quais priorizar? Você pergunta, e testa.

Converse com os seus clientes: pessoas que já compraram de você, pessoas que se encaixam no seu público-alvo mas ainda não compraram, e pessoas que compraram de um concorrente em vez de você. Peça para elas olharem a página e falarem em voz alta cada dúvida e questão que vier à cabeça. Você vai reparar que as mesmas preocupações aparecem sempre — e são exatamente essas coisas que você deve responder na sua descrição, imagens e opções.

Depois teste mudanças com uma ferramenta em que você confie. Mas não perca tempo ajustando a cor de um botão ou trocando uma única foto se o problema real é a página não ter respondido às perguntas essenciais do cliente. Formule uma hipótese sobre o que está impedindo as pessoas de comprar — baseada em pesquisa real — e resolva isso.

Fazer isso de forma consistente é o que constrói uma página de produto forte ao longo do tempo.

Funcionalidades avançadas

Depois que o básico está definido, esses recursos levam uma página de produto mais longe. Cada um tem o seu próprio guia:

Perguntas frequentes

Como faço a gestão do estoque dos meus produtos? Edite o estoque no seu Painel de Administração para um controle simples, ou para catálogos grandes use a Importação/Exportação por CSV (exporte primeiro, edite sem mudar a estrutura do arquivo, e faça o upload de novo). Veja Estoque acima para o fluxo completo.

Como eu adiciono um vídeo ao meu produto? Incorpore ele na descrição:

  1. Copie o código de incorporação do YouTube ou do Vimeo.
  2. Vá até a página de detalhes do seu produto.
  3. Clique em Adicionar Vídeo:
adicionar vídeo

Comece a sua jornada com a gente!

Comece seu teste grátis de 7 dias. Sem necessidade de cartão de crédito.