Página do produto

A página do produto possui diversas funcionalidades para melhorar a experiência do seu cliente.

Compartilhamento

A funcionalidade de compartilhamento permite que quem acessa a loja compartilhe o produto nas principais redes sociais.

Calculadora de frete

Essa funcionalidade permite ativar/desativar a calculadora de fretes da página do produto, caso seu segmento não precise dela.

Títulos variados

É possível trocar diversos títulos da página do produto, para que fiquem de acordo com sua marca/segmento.

Deixe o campo do texto de disponibilidade vazio caso não queira mostrar a frase de disponilidade.

Visualizador de fotos do produto 2.0

O tema substituiu o antigo visualizador de fotos da plataforma por um totalmente novo e moderno com diversas melhorias, além de trazer 3 modelos diferentes de visualização para as fotos dos produtos:

Importante:

  • Novas miniaturas com melhor qualidade e ajuste de altura.
  • Passa para a próxima foto arrastando para o lado (desktop e mobile).
  • Novo sistema de zoom ao clicar, mais moderno e intuitivo (desktop e mobile).
  • Substituição das antigas miniaturas por sistema de dots(bolinhas) e setas (mobile).
  • Imagens carregam mais rápido no desktop e mobile, passagem de imagens agora possui efeito de passagem, e não apenas são trocadas.
  • Novo sistema de zoom ao clicar, mais moderno e intuitivo (desktop e mobile).
  • O sistema de zoom ao passar o mouse foi melhorado (desktop).
  • Agora são 3 opções de visualizadores disponíveis: Padrão com miniaturas, Duas imagens lado a lado e Todas as imagens abertas.

Padrão com miniaturas: Essa é o modelo padrão, onde as miniaturas são mostradas junto a foto do produto. Nesse modelo você pode escolher o tamanho da imagem do produto e a altura das miniatuas.


Duas imagens lado a lado: Esse modelo exibe duas imagens lado a lado, em carrossel com setas e dots(bolinhas). O tamanho do container foi aumentado para melhor visualização das fotos do produto, que sempre terão 450px. Recomendamos que só use esse modelo se seus produtos possuirem 2 fotos ou mais.


Todas as imagens abertas: Esse modelo exibe todas as imagens do produto em modelo “grid”, sendo um padrão de 2 fotos por linha. O tamanho do container foi aumentado para melhor visualização das fotos do produto, que sempre terão 450px. Recomendamos que só use esse modelo se seus produtos possuirem 2 fotos ou mais.

Esse modelo não funciona em conjunto com o Fixar imagem em tamanho quadrado, uma vez que é necessário a liberdade de tamanho da imagens. Portanto, caso queira utiliza-lo, padronize suas imagens corretamente.

Variações

Importante:

  • As variações da sua loja são criadas na plataforma, nos seus produtos. O tema não cria variações nos seus produtos.

Utilizar miniaturas nas opções de variações

Caso você tenha anexado imagens para as variações, você pode mostrar a miniatura da imagem no lugar da variação. Serve para todas as variações da loja.

Exibir o nome na variação ao selecionar uma opção

Ao selecionar uma opção, seu nome será exibido no título da variação. Essa funcionalidade se torna muito útil quando você substitui o nome da opção pela imagem da miniatura, o que acaba fazendo com que o nome da opção não apareça mais e sim a imagem.

Selecionar automaticamente uma opção da variação

Quando seu cliente entrar no produto, uma opção da variação já estará automaticamente selecionada. Você pode escolher entre a primeira opção ou a última.

Texto de variação não selecionada

Texto que é exibido quando o cliente clica no botão comprar, mas não selecionou uma variação.

Descrição

O tema disponibiliza 3 tipos de descrição: padrão, compacta fechada e compacta aberta. Você também pode editar o título da descrição.

Abas na descrição do produto

O tema tem um fantástico sistema de criação de abas na descrição do seu produto. Com isso você consegue dividir a descrição do seu produto em blocos, deixando muito mais intuitivo para seu cliente.


Para utilizar é bem simples, basta escrever o título da aba na descrição e coloca-lo em “Título 4 (h4)”, embaixo desse título você colocará normalmente o conteúdo que irá nessa aba. Para criar uma nova aba é só repetir o processo.

Sim, é apenas isso! O tema cuidará de todo o restante.

Descrição curta

Você pode adicionar uma descrição curta ao produto. A descrição curta ficará abaixo do título do produto e pode ser um texto simples ou um conteúdo HTML. Siga os passos abaixo para adicionar uma descrição curta ao produto.

Passo 1 – Clique no “Criador de descrição curta”.


Passo 2 – Escreva a descrição curta que deseja e depois em “Copiar descrição curta”.


