E-commerce

Banner

Cadastro do banner

O cadastro do banner principal é realizado pela equipe do parque através do Volpe.

Para cadastrar um novo banner, acesse E-commerce → Banners, clique com o botão direito do mouse e selecione Incluir.

image-20260807-165105.png

Título: Informe o título do banner. Esse nome será utilizado para identificação no Volpe e também poderá ser exibido no e-commerce.

Subtítulo: Texto complementar que será exibido no banner do e-commerce.

Texto do botão: Informe o texto que será exibido no botão do banner. O botão será apresentado no centro da imagem.

URL de destino: Caso o banner seja utilizado para divulgar uma promoção ou uma vitrine específica, informe a URL para que o usuário seja redirecionado ao clicar no banner ou no botão.

Exibição de: Defina a data em que o banner ficará disponível para exibição no e-commerce.

Abertura da URL: Escolha como o redirecionamento será realizado.

  • 0 – Redirecionamento desabilitado: O banner não realizará nenhum redirecionamento.

  • 1 – Redirecionamento ao clicar no botão: A URL será aberta somente quando o usuário clicar no botão do banner.

  • 2 – Redirecionamento ao clicar no banner: A URL será aberta ao clicar em qualquer área do banner.

Caso deseje que o Título e o Subtítulo sejam exibidos no e-commerce, basta ativar a opção abaixo.

image-20260807-170038.png

Com essa opção habilitada, os textos cadastrados serão apresentados sobre o banner.


Inclusão de mais de um banner

É viável adicionar múltiplos banners à tela principal; a quantidade e a ordem de exibição ficam a critério da equipe responsável pelo site.

image-20240729-180351.png

É possível parametrizar o tempo de intervalo entre a troca de banners quando necessário, através dos parâmetros.

  • CE.INTERVALO_AUTOPLAY_BANNER

image-20240729-180431.png




Tamanho

O tamanho do banner pode ser configurado pela equipe do site através de parâmetros. Caso se opte por não utilizar um banner, o parâmetro deve ser definido como 0.

  • CE.TAMANHO_BANNER

image-20240729-180904.png



Botão de scrool

A equipe do site tem a opção de ativar ou desativar o botão de scroll do banner nos parâmetros.

  • CE.BOTAO_SCROLL_HOME

image-20240801-125734.png




Botão play/pause

A equipe do site pode escolher ativar ou desativar o botão de play/pause automática do banner nos parâmetros.

  • CE.PLAY_PAUSE_AUTOPLAY_BANNER

  • CE.HABILITAR_AUTOPLAY_BANNER


image-20240729-180801.png



Texto entre o banner e a vitrine de produtos

O texto localizado entre o banner e a vitrine de produtos é configurado pela equipe do site através dos parâmetros.

  • CE.TEXTO_BANNER_VITRINE


image-20240801-122712.png



Vídeo no Banner

Para configurar um vídeo no banner do seu E-commerce, acesse a aba “Banners”, clique no ícone de filmadora e informe a URL do vídeo.

image-20260914-202533.png

Para que o e-commerce exiba vídeos no banner, é necessário ativar os parâmetros correspondentes a cada dispositivo:

  • Desktop: CE_ATIVAR_VIDEO_BANNER

  • Mobile: CE_ATIVAR_VIDEO_BANNER_MOBILE

A ativação dos parâmetros permite que o vídeo configurado no banner seja exibido corretamente no respectivo dispositivo.



Hospedagem de Vídeos para o seu Banner

Para garantir que os vídeos carreguem instantaneamente e sem travamentos na sua vitrine digital, nosso sistema exige o link direto do arquivo de vídeo. Links de plataformas tradicionais como o YouTube ou páginas comuns do Google Drive não funcionam aqui, pois eles carregam uma página inteira e não o arquivo de vídeo puro. 

 

REGRA DE OURO: O link que você colar no sistema deve, obrigatoriamente, terminar com a
extensão .mp4 ou .webm.
Exemplo correto: https://seu-servidor.com/videos/banner-natal.mp4


Opção Recomendada: Cloudinary (Gratuito e Profissional) 

O Cloudinary é uma das melhores plataformas do mundo para hospedagem de mídia. Eles oferecem um plano gratuito muito generoso que atende perfeitamente a sua vitrine. 

  1. Passo 1: Acesse http://cloudinary.com e crie uma conta gratuita clicando em "Sign Up for Free". 

  1. Passo 2: Após fazer o login, você entrará no seu painel (Dashboard). No menu lateral, clique em 

"Media Library" (Biblioteca de Mídia). 

  1. Passo 3: Clique no botão superior "Upload", arraste e solte o seu arquivo de vídeo .mp4. 

  1. Passo 4: Quando o upload terminar, passe o mouse por cima da miniatura do vídeo carregado. 

  1. Passo 5: Procure pelo ícone de corrente (Link) ou clique nas opções do arquivo e selecione "Copy URL" (Copiar URL). 


Pronto! O link copiado do Cloudinary terminará exatamente em .mp4 e está pronto para ser
colado nas configurações do seu banner.


Como copiar o link correto (.mp4):

  1. Na Media Library, passe o mouse sobre o vídeo.

  2. Clique no ícone de corrente/link (Copy URL) que aparece sobre o card do arquivo (sem precisar abrir o vídeo).

image-20260930-150554.png

Atenção: Evite clicar no botão ou aba "Embed" / "Embed Player", pois essa opção gera um player da web e não o link direto da mídia.

image-20260930-150648.png


Utilizando Outros Servidores da Internet 

Se você já possui um servidor próprio, um site ou utiliza outros serviços de hospedagem (como o próprio servidor da sua loja ou outros serviços especializados), você também pode utilizá-los. No entanto, preste muita atenção aos requisitos técnicos obrigatórios: 

Requisitos para links de outros servidores: 

  • O link deve obrigatoriamente apontar diretamente para o arquivo e terminar com a extensão .mp4. 

  • O servidor de origem deve permitir o compartilhamento público e streaming direto (reprodução contínua enquanto o arquivo é baixado). 

  • Links gerados por encurtadores de links (como Bitly) ou links compartilhados de redes sociais (Instagram, TikTok) não funcionarão. 

 

Dicas Importantes para o Sucesso dos Seus Vídeos 

  • Peso do Arquivo: Para que sua vitrine carregue de forma ultra rápida para os clientes, evite vídeos pesados. Recomendamos que os arquivos tenham no máximo 15MB. 

  • Formato do Arquivo: Certifique-se de que o vídeo foi gravado ou convertido para o formato .mp4 antes de realizar o upload em qualquer servidor. 

Suporte 📞

Ficou com alguma dúvida?

Nos contate através de nossa central de Atendimento ao Cliente!

📱 Iniciar Conversa Aqui!