Saltar para o conteúdo principal
Centro de Suporte

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 fica publicado — tudo o resto neste guia é material de referência a que recorre mais tarde, não algo para ler agora.

Este guia tem duas partes. A Parte 1 é o percurso de seis passos para o seu primeiro produto. A Parte 2 é tudo o resto — detalhes de preços, campos personalizados, entrega digital, SEO — organizado por tema, para ir diretamente ao que precisa a partir do índice quando chegar a altura.

Três exemplos que vamos usar ao longo do guia

Cada tipo de produto precisa de uma configuração diferente. Para tornar isto concreto, vamos seguir três exemplos bem distintos ao longo de todas as secções deste guia:

  • Ténis — um produto físico com variantes (tamanho e cor), stock real a controlar, e envio a calcular.
  • Um curso online — um produto digital: sem stock, sem envio, apenas um ficheiro ou link entregue após a compra.
  • Um bolo personalizado — um produto feito por 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 for mais relevante para um tipo de produto do que para outro, vamos assinalá-lo.

Antes de começar

Tenha três coisas prontas para não parar a meio do processo: um nome, um preço e pelo menos uma fotografia. Pode preencher tudo o resto ao longo dos seis passos.

Vá a Painel de Administração: Produtos > Todos os Produtos. Se já tiver produtos para importar em massa em vez de um a um, use a importação por CSV — é um caminho à parte dos seis passos abaixo.

Novo produto

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

Adicionar produto manualmente

Passo 1: Nome e preço

Decida estas duas coisas uma vez — um nome que os clientes realmente procurem, e um preço — e não vai precisar de os rever até algo real mudar (um rebranding, um aumento de custos).

Toda a ficha de produto começa com um nome. É a primeira coisa que um cliente lê e o campo que mais influencia se o seu produto é encontrado, tanto na pesquisa da sua própria loja como no Google.

Nome do produto

Um bom nome de produto é simples, relevante, único, descritivo e pensado para SEO. Deve ser fácil de memorizar e de pesquisar, dar uma ideia clara do que é o produto, distingui-lo da concorrência, e incluir as palavras que as pessoas realmente escrevem quando o procuram. Eis porque cada princípio importa:

  • Mantenha-o simples: fácil de pronunciar, memorizar e pesquisar. A simplicidade ajuda os nossos algoritmos de aprendizagem automática a categorizar o seu produto, melhorando a precisão do preenchimento automático e as pesquisas por proximidade.
  • Relevante: o nome deve sugerir o produto ou o seu principal benefício. Isto ajuda o cliente a compreender e apoia o posicionamento e a pesquisa semântica.
  • Único: que se distinga da concorrência, e verifique se a marca já não está a ser utilizada.
  • Pense no SEO: se vende online, os nomes otimizados para SEO posicionam-se melhor e melhoram a descoberta via preenchimento automático. Chame ao seu produto o que os seus clientes lhe chamam — se os clientes pesquisam “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 melhores recomendações.

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

Bons nomes vs. maus nomes

Maus nomes:

  • Camisola — demasiado vago; sem marca, tamanho, cor ou material.
  • Top Azul para Mulher com Lantejoulas 100% Algodão - Em Saldo — demasiado longo, e “Em Saldo” é linguagem promocional que muda com o tempo e não deve constar de um título.
  • Produto1234 — uma referência interna não diz nada ao cliente (nem aos nossos algoritmos).

Bons nomes:

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

Aplicado aos nossos três exemplos: “Nike Air Max 270 — Ténis de Corrida para Homem”, “Curso Online Completo de Fotografia — De Principiante a Profissional” e “Bolo de Aniversário Personalizado — Feito por Encomenda” dizem ao cliente e ao motor de busca exatamente o que vão receber.

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

Definir o preço

Todo o produto tem um Preço Unitário na secção Preços — o preço de venda atual. Pode alterá-lo a qualquer momento a partir da página do produto, ou mais tarde em massa a partir de 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 pesquisam
  • O preço está definido

Passo 2: Imagens

Decida o conjunto de imagens uma única vez por produto: ângulos suficientes para que o cliente não tenha de adivinhar. Reveja apenas se voltar a fotografar.

