O banner principal é o primeiro que os seus visitantes verão quando entrarem na sua loja virtual. Você pode usá-lo para destacar produtos, promoções ou mensagens importantes.

O Mercado Shops permite que você adicione no banner principal até cinco slides com imagens que vão se alternando automaticamente ou quando as pessoas clicarem na seta de deslocamento.

Como editar o banner principal 

Para ter um banner personalizado em uma loja virtual, é preciso seguir estes passos:

1. Defina o estilo do seu banner;
2. Faça o upload das imagens;
3. Personalize o banner;
4. Edite o título, a descrição e a chamada para ação. 

 

Vamos ver como fazer isso:

1. Defina o estilo do banner

1.1. Dentro do Editor de Design, no painel da “página inicial”, selecione o componente “banner principal”.

1.2. Escolha o modelo do banner. Estão disponíveis três tipos de layout de banner:

• Banner padrão (texto sobre a imagem);
• Banner flutuante (texto sobre a imagem, em uma caixa);
• Banner fixo (texto lateral sobre fundo sólido).

 

2. Faça o upload das imagens

2.1. Se você estiver usando um modelo, dentro da seção de conteúdo, clique no ícone do lápis ✏️ ao lado da imagem do banner que deseja substituir.

Para adicionar um novo slide de imagem, você pode fazer isso clicando sobre o símbolo +, ao lado de Adicionar conteúdo.

2.2. Selecione a nova imagem a partir do seu dispositivo. Não se esqueça de carregar também uma imagem para a versão mobile.

 

 

3. Edite os textos do seu banner

1. No menu de edição do banner, adicione um “antetítulo”. Trata-se de uma frase curta para despertar a atenção dos seus clientes (por exemplo, parcelamento, frete grátis ou alguma promoção).
2. Crie um “título”. Esta mensagem deve ser relevante, clara e concisa.
3. Amplie a informação do seu título com um parágrafo que convide o usuário a comprar.
4. Adicione um link para redirecionar os seus compradores.
5. Edite o texto do botão com uma chamada à ação clara (por exemplo, “Aproveite o desconto”, “Confira as promoções”).

 

1.3. Personalize o banner: 

Ao escolher um layout, você poderá:

• Estabelecer a posição do texto.
• Definir a cor do texto (branco ou preto).
• Colocar um filtro na imagem (somente para banner padrão); ou aplicar uma cor na caixa de texto (somente para banner flutuante ou fixo).
• Ajustar a transparência do filtro e da caixa de texto (somente para banner padrão ou flutuante).