Passo 3 – Entre na descrição do produto e clique em “Código-Fonte“.


Passo 4 – Após toda a descrição, cole o conteúdo que você copiou do criador de descrição curta.

Exibição dos preços

Importante:

  • A exibição dos preços não é configurada ou feita pelo tema, ela deve ser configurada na sua plataforma: acesse aqui
  • Novamente, o tema não é responsável por exibir nenhum preço, seja o preço principal, parcelado ou preço à vista. Se algum deles não está aparecendo na sua loja, é porque você não os configurou corretamente na plataforma.

Formas de pagamento

A plataforma exibe uma box com todas as formas de pagamento disponíveis. Que pode ser sempre visível ou ficar dentro do botão de “mais formas de pagamento”.

Preço em destaque

A plataforma permite a exibição de formas diferentes de preços em destaque: Preço principal, preço parcelado e preço à vista. A grande novidade que o tema trás, e que não está disponível na plataforma, é que ao colocar o preço à vista como destaque, ele irá para a primeira posição na exibição e ganhe formatação personalizada.

Para alterar o preço em destaque, acesse Visual da loja > Página do produto > Valor do produto em destaque.


Pagamento à vista

O tema possui um sistema para que você possa destacar ou fazer alterações nos textos/ícone de exibição do seu valor à vista.

Importante:

  • A exibição do preço à vista não é configurada ou feita pelo tema, ela deve ser configurada na sua plataforma: acesse aqui
  • Novamente, o tema não é o responsável por exibir o preço à vista na sua loja. Se ele não está aparecendo na sua loja, é porque você não o configurou corretamente na plataforma.

Destacar pagamento à vista


Automático: É recomendado que deixe no automático, nesse modo de exibição o tema automaticamente irá pegar todos os dados configurados na plataforma do seu pagamento à vista, adicionar um ícone para o mesmo e exibir o valor e o desconto.


Manual: Não recomendamos que utilize o modo manual, ele é para situações bem especificas que não servem para a maioria. Quando você coloca no manual, nenhum dado configurado por você na plataforma será pego. Todas as configurações de texto, ícone e desconto são manuais. Caso você atualize algum deles na plataforma, terá de atualizar no tema.

Personalizador

A funcionalidade personalizador de produto permite que você adicione um campo para o envio de texto/arquivos personalizados na página do produto.

Importante:

  • O Personalizador NÃO irá funcionar em produtos importados por ERP ou lista. Esses produtos quando são importados vem com uma SKU inválida, que o personalizador não consegue ler. O personalizador irá aparecer no produto, mas as informações colocadas pelo usuário não serão passadas. Nesse caso você deve criar novamente o produto pela plataforma.

Palavra-chave

O personalizador irá mostrar o campo para colocar o texto apenas nos produtos que possuírem a palavra-chave no título. Portanto, se você escolher a palavra-chave “camiseta”, apenas os produtos que possuem essa palavra no título receberão o personalizador.


Título

O campo de título é obrigatório, ele é o título do campo do personalizador que aparecerá para o cliente preencher..


Observações

Você pode adicionar uma caixa para observações. Para isso, basta colocar qualquer título que ela aparecerá no produto. Caso não queira utilizar, é só deixar em branco.


Bandeira e botão

Escolha o texto da bandeira e do botão que ficarão na listagem dos produtos personalizáveis.

Importante:

  • O título da bandeira pode ficar em branco, caso não queira utilizar uma.
  • O título do botão não pode ficar em branco, caos contrário, o botão ficará vazio.


Combinando com variações e adicionando valor extra

Você pode combinar o personalizador com até 3 variações que seu produto possua. Dessa forma você consegue fazer com que ele apareça apenas quando uma dessas variações for selecionadas pelo cliente. Coloque exatamente o nome da variação que está no produto.

Importante:

  • Você deve ter essas variações já criadas no seu produto, o tema/personalizador não cria variações.
  • Não utilize esses campos se você não possui as variações nos produtos, se anexar o personalizador a uma variação que não existe no produto, o personalizador não aparecerá.
  • Não coloque o personalizador como obrigatório se for anexar a uma variação.

Para adicionar valor ao campo de personalização, você deve criar as variações do produto com os valores adicionais. Exemplo:

Variação chamada “Sem personalização”: Não recebe combinação e custa R$150,00

Variação chamada “Nome”: Recebe a combinação no campo “Variação 1” e custa R$165,00.

Portanto, ao cliente escolher a variação Nome, será automaticamente adicionado R$15,00 ao valor do produto e o campo de personalização aparecerá. Você pode usar o campo de texto auxiliar para informar que aquela personalização adiciona um valor ao produto(esse campo apenas informa visualmente, ele não adiciona valor):


