Como colocar banner na Nuvemshop? Veja o tutorial para cada tipo

Quer saber como colocar banner na Nuvemshop? Clique nas seções "Minha Nuvemshop” > Layout" > "Personalizar seu layout atual". Os outros passos variam de acordo com o tipo de banner. Saiba tudo neste artigo!

---

A Nuvemshop é a plataforma de Ecommerce líder na América Latina. A solução foi até mesmo eleita como a melhor opção do mercado pela pela ABComm em 2017, 2019 e 2020. 

E isso não é à toa… 

A empresa atende desde negócios que estão iniciando até empresas já consolidadas no mercado.

Clientes da Nuvemshop têm acesso a diversos layouts gratuitos – e todos eles podem ser personalizados ao máximo. 

Nesse contexto, um dos recursos mais interessantes para lojas são os banners. 

Eles podem melhorar a comunicação com os clientes, tornar o site mais dinâmico e até mesmo ajudar na conversão.

Por isso, neste artigo, vamos te ensinar como colocar banner na Nuvemshop e personalizar a sua loja virtual. 

Boa leitura!

O que é um banner para loja virtual? 

O banner para loja virtual é uma peça gráfica de destaque. Ele pode ser localizado na página inicial, nas páginas de categoria, no rodapé do site ou no checkout. 

Seu principal objetivo é oferecer maior dinamismo à loja, comunicar promoções e condições de compra especiais, exibir produtos, dentre outras funcionalidades. 

É muito utilizado por empreendedores que possuem site de vendas próprio, a fim de aumentar o volume de vendas.

Para que ele serve? 

No geral, o uso de banners pode ajudar a melhorar a experiência de compra do cliente e aumentar a taxa de conversão de uma loja. 

Além disso, os banners também contribuem para a coesão visual do site e podem reforçar o branding da marca. Por tudo isso, esses recursos são tão utilizados no Ecommerce… 

📰 Se você quer saber mais sobre banners, sugerimos a leitura deste artigo: Como fazer banner para loja virtual?

Qual o tamanho do banner para Nuvemshop?

O tamanho ideal do banner na Nuvemshop vai variar de acordo com o tema escolhido e o tipo de banner utilizado. 

Mas não se preocupe, o tamanho ideal do banner é informado com clareza no momento da troca, diretamente na plataforma de Ecommerce.

Se você quiser utilizar um banner rotativo Nuvemshop, por exemplo, a medida ideal é de 1580 x 450, medidos em pixels.

Isso porque essas dimensões são as mais adequadas para veiculação em dispositivos maiores, como os computadores e notebooks. 

Por outro lado, se você quer fazer o upload de banners de categoria nos temas Atlântico, Simple e Trend, o tamanho ideal é de 600 x 600, medidos em pixels. 

🔹 Falaremos mais sobre os tamanhos ideais do banner para lojas Nuvemshop ainda neste artigo… Continue lendo!

Como colocar banner na Nuvemshop: conheça os tipos e como fazer o upload 

Como falamos anteriormente, as lojas da Nuvemshop são conhecidas pelo seu alto poder de personalização. 

Por isso, não é de se surpreender que existam diversas opções de banner à disposição do lojista, certo? 

Essencialmente, são 5 estilos de banners que você pode adicionar à sua loja virtual Nuvemshop.

Entenda mais sobre eles e descubra como colocá-los em sua loja agora… 

1. Banner rotativo

O banner rotativo nuvemshop é aquele que aparece imediatamente abaixo do logo, na página inicial. 

Ele leva esse nome, pois suas fotos mudam continuamente, como um carrossel. 

Nele, você pode colocar informações sobre diferentes categorias de produto, promoções, lançamentos e mais. 

Geralmente, o banner rotativo é formado por imagens, mas também pode conter textos e até mesmo botões que incentivam a pessoa a visitar outras páginas ou comprar diretamente. 

Esse é um recurso atrativo para se comunicar com seus clientes. Aprenda agora como colocar esse banner na Nuvemshop. 

Como colocar banner rotativo na Nuvemshop? 

Para colocar o banner rotativo na sua loja Nuvemshop, você vai precisar seguir os seguintes passos: 