Para cada produto pode carregar tantas imagens quantas precisar. A primeira imagem (canto superior esquerdo) é a imagem principal e, dependendo do seu tema, a maior a ser exibida.

imagem vazia

Para mudar a imagem principal, carregue-a e arraste-a para a primeira posição. Pode reordenar toda a lista arrastando.

A fotografia faz aqui um trabalho de persuasão real, por isso torne-a abrangente. Para os ténis, mostre vários ângulos, a sola, e o sapato calçado para dar noção de escala. Para o curso, uma capa cuidada mais uma captura de ecrã das aulas tranquiliza o comprador de que há substância por trás de um produto digital. Para o bolo, mostre vários designs já terminados para que os clientes possam imaginar o seu. Mais adiante 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 carregada
  • A imagem principal (canto superior esquerdo) é a melhor
  • Para produtos físicos: vários ângulos são mostrados

Passo 3: Categoria

Decida a que categoria este produto pertence — existente ou nova — uma única vez. Todo o 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 pendente. Se ainda não existir, clique em + Adicionar Categoria, dê-lhe um nome e guarde — permanece na página do produto o tempo todo.

Selecionar ou adicionar uma categoria

A gestão de categorias — colocá-las no seu menu de navegação, reordená-las, os seus permalinks — é explicada em separado em Gerir Categorias de Produtos. 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: Stock

Decida uma única vez como vai controlar o inventário deste produto: uma contagem real, ou ilimitado (para artigos feitos por encomenda ou digitais). Altere isto mais tarde apenas se o próprio produto mudar — passar de Disponível para um modelo de stock que antes não tinha, por exemplo.

Todo o produto e variante tem um campo Inventário em Stock, visível diretamente na página do produto (assinale a caixa para definir uma quantidade ilimitada).

Um controlo de stock preciso garante que consegue sempre satisfazer a procura sem vender a mais. Isto importa para os ténis (unidades reais por tamanho/cor), mas não para o curso online — um produto digital não tem nada para contar.

Estado do produto

Existem três estados 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 stock e precisa de tempo para o reabastecer, mas não quer perder o interesse dos clientes (ainda pode mostrá-lo, promovê-lo e receber pedidos de informação sobre ele).
  • Desativado — não é apresentado de todo. Útil para produtos sazonais que não quer promover durante todo o ano.
Estado de novo produto

Concluído quando:

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

Passo 5: Tem variantes?

Decida isto 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 stock e possivelmente o seu próprio preço? O nosso exemplo dos ténis tem (tamanho × cor). O curso online e o bolo personalizado não precisam deste passo — avance diretamente 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 que tipos de opção geram variantes e quais não geram, está na Parte 2, em Opções e variantes em profundidade.

Concluído quando:

  • 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 verificar

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

Depois feche o ciclo — não o deixe como uma questão em aberto na sua cabeça. Abra a sua loja e encontre o produto como um cliente o faria: por pesquisa, ou navegando até à página da sua categoria. Confirme que o nome, o preço e a imagem principal têm bom aspeto.

Concluído quando:

  • O estado do produto é Disponível
  • O produto está guardado
  • Verificou que está ativo na loja, encontrando-o como um cliente o faria

Parte 2: Tudo o resto

O seu produto está publicado. Nada do que se segue é leitura obrigatória — é material de referência para quando precisar: controlo de stock mais avançado, campos personalizados, entrega digital, SEO, esquema de página, e respostas a perguntas frequentes. Use o índice para ir diretamente ao que precisa.

Preço e custo

