⚠️
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.