Como cadastrar e personalizar os banners na sua loja virtual TriCommerce

O módulo Banners, disponível na seção Personalização da Loja, permite adicionar e personalizar os banners principais e secundários da sua loja virtual. Banners bem configurados são uma ótima forma de destacar promoções e atrair a atenção dos seus visitantes, além de dar mais charme e movimento à sua loja.

Personalize sua loja com banners dinâmicos

Utilize imagens nos formatos WebP, JPEG, PNG, GIFs animados, vídeos ou até mesmo links do YouTube incorporados (somente para o banner secundário) para criar uma experiência visual mais envolvente para seus clientes.

Tipos de Banners e Tamanhos Recomendados

• Banner Principal Default

  • Desktop: 1920 px x 550 px

  • Tipo de mídia: Imagem, GIF ou vídeo.

• Banner Principal Fullscreen

  • Desktop: 1920 px x 720 px

  • Tipo de mídia: Imagem, GIF ou vídeo.

• Banner Secundário

  • Desktop: Tamanho dinâmico (varia conforme a posição e o layout da loja).

  • Tipo de mídia: Imagem, GIF, arquivo de vídeo ou vídeos do YouTube.

Formatos de Mídia Suportados

• Imagens: JPEG, PNG, WebP.

• GIFs Animados: Para adicionar movimento.

• Vídeos: WebM, OGV, MP4, ou vídeos do YouTube.

Passo a Passo para Cadastrar, Editar e Clonar Banners

Passo 1:
No painel de administração da sua loja, clique em Personalização da Loja e depois em Vitrines / Banners. Por padrão, aparecerão alguns banners de exemplo, que você pode editar ou excluir.

Passo 2:
Para adicionar um novo banner, clique em Criar Novo Banner. Para editar um banner já existente, clique em Editar. Uma nova aba será aberta para configurar as informações do banner.

Na primeira aba, você deverá:

• Definir o nome do banner.

• Escolher se será para Desktop ou Mobile.

• Escolher a posição se será um banner principal padrão, full screen ou secundário.

• Aplicar o link para onde o banner direcionará os visitantes.

• Adicionar outras informações necessárias, como título, subtítulo e call to action (CTA), se desejado.

Após preencher essas informações, você pode clicar em Salvar e Continuar ou ir diretamente para a aba Mídia.

Passo 3:
Na aba Mídia, você deve selecionar o tipo de mídia (Imagem ou Vídeo) que deseja usar. Clique em Salvar após adicionar a mídia.

Passo 4:
Depois de cadastrar o banner, você pode:

• Ativar/Inativar: Controle a visibilidade do banner.

• Ordenar: Arraste para reorganizar a exibição.

• Editar: Atualize informações ou substitua arquivos de mídia.

• Clonar: Crie cópias de banners para edições rápidas ou reutilização em outras partes da loja.

• Excluir: Remova banners desnecessários.

Opções Avançadas para Banners (Opcional)

Além das configurações básicas, você pode adicionar informações complementares de forma opcional, como:

• Título e Subtítulo: Para adicionar mais contexto ao banner.

• Call to Action (CTA): Para direcionar o visitante a uma ação específica, como "Comprar Agora" ou "Saiba Mais".

Você também pode decidir se deseja que o link do banner abra em uma nova aba ou na mesma aba, conforme sua preferência.

Com as opções avançadas de personalização de banners, você pode rapidamente criar composições visualmente impactantes. Utilize uma imagem abstrata ou conceitual de fundo e sobreponha textos persuasivos e botões de ação(Call to Action - CTA) para direcionar seus visitantes a uma ação imediata, como "Comprar Agora", "Saiba Mais" ou qualquer outra ação relevante. Essa combinação de elementos ajuda a capturar a atenção, destacar ofertas e produtos, e aumentar a conversão de sua loja virtual.

Dicas Importantes

• Crie banners visualmente atraentes e com mensagens claras para maximizar o impacto no cliente.

• Certifique-se de que o conteúdo do banner seja relevante e atual.

• Teste a exibição tanto em desktop quanto em dispositivos móveis antes de ativar o banner.

• Use imagens de fundo com texto e botões para promover ofertas ou produtos de forma dinâmica e atrativa.

Boas vendas!
Equipe TriCommerce