Na secção Preços de cada produto define o preço de venda. Pode gerir os preços um produto de cada vez, ou em massa em todo o seu catálogo a partir de 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. Pode filtrar a tabela por nome do produto, categoria ou filtro de produto (Com Stock, Stock Baixo, Sem Stock, 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 — pode editar os valores editáveis diretamente na tabela, por produto:

  • Quantidade Mín. — relaciona-se com os níveis de Preços por Volume; para um produto normal mantém-se em 1.
  • Comparar com Preço — um preço original ou de referência (tem de ser superior ao preço de venda). Aparece riscado na sua loja, criando um desconto visual. Deixe em branco se não estiver a aplicar um.
  • Custo — o seu custo de compra ou de fabrico. Só é visível para si, e é usado para calcular margens de lucro.

Atualizações de preço em massa

Para alterar vários produtos de uma vez:

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

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

    ação em massa
  4. Clique em Guardar, 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 aos clientes contexto sobre o valor que estão a receber.

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

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

Campos de introdução do Comparar com Preço

Para produtos com variantes — como cada tamanho/cor dos ténis — o Comparar com Preço tem de ser adicionado a cada variante individualmente. Vá à secção Variantes e selecione Mostrar Todos os Resultados para o ecrã expandido.

Mostrar Todos os Resultados na secção Variantes Comparar com Preço por variante

Se tiver 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: As promoções sobrepõem-se ao Comparar com Preço. Se um produto tiver uma promoção ativa e um Comparar com Preço, o desconto apresentado é calculado com base na promoção.

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

Cenário 1 — Apenas Comparar com Preço. Preço 10€, Comparar com Preço 100€. O sistema mostra 10,00€, mostra 100,00€, e calcula 90% DESCONTO.

cenário 1 do comparar com preço

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

cenário 2 do comparar com preço

Campo de custo e margens de lucro

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

Secção de Custo no painel de administração

Isto só é visível para o proprietário da loja. Mostra a sua margem de lucro por produto. Para o ver, vá a Painel de Administração > Estatísticas > Relatórios e verifique a coluna Lucro (margem).

Secção de Relatórios

Para produtos com variantes, introduza o custo de cada uma a partir de Mostrar Todos os Resultados na secçã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 de clientes específicas — útil para B2B ou clientes fiéis. Saiba mais na documentação de B2B.

Preços por Volume oferece descontos escalonados consoante a quantidade, ajustando automaticamente o preço unitário à medida que os clientes adicionam mais ao carrinho — ideal para grossistas. (Disponível no Plano Avançado e superiores.) Saiba como configurar Preços por Volume.

Stock em profundidade

Como as encomendas afetam o stock

Toda a encomenda afeta automaticamente o stock atual. O inventário muda consoante as transições da encomenda:

  • De Nova para Pendente: o stock é reduzido.
  • De Pendente para Paga: sem alteração de stock.
  • De Pendente para Abandonada: o stock volta ao inventário.
  • De Pendente/Paga para Cancelada: o stock volta ao inventário.

Veja as alterações de stock no final de uma encomenda específica, ou clique no ícone de relógio junto ao campo de uma variante para ver o seu histórico de stock completo.

O separador Inventário

Produtos > Inventário é o seu painel central para o controlo de stock em massa. Pode atualizar variantes individuais na lista, selecionar uma Localização (se o Inventário Multi-Localização estiver ativado), e executar ações em massa para aumentar/diminuir unidades, limitar/retirar o limite de stock, ou editar SKUs.

Limites de stock baixo

Defina um nível mínimo para ser notificado antes de esgotar:

  1. Vá a Produtos > Inventário.
  2. Clique no ícone de cadeado junto à coluna Limite e introduza um valor.
  3. Para receber e-mails, vá a Geral > E-mails e ative o “E-mail de Stock Baixo” em E-mails de Administrador.

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

Para catálogos grandes ou alterações de stock frequentes, o CSV especializado de Inventário é muito mais rápido do que a importação de produtos principal — está otimizado exclusivamente para níveis de stock.

  1. Exportar: Vá a 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 stock: Atualize os números nas colunas de localização. Este CSV só altera o stock — não pode criar produtos nem alterar nomes/SKUs aqui.
  4. Importar: Guarde como CSV (UTF-8) e carregue-o através de Importar na página de Inventário.

Dica: Se usar Excel, mantenha os seus dados num ficheiro .xlsx e use o Google Sheets para o passo final de “Guardar como CSV”, para garantir uma codificação correta.

Outras formas de atualizar o inventário

  • Separador 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ática — a API da Jumpseller ou Webhooks para integrações automatizadas com o seu ERP.
  • De terceiros — a app Zapier para sincronizar com o Google Sheets.

Opções e variantes em profundidade

As Opções do Produto permitem-lhe oferecer variações — cor, tamanho, material — que geram variantes, cada uma com o seu próprio SKU, preço, stock, peso e imagens. Este é o coração do exemplo dos ténis: uma grelha 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 — os clientes veem uma paleta de cores e uma pré-visualização antes de comprar. Gera variantes com o seu próprio inventário e preço.

  • Opção — por exemplo Tamanho: pequeno, médio, grande. Gera variantes com o seu próprio inventário 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).
  • Ficheiro — sem valor; permite ao cliente carregar um ficheiro para personalizar o seu produto.
  • Caixa de seleção — oferece complementos opcionais com um custo extra (por exemplo, embrulho para presente) sem criar novas variantes. Consulte Complementos de Produto.

