Como adicionar mídia aos blocos

Você pode definir imagens ou vídeos como um plano de fundo personalizado na maioria dos blocos e adicioná-los a componentes individuais dentro dos blocos.

Como adicionar imagens a um bloco

Para definir uma imagem como plano de fundo personalizado ou adicionar uma imagem ao componente de um bloco:

Abra seu projeto na Conta de Distribuidor e acesse a seção Vitrines > Sites.
No painel do site desejado, clique em Abrir Site Builder.

Nas configurações do bloco, ative a opção correspondente (por exemplo, Plano de fundo personalizado, Ícone de Jogo) e clique no campo de prévia abaixo da opção.

Clique em Mídia.

Na janela modal que abrir, faça o envio da imagem de uma das seguintes maneiras:
1. Na aba Todos os recursos ou Imagens, arraste e solte a imagem e pressione-a após o envio.
2. Pressione Adicionar novo recurso, selecione Do dispositivo na lista suspensa e faça o envio da imagem desejada.

Tamanho máximo da imagem: 10 MB.
Formatos suportados: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
A largura recomendada para uma imagem de plano de fundo personalizado em um bloco é de 1920 px. Determine as proporções adequadas após o conteúdo necessário ter sido adicionado ao bloco. Os tamanhos recomendados para outros tipos de imagem são fornecidos nas descrições dos blocos.

Configure o estilo da imagem:

O conjunto de configurações depende do componente ao qual você está adicionando a mídia.

1. Escolha o método de posicionamento da imagem:
  - Conter — a imagem preenche todo o bloco mantendo as proporções. Se as proporções da imagem e do bloco forem diferentes, parte da imagem pode ser cortada.
  - Cobrir (padrão) — a imagem mantém sua proporção e se ajusta à altura do bloco.
  - Preencher (recomendado para planos de fundo personalizados) — a imagem preenche a largura do bloco e pode ser cortada na parte superior e inferior se exceder a altura do bloco.

Um plano de fundo personalizado não tem largura ou altura fixa, pois suas dimensões se ajustam dinamicamente ao tamanho do bloco. O tamanho do bloco muda dependendo do conteúdo (por exemplo, a quantidade de texto adicionada, presença ou ausência de botões) e da resolução da tela do dispositivo.

- - Ajustar — a imagem se estende ao tamanho do bloco sem manter as proporções.

1. Escolha a posição da imagem (opcional):
  - Superior esquerda
  - Superior central
  - Superior direita
  - Esquerda
  - Central (padrão)
  - Direita
  - Inferior esquerda
  - Inferior central
  - Inferior direita

Se o vídeo já preencher o contêiner de um lado (por exemplo, pela altura no modo Ajustar), o deslocamento só funcionará no outro eixo — deixando três opções (esquerda, central ou direita).

1. Ajuste a tonalidade e o gradiente da imagem (opcional).

Publique o site.

Como adicionar vídeos a um bloco

Para definir um vídeo como plano de fundo personalizado ou adicionar um vídeo a um componente de um bloco:

Abra seu projeto na Conta de Distribuidor e acesse a seção Vitrines > Sites.
No painel do site desejado, clique em Abrir Site Builder.

Nas configurações do bloco, ative a opção correspondente (por exemplo, Plano de fundo personalizado, Ícone de jogo) e clique no campo de prévia abaixo da opção.

Clique em Mídia.

Na janela modal que abrir, faça o envio do vídeo de uma das seguintes maneiras:
1. Na aba Todos os recursos ou Vídeos, arraste e solte o vídeo e pressione-o após o envio.
2. Pressione Adicionar novo recurso e selecione um método de envio de vídeo na lista suspensa:
  - Do dispositivo — selecione o arquivo de vídeo no seu dispositivo.
  - Do YouTube — insira o URL do vídeo hospedado no YouTube.

Tamanho máximo para um único vídeo carregado de um dispositivo: 10 MB.
Formatos suportados: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Adicionar um vídeo como plano de fundo personalizado não é suportado nos blocos Chamado a ação, Controle deslizante promocional e Assinaturas.
A largura recomendada para um vídeo de plano de fundo personalizado em um bloco é de 1920 px. Determine as proporções adequadas após o conteúdo necessário ter sido adicionado ao bloco. Os tamanhos recomendados para outros tipos de imagem são fornecidos nas descrições dos blocos.

Configure o estilo do vídeo:

O conjunto de configurações depende do elemento ao qual você está adicionando mídia.

1. Escolha o método de posicionamento do vídeo (apenas para vídeos carregados de um dispositivo):
  - Contém — o vídeo preenche todo o bloco mantendo as proporções. Se as proporções do vídeo e do bloco forem diferentes, parte da imagem pode ser cortada.
  - Cobrir (padrão) — o vídeo mantém sua proporção e se ajusta à altura do bloco.
  - Preencher (recomendado para planos de fundo personalizados) — o vídeo preenche a largura do bloco e pode ser cortada na parte superior e inferior se exceder a altura do bloco.

- - Ajustar — o vídeo se estende ao tamanho do bloco sem manter as proporções.

1. Configure a reprodução do vídeo (opcional, não disponível para planos de fundo personalizados). As seguintes configurações estão disponíveis:
  - Silenciar vídeo.
  - Fazer loop do vídeo.
  - Reproduzir vídeo automaticamente.
  - Imagem de capa — uma imagem que é exibida antes do vídeo começar a tocar ou se estiver indisponível para os usuários. Esta configuração está disponível apenas para vídeos carregados de um dispositivo.

Você não pode manter o som do vídeo ativado e habilitar a reprodução automática ao mesmo tempo. Se você ativar a opção Reproduzir vídeo automaticamente, a opção Silenciar vídeo também será ativada.

1. Ajuste a tonalidade e o gradiente do vídeo (opcional).

Publique o site.

Obrigado pelo seu feedback!

Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.

Última atualização: 4 de Junho de 2026

Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.

Conteúdos

Como adicionar imagens a um bloco
Como adicionar vídeos a um bloco