1. Acesse o seu painel de administrador na Nuvemshop;
2. Clique em "Minha Nuvemshop > Layout" e clique em "Personalizar seu layout atual";
3. Em seguida, clique em "Página Inicial" e depois em "Banners rotativos";
4. Clique em "Selecionar imagem", procure e carregue a imagem;
5. Clique em "Publicar Alterações" e pronto, o seu banner rotativo está no ar! 

⚠️ Os formatos suportados pela plataforma são: JPEG, GIF e PNG. Vale lembrar que você pode também optar por carregar uma imagem diferente para dispositivos móveis.  

Além disso, o tamanho recomendado para banners rotativos é de 1580 x 450, medidos em pixels. 

Cada imagem escolhida representa um frame do seu banner. 

Você pode adicionar quantos quiser, mas tenha cuidado para não deixar o layout da sua loja poluído, confundindo o usuário. 

Recomendamos que você tente fazer o upload de até 5 imagens, não mais do que isso. 

Se você fez o upload de mais uma foto, surgirá a opção de arrastar as imagens para mudar sua ordem de exibição. Esse é um passo opcional. 

A Calma São Paulo é um exemplo de loja Nuvemshop com banner rotativo: 

2. Banners de categorias

Os banners de categoria servem para destacar diferentes categorias de produtos em seu site. 

Eles ajudam o usuário a navegar pela loja virtual e encontrar os produtos que precisam de forma mais eficiente. 

Os banners de categoria são clicáveis, ou seja, eles podem direcionar o cliente para páginas específicas, melhorando a experiência de navegação. 

Como colocar banner de categorias na Nuvemshop?

1. Acesse o seu painel de administrador na Nuvemshop;
2. Clique em "Minha Nuvemshop > Layout" e clique em "Personalizar seu layout atual";
3. Em seguida, clique em "Página Inicial" e depois em "Banners de categorias";
4. Depois de carregar as imagens, preencha as especificações do banner segundo os seus objetivos. Nesse momento, você pode informar o título e descrição do banner, o texto que o cliente vai ler no botão e o link para a página que ele será redirecionado. 
5. Clique em "Publicar Alterações" e os seus banners de categoria estão prontos. 

⚠️ O tamanho e a quantidade dos banners de categorias podem variar conforme o layout escolhido para sua loja virtual. 

Você pode conferir o passo a passo de acordo com cada layout clicando aqui.

A Mimoo Toys é uma loja de decoração infantil que usa a plataforma da Nuvemshop. Olha só como a empresa utiliza os banners de categoria: 

3. Banners de frete, pagamento e compra

Os banners de frete, pagamento e compra ficam localizados na página inicial e o seu objetivo é dar ao cliente informações importantes sobre a compra. 

Nele, você pode explicitar condições especiais de envio – como o frete grátis, por exemplo – informar sobre termos de troca e devolução, mostrar quais as formas de pagamento aceitas pela sua loja e mais. 

Como colocar banner de frete, pagamento e compra?

1. Acesse o seu painel de administrador na Nuvemshop;
2. Clique em "Minha Nuvemshop > Layout" e clique em "Personalizar seu layout atual";
3. Em seguida, clique em "Página Inicial" e depois em "Informações de frete, pagamento e compra";
4. Depois de configurar as informações, basta clicar em “Publicar Alterações" para finalizar.

Mais uma vez, o processo muda um pouco de acordo com o tema escolhido para sua loja. Para conferir essas especificações, clique aqui. 

⚠️ Vale lembrar que esses dados não têm impacto sobre o seu checkout. 

Ou seja, colocar essas informações à vista não muda, necessariamente, as regras de compra que você configurou previamente.

Isso quer dizer que você deve ter cuidado ao informar apenas dados atualizados e factíveis, a fim de não frustrar o seu cliente na hora da compra. 

A loja BrutalKill também usa a Nuvemshop e veja como eles utilizam o banner de frete, pagamento e compra no rodapé da loja: 

4. Banners promocionais 

Os banners promocionais servem para ajudar na divulgação de promoções e descontos. 

Eles são especialmente úteis em períodos sazonais de compra, quando os lojistas querem impulsionar a venda de determinados produtos. 

Ainda assim, eles podem ser usados no dia a dia da loja, sempre que o lojista deseja destacar uma categoria de produtos, um item em particular ou alguma condição especial de compra. 

