Como inserir banners rotativos na minha loja?
Passo a passo para colocar um carrossel de imagens no layout da sua loja virtual Nuvemshop.
Última atualização: 09/01/2021
Última atualização: 09/01/2021
Em sua loja Nuvemshop, você pode apresentar um carrossel de imagens na sua página inicial, que chamamos de Banners rotativos da página inicial.
Geralmente, ele é formado por imagens, textos e um botões para incentivar seus visitantes à realizar uma determinada ação. Com essa ferramenta, você consegue comunicar diferentes informações importantes sobre a sua marca de uma forma atraente e interativa. É importante que tais banners possuem conteúdos relevantes, uma vez que é a primeira coisa que os visitantes da sua loja irão ver.
Este tutorial está dividido em três partes:
se você não tem banners para colocar em sua loja, consulte o tutorial 👉Como criar banners gratuitos para sua loja?, onde mostramos como utilizar uma ferramenta que ajuda a criar banners de forma rápida e fácil. Caso você esteja utilizando o layout Idea você poderá personalizar inserir títulos, descrições e botões diretamente do seu painel de administração.
Vamos aos passos!
1. No painel de administração da sua loja, siga pelo caminho "Minha Nuvemshop > Layout" > "Personalizar layout".
2. No menu, clique em "Página Inicial" > "Banners rotativos" ou "Banners rotativos da página inicial".
3. Agora clique em "Selecionar imagem", para procurar a imagem dentro do seu computador que irá compor o banner e adicioná-la ao seu layout.
cada layout tem medidas específicas de banners rotativos. Então lembre sempre de olhar as medidas recomendadas, caso contrário a imagem do banner poderá ficar achatada. Além disso, os formatos suportados pela plataforma são: JPEG, GIF e PNG.
4. Cada imagem que você incluir representará um dos seus banners. Você poderá adicionar quantos quiser, porém recomendamos que não sejam adicionados mais do que cinco, para não deixar sua loja "poluída".
5. Caso adicione mais de 1 banner, você pode escolher a ordem que eles aparecerão. Basta segurar o banner e arrastar para a posição desejada.
para remover um banner, é só você clicar no símbolo da "lata de lixo".
6. Assim que terminar de incluir seus banners, defina se você quer salvar suas alterações no rascunho do seu layout, ou publicá-las em sua loja:
Para salvar essa alteração em um rascunho, clique em "Salvar rascunho". Para publicá-la imediatamente em sua loja, clique em "Publicar".
ao clicar em "Publicar", todas as alterações salvas no seu rascunho serão publicadas na sua loja e não somente a mudança que você fez no momento.
1. Para começar a editá-lo, clique no símbolo do link ou do texto localizados em cima da imagem do seu banner, como no exemplo abaixo:
As opções de adicionar título, inserir descrição, adicionar botão e alterar a cor do texto estão disponíveis somente nos layouts Idea, Bahia e Amazonas.
2. Você será direcionado para a tela abaixo, onde poderá fazer todas as alterações:3. Assim que terminar de preencher todas as informações, defina se você quer salvar suas alterações no rascunho do seu layout, ou publicá-las em sua loja:
Para salvar essa alteração em um rascunho, clique em "Salvar rascunho". Para publicá-la imediatamente em sua loja, clique em "Publicar".
ao clicar em "Publicar", todas as alterações salvas no seu rascunho serão publicadas na sua loja e não somente a mudança que você fez no momento.
Devido ao espaço limitado de exibição da tela do celular, os banners rotativos poderão ser exibidos em uma escala reduzida em alguns layouts específicos (Cubo, Idea, Bahia e Amazonas).
Por isso, separamos pra você um de nossos guias onde ensinamos como construir um banner ideal para exibição tanto na versão para computador quanto na versão mobile de sua loja!
para preservar a visibilidade e clareza de informações na versão mobile da loja, os banners rotativos não se movem automaticamente.
Pronto! Feito isso seu banner já será publicado na sua loja ou salvo no seu rascunho!
Passos para criar um rascunho do layout da sua loja e visualizar todas as alterações antes de publicá-las
Saiba como criar as imagens para os banner rotativos nestes layouts e garanta uma ótima experiência de navegação na sua loja.
Tutoriais sobre como configurar a home de sua loja e ter um layout mais personalizado
Passo a passo para modificar a frase "Sem estoque" que aparecem nos produtos