Upload de arquivos/imagens

Também é possível ter o campo para upload de arquivos/imagens. Aqui você poderá disponibilizar para o usuário um campo para que ele envio imagens e arquivos de forma direta.

As imagens e arquivos enviadas ficam no nosso sistema durante 1 mês, após isso são deletados.

Formatos: Preencha com os formatos que são aceitos que o cliente envie. Ex: PNG, JPG, PSD


Recebimento da informação

A informação chegará no seu painel pelo campo de comentários/observações do pedido. Os arquivos são mantidos por 30 dias após o envio, após isso são deletados.

Portanto, é essencial que você não desative de forma alguma o campo de comentários da sua loja, que fica no visual da loja.

Caso você o desative, seus produtos ficarão até 24h sem que a personalização funcione, pois será necessário que a loja resete os cookies.

Tabela de medidas

A funcionalidade tabela de medidas permite a criação de até 3 tabelas de medidas de forma inteligente, utilizando palavras-chave específicas para as tabelas. Também é possível criar tabelas de medidas individuais para os produtos. É possível também exibir a imagem principal do produto ao lado da tabela, além de alterar o título do botão.


Tabela de medidas inteligente

A tabela de medidas inteligente irá mostrar a tabela de medidas apenas nos produtos que possuírem a palavra-chave no título. Portanto, se você escolher a palavra-chave “camisa”, apenas os produtos que possuem essa palavra no título receberão essa tabela de medidas.

Para fazer o upload da tabela: acesse aqui


Tabela de medidas individual

A funcionalidade de tabelas de medidas individual permite que você coloque tabelas de medidas especificas para cada produto. Siga os passos abaixo:

Passo 1 –  Faça o upload da imagem da sua tabela de medidas e coloque no campo abaixo, depois clique no botão “Gerar tabela”. Irá aparecer a mensagem de a tabela foi gerada e copiada.


Passo 2 – Vá até a descrição do produto que quer colocar a tabela e clique em “código-fonte”, agora cole a tabela gerada ao final de todo esse código.

Validade

Você pode adicionar a validade do produto de forma destacada. Você também pode colocar o alerta de proximidade de vencimento, quando faltar x dias para vencer, irá aparecer ao lado da data de vencimento um aviso de perto do vencimento.

A data de validade é removida automaticamente caso chegue o dia de vencimento.


Adicionando a data de validade

Para adicionar a validade ao produto, vá até o final da descrição do produto e escreva exatamente dessa forma:

-validade: 16/09/2021-

Troque apenas a data pela data de validade do seu produto. Não remova espaçamentos ou traços, apenas troque a data, nada mais.

Lançamento/Pré-venda

Crie um aviso de pré-venda/lançamento em destaque no seu produto, com cronômetro de contagem regressiva. Você pode escolher o título, texto e colocar um aviso de como será o procedimento após o lançamento.

O aviso de lançamento é removido automaticamente caso chegue o dia do lançamento.


Adicionando a data de lançamento

Para adicionar a data de lançamento ao produto, vá até o final da descrição do produto e escreva exatamente dessa forma:

-lancamento: 09/03/2022-

Troque apenas a data pela data de lançamento do seu produto. Não remova espaçamentos ou traços, apenas troque a data, nada mais.

Calculadora M2

Caso trabalhe com o segmentos que necessitem de calculo de m2, como papeis de parede, o tema adiciona uma calcula que irá calcular baseado no m2 total a quantidade necessária para o seu cliente.

Nome do objeto: O nome do objeto(no plural) que você vende(ex: rolo, bobina, folha).

Altura e largura do objeto: Coloque a altura e largura em metros do objeto que você vende. (ex: o rolo de papel de parede tem 1.5m de altura por 0.53m de largura)

Link para dúvidas: Coloque o link para uma páginas de dúvidas da sua loja que ensina como medir ou como comprar.

Palavra-chave: Todos os produtos que possuírem no título essa palavra receberão a calculadora. A calculadora só irá aparecer nos produtos que possuírem a palavra-chave no título.

Redirecionar botão comprar para link externo

Você pode redirecionar o botão de compra para um link externo, isso é muito útil para quem trabalha com hotmart, eduzz e outros

Para adicionar o link externo ao produto, antes você deve encurta-lo com um encurtador, como por exemplo o https://bitly.com/. Depois vá até o final da descrição do produto e escreva exatamente dessa forma:

-link: https://bit.ly/3bfGbmU-

Troque o link pelo seu link. Não remova espaçamentos ou traços, apenas troque o link, nada mais.