Exemplos

  1. Opção — os clientes escolhem entre valores fixos (tamanhos S/M/L, cores azul/branco/preto para os ténis).
  2. Campo de texto — os clientes escrevem um texto curto personalizado (o nome a gravar no bolo).
  3. Área de texto — os clientes acrescentam uma mensagem personalizada mais longa.
  4. Ficheiro — os clientes carregam uma imagem para personalizar o produto.

Depois de adicionar as suas opções, clique em Guardar. É assim que fica na loja:

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

Atributos ao nível da variante

Cada variante pode ter o seu próprio preço ligado ao seu stock. Se tivesse menos ténis cor-de-rosa em stock e quisesse uma margem maior devido à escassez, poderia subir o preço dessa variante de 65€ para 70€. O preço da variante aparece quando o cliente seleciona esse 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 Ficheiro Aqui, junto às imagens do produto — carregue a imagem e depois escolha a que variante pertence (por exemplo, a t-shirt branca de tamanho pequeno).

Imagens de variantes

Segundo, clique no pequeno ícone de imagem junto a uma variante específica e escolha entre as imagens que já carregou.

Imagem de variante

Procura oferecer extras pagos opcionais, como embrulho para presente ou garantias alargadas, sem criar novas variantes? Consulte Complementos de Produto.

Porque não consigo adicionar mais variantes?

Se surgir um erro ao adicionar variantes, excedeu o limite de 100 variantes por produto. Este limite não pode ser aumentado em nenhum plano.

Mostrar opções que não geram variantes

Normalmente cada variante tem o seu próprio stock. Mas por vezes isso não faz sentido — como o sabor do bolo, ou uma t-shirt básica onde se escolhe de que lado fica um logótipo. Se tiver 10 t-shirts, é errado dizer “5 com logótipo à frente, 5 com logótipo atrás”: o logótipo só fica definido quando o cliente escolhe, não antes.

Para mostrar uma opção sem um valor de stock por variante:

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

Procure este trecho (use Ctrl+F):

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

Por baixo, escreva (substitua “Posição do Logótipo” pelo nome da sua opção):

{% elsif option.type == 'text' %}
{% unless option.name == 'Posição do Logótipo'%}

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 aparece assim:

vista ao vivo do novo código

Também pode consultar a documentação de templates Liquid.

Campos personalizados

Os Campos Personalizados guardam informação extra sobre um produto que não gera uma variante. Uma t-shirt pode ter vários tamanhos (variantes) mas apenas uma marca (campo personalizado). Para o nosso bolo, campos como “ocasião” ou “alergénios” são perfeitos — descritivos, mas não algo para o qual se deva ter stock próprio.

Os campos personalizados aparecem de forma ligeiramente diferente consoante o 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: Os campos personalizados podem impulsionar funcionalidades extra em código. Por exemplo, uma lista de seleção “Regiões” poderia mostrar um ícone de bandeira na página do produto consoante a região escolhida. Saiba como usar campos personalizados em snippets.

Exemplos de Campos Personalizados

Adicionar campos personalizados

Clique em Adicionar Campos Personalizados, e depois em Gerir Campos para abrir o gestor de Campos Personalizados. Aí adiciona uma Etiqueta, escolhe um Tipo, e define a sua Visibilidade (se aparece ou não na página do produto). O gestor lista todos os campos partilhados 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

Pode associar variantes a campos personalizados. Campo de Texto e Texto aplicam-se a todas as variantes automaticamente. Um campo de Seleção pode ser detalhado por variante (por defeito aplica-se a todas). Como um campo de seleção pode ter vários valores, 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 estão disponíveis; adicione-o uma segunda vez e “Mini” (já usado) deixa de ser oferecido.

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

