Manual de Cadastro para placeholder de Banner

Para cadastrar um placeholder com banners em sua loja é necessário alguns passos fáceis e rápidos.

1. Entre no portal do admin de sua loja e vá até o menu principal Sites and Channel > Seu site > / > Template desejado (ex.: QD nome do template Home, QD nome do template Produto).

Nesse tutorial vamos utilizar de exemplo a página principal do site, a Home, então o caminho seria Sites and Channel > Seu site > / > QD nome do template Home e vá em Settings.

Repare que essa tela irá se abrir para você:

Dentro dessa área estará todos os placeholders da página dos quais você pode estar inserindo conteúdo e um deles serão os banners.


2. Vá até o objeto escolhido e clique em "add object" e selecione a opção "Banner" no pop up que irá se abrir na tela, clique em Adicionar e dê um nome para o objeto, por exemplo, Banners de produtos femininos.

Veja na imagem abaixo:

Logo após clique no botão superior direito no botão Save Settings.

3. Agora, no objeto cadastrado, clique no botão direito de Editar e alguns campos irão aparecer para preenchimento.

Primeiramente clique em "add content" e logo em seguida verifique os campos a serem preenchidos.

    • Content Name: Um nome para identificação
    • Width e Height: As medidas do banner em Largura x Altura
    • File Type: Tipo de arquivo será sempre image, pois flash já é bloqueado pelos navegadores
    • URL: Conteúdo opcional onde se desejar pode inserir uma URL e ao clicar sobre o banner será levado para esse link
    • Banner: É onde a imagem do banner será inserida (logo abaixo será explicado passo a passo)
    • Active Content: Essa opção deve ser selecionada, pois ativa a exibição dessa coleção na página.

OBS.: Caso o botão de Editar não esteja aparecendo no objeto recém cadastrado, basta recarregar a página que irá aparecer.

4. Para adicionar uma imagem ao placeholder basta clicar em "adicionar arquivo".

  • Repare que uma janela para busca de banners se abriu, caso já tenha adicionado o banner em Files Manager > images basta buscar pelo nome e uma lista com as imagens irá aparecer.
  • Basta selecionar o desejado e clicar em Adicionar.
  • Assim que preencher todos os campos apontados acima basta clicar no botão inferior direito Add Content List e em seguida Save Content.

Após isso basta clicar no botão superior direito na tela, Save Settings e verificar o resultado em sua loja, lembrando que a VTEX possui um cache mínimo de 15 minutos para exibir as novas alterações.