O banner promocional vai permitir que você coloque uma imagem, um texto e também um botão que leve o seu cliente diretamente a uma categoria de produtos em promoção.

Como colocar banner promocional na Nuvemshop?

1. Acesse o seu painel de administrador na Nuvemshop;
2. Clique em "Minha Nuvemshop > Layout" e clique em "Personalizar seu layout atual";
3. Em seguida, clique em "Página Inicial" e depois em "Banners promocionais".

Como esses são banners que variam muito em formato e de acordo com o layout escolhido, o mais indicado é que você verifique o processo de acordo com cada caso. 

Clique aqui para conferir. 

A ApliqueMe, loja de materiais decorativos que usa a plataforma da Nuvemshop, também utiliza banners promocionais. Veja como eles ficam na prática: 

5. Outros tipos de banner 

Existem ainda outras categorias de banners, dentre elas os banners na página de contato ou horizontal. 

Eles podem ser posicionados no rodapé da loja ou na página de contato e têm o intuito de fornecer informações adicionais ao cliente. 

1. Acesse o seu painel de administrador na Nuvemshop;

2. Clique em "Minha Nuvemshop > Layout" e clique em "Personalizar seu layout atual";

3. Dentro desse menu você encontrará diversas opções de banners: 

• Página Inicial > Banners com imagens;
• Página Inicial > Banner horizontal;
• Página Inicial > Módulos de imagem e texto;
• Lista de Produtos > Imagem para as páginas de categorias;
• Contato > Imagem para a página de contato.

4. Acesse as configurações e clique em "Carregar imagem (JPG, GIF, PNG)".

5. Clique na opção "Selecionar Imagem", para procurar a imagem do banner dentro do seu computador.

6. Preencha os campos de "Título", "Descrição", "Texto do botão", "Link", etc.

7. Clique em "Publicar Alterações".

Como fazer o banner se ajustar no celular usando a Nuvemshop?

É possível configurar imagens diferentes que serão exibidas de acordo com o dispositivo usado pelo visitante do seu site. 

Isso é feito no momento da personalização, de forma bem intuitiva.

Vale lembrar, no entanto, que todos os temas da Nuvemshop são responsivos, ou seja, adaptam-se automaticamente para dispositivos móveis, como os celulares e tablets. 

Esse é um recurso interessante, principalmente porque a maioria das compras em Ecommerce, hoje, são feitas a partir de um smartphone. 

Inclusive, uma pesquisa da CNDL, em parceria com o SPC Brasil mostra que os celulares respondem por 87% das transações em lojas virtuais. 

[CUPOM EXCLUSIVO] Crie a sua loja virtual com a Nuvemshop

Se você chegou até aqui, provavelmente viu como colocar banner na Nuvemshop e personalizar a sua loja virtual fazem parte de um processo bem fácil e intuitivo.

Essa é uma plataforma de Ecommerce muito fácil de usar e, exatamente por isso, nós a indicamos para todos aqueles que querem dar os primeiros passos no Ecommerce. 

Falando nisso, você sabia que leitores do Ecommerce na Prática têm um desconto exclusivo de 25% na primeira mensalidade de qualquer plano da Nuvemshop? Aproveite!

Crie sua loja virtual do zero com a ajuda do Ecommerce na Prática!

Neste artigo nós te ensinamos como colocar banner na Nuvemshop, mostrando os tipos que estão disponíveis e como esse processo varia de acordo com o layout escolhido para sua loja virtual. 

Esperamos que este tenha sido um conteúdo útil para sua jornada empreendedora! 

Saiba, no entanto, que existem muitos outros processos importantes para criar uma loja virtual de sucesso. 

E, se você nunca fez isso antes, ter uma ajudinha extra é sempre bom, não é mesmo? 

Foi por isso que nós criamos o treinamento Loja Virtual do Zero, que conta com uma série de aulas ensinando a como criar um site de vendas próprio, mesmo sem ter nenhuma experiência prévia nisso. 

👉 Neste treinamento você vai aprender como:

• Configurar a sua loja virtual;
• Personalizar o site;
• Cadastrar produtos do jeito certo;
• Criar iniciativas para atrair clientes;
• Executar campanhas de marketing;
• Usar recursos avançados da plataforma de Ecommerce. 

Para começar a aprender, basta assinar a plataforma de educação do Ecommerce na Prática, clique no botão abaixo: