Os banners promocionais é uma ferramenta bastante útil, que permite divulgar as promoções e descontos da sua loja virtual de forma fácil e profissional, sendo possível colocar imagens, texto e também um botão que leva seus clientes diretamente para qualquer página dentro da loja.
Success
Essa funcionalidade não está disponível nos Layouts Focus, Atlântico e Idea.
Neste tutorial, te mostramos como configurar os banners promocionais em sua loja virtual.
Vamos começar!
❗ Os passos abaixo podem ser realizados pelo desktop (notebook/computador) ou pela versão web do seu navegador em um smartphone (celular).
1. Acesse o painel administrador Nuvemshop.
2. Siga pelo caminho "Layout > Personalizar layout" e depois clique em "Personalizar seu layout atual".
3. Na seção Configurações avançadas, clique na opção "Página Inicial".
4. Em seguida, clique em "Banners Promocionais".
5. Irá abrir um menu com as configurações dos banners promocionais, lembrando que essas opções mudam de acordo com o Layout Instalado. Para saber como configurar, procure pelo seu Layout abaixo e clique em "Ver mais detalhes".
Cubo e Amazonas
Ver mais detalhes
Os banners promocionais são exibidos da esquerda para a direita através de computadores e notebooks, e de cima para baixo para a versão mobile/celulares.
Para configurá-los, siga os passos abaixo:
1. Primeiro você pode definir a largura da tela, para isso, marque a opção "Aumentar à largura da tela" se deseja aumentá-la.
2. Em seguida, na seção Promoção (1, 2 ou 3), defina quantos banners serão exibidos na página inicial marcando a opção "Mostrar banner".
Warning
O Layout Cubo permite configurar até 3 banners promocionais.
3. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
4. Uma vez dentro, você pode carregar um banner de 620px de largura por 235px de altura, basta clicar em "Selecionar imagem", procurar pelo arquivo e carregue-lo.
Info
Para saber como criar banners, consulte o nosso tutorial 📝 Como criar banners gratuitos para usar em meu layout?.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
5. Após carregar a imagem para seu banner promocional, você pode personalizá-lo acordo com seu Layout:
Cubo
No Layout Cubo, é possível adicionar um Título, Descrição e Linkde direcionamento para uma página da sua loja virtual.
Amazonas
No Layout Amazonas, é possível adicionar um Título, Texto do botão e Link de direcionamento para uma página da sua loja virtual.
6. Repita esses passos para todos os banners que você deseja exibir na página inicial da loja.
Simple
Ver mais detalhes
Para configurar os banners promocionais no Layout Simple, siga os passos abaixo:
1. Na seção Banner (1, 2 ou 3), defina quantos banners serão exibidos, para isso, marque a opção "Mostrar banner".
Warning
O Layout Simple permite configurar até 3 banners promocionais.
2. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
3. Uma vez dentro, você pode carregar um banner de 600px de largura por 600px de altura, basta clicar em "Selecionar imagem", procurar pelo arquivo e carregue-lo.
Info
Para saber como criar banners, consulte o nosso tutorial 📝 Como criar banners gratuitos para usar em meu layout?.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
4. Por último, personalize o seu banner promocional adicionando um Título, Descrição, Botão, Link para direcionar seus clientes para uma página dentro da sua loja, Alinhamento do texto e cor do texto.
5. Repita esses passos para todos os banners que você deseja exibir na página inicial da loja.
Bahia
Ver mais detalhes
Para o Layout Bahia, os tamanhos dos banners promocionais vão depender da quantidade que você deseja exibir na página inicial da sua loja virtual.
Para configurá-los, siga os passos abaixo:
1. Na seção Quantos banners promocionais você deseja na sua página inicial?, escolha a quantidade banners que serão exibidos, para isso, basta clicar sobre o tipo de Layout, igual o exemplo abaixo:
Warning
Verifique o tamanho recomendado das imagens de acordo com o tipo Layout dos banners promocionais.
2. Após escolher a quantidade de banners, defina a largura da tela, para isso, marque a opção "Aumentar à largura da tela" para aumentá-la.
3. Em seguida, adicione um Título e uma Descrição que serão exibidas na seção dos Banners promocionais na página inicial da loja virtual.
4. O próximo passo vai depender da quantidade de banners que você definiu na seção Quantos banners promocionais você deseja na sua página inicial?.
Na seção Banner de promoção (1, 2 ou 3), defina quantos banners serão exibidos na página inicial da loja marcando a opção "Mostrar banner".
Warning
O Layout Bahia permite configurar até 3 banners promocionais.
5. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
6. Uma vez dentro, você pode carregar o banner de acordo com o tamanho recomendado, basta clicar em "Selecionar imagem", procurar pelo arquivo e carregue-lo.
Success
Antes de carregar a imagem, verificar o tamanho recomendado do banner de acordo com a quantidade de banners disponíveis.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
7. Por último, personalize o banner promocional adicionando um Título e Link para direcionar seus clientes para qualquer página da sua loja.
8. Repita esses passos para todos os banners que você deseja exibir na página inicial da loja.
Material
Ver mais detalhes
No Layout Material, os tamanhos dos banners promocionais dependem da quantidade que você deseja exibir na página inicial da sua loja.
Para configurá-los, siga os passos abaixo:
1. Na seção Quantos banners promocionais você deseja na sua página inicial?, clique sobre o tipo de layout para escolher a quantidade banners que serão exibidos, igual o exemplo abaixo:
2. O próximo passo dependerá da quantidade de banners que você definiu na seção Quantos banners promocionais você deseja na sua página inicial?.
Na seção Banner (1 ou 2), defina quantos banners serão exibidos na página inicial da loja marcando a opção "Mostrar banner".
Warning
O Layout Material permite configurar até 3 banners promocionais.
3. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
4. Em seguida, você pode carregar o banner de acordo com o tamanho recomendado, basta clicar em "Selecionar imagem", procurar pelo arquivo pela imagem e carregue-lo.
Success
Antes de carregar a imagem, verificar o tamanho recomendado do banner de acordo com a quantidade de banners disponíveis.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
6. Na última etapa, personalize o banner promocional incluindo um Título e Link para direcionar seus clientes para uma página dentro da sua loja.
7. Repita esses passos para todos os banners que você deseja exibir na página inicial da loja.
Silent
Ver mais detalhes
O Layout Silent permite exibir apenas 1 (um) banner promocional. Para configurá-lo, siga os passos abaixo:
1. Para exibir o banner, marque a opção "Mostrar banner".
2. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
3. Em seguida, carregue uma imagem de 1425px de largura por 285px de altura, basta clicar em "Selecionar imagem", procurar pela arquivo e carregue-lo.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
4. Na última parte, personalize o seu banner promocional incluindo um Título e Link para direcionar seus clientes ao clicar sobre o banner.
Lifestyle
Ver mais detalhes
No Layout Lifestyle, você pode escolher os tamanhos dos banners promocionais de acordo com a quantidade que você deseja exibir na página inicial da sua loja.
Para configurar, siga os passos abaixo:
1. Na seção Quantos banners promocionais você deseja na sua página inicial?, para escolher o tipo de layout para os banners promocionais, basta clicar sobre uns dos 3 (três) modelos disponíveis, igual o exemplo abaixo:
2. O próximo passo dependerá da quantidade de banners que você definiu na seção Quantos banners promocionais você deseja na sua página inicial?.
Na seção Banner (1, 2 ou 3), defina quantos banners que serão exibidos na página inicial, para isso, marque a opção "Mostrar banner".
3. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
4. Na próxima tela, carregue a imagem do banner de acordo com o tamanho recomendado, basta clicar em "Selecionar imagem", procurar pelo arquivo e carregue-lo.
Success
Antes de carregar a imagem, verificar o tamanho recomendado do banner de acordo com a quantidade de banners disponíveis.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
5. Em seguida, personalize o seu banner incluindo um Título, uma Descrição, Botão e um Link que permite direcionar seus clientes para qualquer página dentro da sua loja ao clicar sobre o botão dentro banner.
6. E por último, marque a opção "Abrir link em uma nova janela" caso queira que ao clicar no botão dentro do banner, abra a página em outra janela no navegador.
7. Repita esses passos para todos os banners que você deseja exibir na página inicial da loja.
Trend
Ver mais detalhes
Os banners promocionais no Layout Trend serão exibidos da esquerda para a direita em computadores e notebooks, e de cima para baixo em celulares.
Para configurar, siga os passos abaixo:
1. Na seção Banner (1, 2 ou 3), marque a opção "Mostrar banner" para definir a quantidade de banners a serem exibidos.
Warning
O Layout Trend permite configurar até 3 banners promocionais.
2. Depois clique em "Carregar imagem (JGP, GIF, PNG)".
3. No próximo passo, carregue um banner de 600px de largura por 900px de altura, basta clicar em "Selecionar imagem", procurar pelo arquivo imagem e carregue-lo.
Warning
Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.
4. Por último, personalize o seu banner incluindo um Título, uma Descrição, Botão e um Link que permite direcionar seus clientes para qualquer página dentro da sua loja ao clicar no botão.
5. Repita esses passos para todos os banners que você deseja exibir na página inicial da loja.
6. Por último, clique em "Publicar Alterações" para finalizar.
Info
Para testar as alterações sem publicar o Layout, recomendamos que use versão de rascunho do Layout. Para saber mais, consulte o tutorial 📝Como editar o layout da minha loja em rascunho?.
Pronto! 🙌
Ao finalizar essa configuração, os banners promocionais já serão exidos em sua loja igual o exemplo abaixo.