Exemplo avançado: um seletor de data/hora para encomendas agendadas

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

Use JavaScript com responsabilidade: implementar JavaScript personalizado sem formação técnica pode introduzir problemas de segurança e de experiência de utilizador. Recomendamos que peça ajuda a profissionais de desenvolvimento web.

Requisitos — adicione o CSS e o JS do Flatpickr ao 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>

Utilização — crie uma opção de produto do tipo Campo de Texto chamada Date (este campo fica oculto). 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 — isto oculta a etiqueta Date, define uma data mínima com base na hora atual, bloqueia feriados e domingos, restringe ao horário de funcionamento, e escreve o valor escolhido no campo oculto Date:

<script>
// Oculta o input que contém a etiqueta 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";
            }
        }
    }
});

// Obtém a data e 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 feriados a bloquear
var holidays = [
    "2022-09-16",
    "2022-11-19",
    "2022-12-24"
];

// Inicializa o seletor de data e hora Flatpickr com 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 os domingos e as datas de feriados indicadas
    minTime: "09:00", // Define o início do horário de funcionamento
    maxTime: "18:00", // Define o fecho do horário de funcionamento
    hourIncrement: 1, // Define o incremento de horas em 1
    weekNumbers: true, // Mostra os números da semana
    locale: { // Define o idioma português e traduz os 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 oculto com a data escolhida quando esta muda
        $("label:contains('Date') + div input").val(dateStr);
    }
});
</script>

Descrição e características principais

É aqui que vive a maior parte do seu conteúdo persuasivo. O objetivo é ajudar os clientes a saber exatamente o que esperar (o que reduz as devoluções), a determinar se o produto se adequa às suas necessidades, e a responder às suas perguntas antes de terem de as fazer.

Descrição

O nosso editor de descrições permite-lhe enriquecer as fichas de produto com HTML, widgets, ficheiros e muito mais. É opcional, mas melhora significativamente o apelo e a clareza de uma ficha de produto.

Descrição do produto

Descrições de produto com IA

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

Nota: Disponível para subscritores 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 melhores resultados: dê informações detalhadas, conheça o seu público-alvo, mantenha a voz da sua marca, destaque as características principais, inclua palavras-chave de SEO, e reveja e edite sempre o resultado.

Propriedades

A secçã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 está na secção Preços e o stock na secção Stock, ambas explicadas acima.

propriedades

Em destaque

Marque um produto como Em Destaque para o mostrar de forma proeminente — por exemplo, no slideshow da sua página inicial — consoante o seu tema.

Em destaque

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 é indicada para casos em que a margem depende de vender um determinado número de unidades.
  • A quantidade máxima é indicada para produtos de edição limitada, para desencorajar revendedores oportunistas.

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

Se um comprador não cumprir o requisito, não pode 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çamentação”

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

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

Os clientes reúnem vários produtos, ajustam quantidades e submetem um formulário de pedido de orçamento que chega ao seu e-mail de contacto com o detalhe completo do produto — ajudando-o a responder mais depressa e a fechar mais vendas.

Produtos digitais

Se vende produtos digitais — eBooks, software, música, ou o nosso curso online — defina o Tipo de Produto como Digital ou Serviço (a opção junto a “Físico”). Isto substitui os campos de envio por um carregamento de ficheiro, para que possa anexar ficheiros privados que só são entregues ao cliente depois da compra.

Para adicionar um produto digital, por exemplo um eBook:

  1. Vá a 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 no lado direito.

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

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

    Adicionar produto digital passo 5
  6. Escolha ou arraste um ficheiro para carregá-lo, ou indique um link externo para o ficheiro.

    Adicionar produto digital passo 6
  7. Opcionalmente adicione variantes associadas a ficheiros — por exemplo, o curso em português e em inglês — e escolha a que variante corresponde cada ficheiro.

    Variantes de produto digital Seleção de ficheiro 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 os compradores o recebem

  • Página de sucesso — a página para onde são direcionados logo após a compra, onde o produto pode ser transferido.

    Página de sucesso
  • E-mail — depois de a encomenda ser feita e paga, é enviado um e-mail com o link de transferência.

    Transferência a partir do e-mail

