Passar para o conteúdo principal
Editando templates - Produto
Monise Do Amaral avatar
Escrito por Monise Do Amaral
Atualizado há mais de um ano

⚠️

Para poder adicionar produtos no seu template, você precisa ter uma Integração ativada em sua Conta.

Lembre-se que a região pode ser utilizada com as seguintes integrações: Nuvemshop, VETEX, Jumpseller, Shopify, Tray e Mercado Shops

Como adicionar um produto ao template?

Para adicionar um produto primeiro devemos clicar na região onde quisermos colocar o produto e então clicar na opção Adicionar Conteúdo.

Isso habilitará as opções no menu à esquerda para adicionar um conteúdo, onde buscaremos por Produto.

Por último, pegamos e arrastamos ao template dessa maneira:

Conteúdo

Uma vez inserida nossa região de produto no template, será habilitado um novo menu à esquerda, e qual utilizaremos para selecionar e personalizar o produto que queremos mostrar.

Adicionando produtos

Como primeira opção encontraremos o botão “Pesquisar na”. Neste exemplo em botão indica que se trata de uma integração com Nuvemshop.

Isso buscará os produtos em tempo real na loja e te permitirá selecionar o que precisar colocar.

💡

Agora você pode colocar um novo produto na sua loja, que imediatamente aparecerá no editor para ser selecionado.

Formato

Na sessão de Formato, você terá 4 opções de formatos deslizando a barra, como onde aparece o preço, o título, a imagem e a descrição.

Imagem

Nesta sessão você pode modificar a imagem, seja carregando, eliminando, ou também pode adicionar efeito através do botão Aplicar Efeitos e Mais:

Título

Se precisar editar o Título, nesta aba você pode optar por mostrar ou não, além de escolher a Cor, Tamanho e Fonte:

Preços

Na seção Preços você tem a possibilidade de diferenciar o preço de Lista do preço Final. Simultaneamente, pode alterar o Tamanho, Fonte e Color.

Botão

Na aba Botão, você poderá personalizar o botão de compra do produto. Aqui você pode editar a cor de fundo, cor do texto, o Tamanho da Fonte do mesmo, o nível de arredondado e também se desejar colocar um contorno.

Desconto

No caso de que queira mostrar que o produto tem uma porcentagem de desconto, você poderá colocar a informação clicando em Mostrar Desconto. Essa opção aparecerá acima do produto em questão. Você pode personalizar a Cor e o Tamanho do valor.

Descrição

É possível também inserir uma Descrição ao produto. Ao clicar em Mostrar Descrição, aparecerá abaixo do preço do mesmo.

Geral e Comportamento Responsive

Na opção Geral você consegue modificar as margens do produto. Inclusive, pode escolher se quer que apareça ou não, seja na versão escritório ou na versão Mobile.

Respondeu à sua pergunta?