Segurança

Tem controlo total sobre o seu produto. Defina um número máximo de transferências e um número máximo de dias durante os quais os clientes o podem transferir: vá a Definições > Checkout > Produtos Digitais.

Resumo de segurança

Nota: Estas definições aplicam-se apenas a ficheiros que carrega diretamente. Para links externos, gerir o prazo de validade e os limites de transferência é da sua responsabilidade.

Envio e anexos

Envio

Para produtos físicos como os ténis, edite as propriedades de envio — formato da embalagem, peso, largura, altura e comprimento. Estes valores são usados para estimar o custo de envio no checkout. Para produtos digitais não há envio; basta carregar um ficheiro.

envio físico envio digital

Anexos

Se tiver informação adicional num ficheiro externo (por exemplo, um guia de cuidados ou uma ficha técnica em PDF), carregue-o aqui e este aparecerá como opção transferível na página do produto — um ótimo elemento de confiança.

anexo

SEO e meta tags

A sua loja já é otimizada para SEO, mas ainda assim precisa de adicionar os dados que o Google necessita para indexar bem cada página. Na secçã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 o URL.

seo editar seo

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

  • Palavras-chave — chame ao seu produto o que os seus clientes lhe chamam. Se os clientes pesquisam “ténis de corrida”, incorpore isso no título em vez de usar apenas um nome interno de modelo.
  • Conteúdo — assegure-se de que o texto da página responde efetivamente à pergunta de quem pesquisa, num formato que o Google consiga ler (descrições para imagens, transcrições para vídeo).
  • Envolvimento — uma página que retém os visitantes (não voltam ao Google) posiciona-se melhor. Boas fotos, opções claras e respostas completas ajudam.
  • Ligações — ligações a partir de imprensa, blogues, parceiros, fornecedores e avaliações, apontando para esta página com bom texto âncora, colocam-no acima da concorrência.
  • Atualidade — onde a procura é pelo mais recente e melhor, atualize a página regularmente com a informação mais relevante.

Personalizar o aspeto da página do seu produto

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

  1. Vá a 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 (mostra a página que está a pré-visualizar, por exemplo “A Pré-visualizar Início”) e escolha Produto.
  3. A sua página de produto é renderizada na pré-visualização em direto. Na barra lateral esquerda, clique em qualquer componente para abrir as suas definições, arraste componentes para os reordenar, ou use Adicionar Componente para adicionar um novo.
  4. Clique em Guardar quando estiver satisfeito com o resultado.
Edição do template Produto no Editor Visual

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

Como melhorar a página do seu produto

Todos estes campos parecem ótimos — mas como sabe quais priorizar? Perguntando, e testando.

Fale com os seus clientes: pessoas que já lhe compraram, pessoas que se enquadram no seu público-alvo mas ainda não compraram, e pessoas que compraram a um concorrente em vez de si. Peça-lhes que olhem para a página e digam em voz alta todas as dúvidas e perguntas que lhes surjam. Vai reparar que as mesmas preocupações surgem vezes sem conta — e são exatamente essas as coisas a responder na sua descrição, imagens e opções.

Depois teste alterações com uma ferramenta em que confie. Mas não perca tempo a ajustar a cor de um botão ou a trocar uma única foto se o problema real for a página não ter respondido às perguntas essenciais do cliente. Forme uma hipótese sobre o que está a impedir as pessoas de comprar — baseada em investigação real — e resolva isso.

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

Funcionalidades avançadas

Depois de o essencial estar definido, estas funcionalidades levam uma página de produto mais longe. Cada uma tem o seu próprio guia:

FAQs

Como faço a gestão do stock dos meus produtos? Edite o stock no seu Painel de Administração para um controlo simples, ou para catálogos grandes use a Importação/Exportação para CSV (exporte primeiro, edite sem alterar a estrutura do ficheiro, e volte a carregá-lo). Consulte Stock acima para o fluxo completo.

Como adiciono um vídeo ao meu produto? Insira-o na descrição:

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

Comece a vender connosco!

Comece o seu período experimental gratuito de 7 dias. Sem necessidade de cartão de crédito.