Elemento de banner de vídeo

Sobre o elemento Banner de vídeo no GemPages

O processo de Elemento de banner de vídeo do GemPages permite que você adicione fundos de vídeo dinâmicos à sua página, perfeitos para seções de heróis ou blocos promocionais. 

Em vez de depender de imagens estáticas, você pode usar movimento para contar a história da sua marca, destacar mensagens principais e chamar imediatamente a atenção dos visitantes.

Este elemento facilita para qualquer lojista da Shopify criar layouts modernos e imersivos que melhoram tanto o apelo visual quanto o envolvimento do usuário.

Como adicionar um elemento de banner de vídeo à sua página?

Siga estes passos simples para adicionar o Elemento de banner de vídeo para sua página:

Passo 1: No seu administrador do Shopify, acesse o painel do GemPages e localize PÁGINAS.

Passo 2: Clique na página onde você gostaria de exibir o banner de vídeo para abrir o Editor do GemPages. 

Se você ainda não criou uma página, clique em Crie uma nova página, e referem-se a este guia para começar.

Passo 3: Use a barra de pesquisa no editor GemPages para encontrar o elemento de banner de vídeo. Arraste e solte-o na posição desejada na sua página.

Em seguida, clique no elemento para abrir suas configurações. Você pode personalizá-lo do seu jeito usando o Configurações e Avançado Guias.

Configurar a guia Configurações

Localize o Configurações aba para configurar o elemento do banner de vídeo:

traçado

Escolha o layout do seu elemento de vídeo entre 12 opções disponíveis no painel de configurações. Você também pode ajustar a proporção para obter a melhor visibilidade.

Contexto

De acordo com o relatório Contexto seção, configure o plano de fundo deste elemento. 

Se você preferir o Vídeo opção de fundo, ignore o Cor e Imagem onas.

Observação: Embora o Cor e Imagem as opções de fundo ainda estiverem disponíveis, as alterações podem estar ocultas pelo vídeo.

De acordo com o relatório Vídeo painel de configurações, selecione a fonte de vídeo de YouTube or Hospedagem de vídeo. Em seguida, insira a URL do vídeo na caixa para usá-lo como plano de fundo do elemento.

Colocou o Loop video para Sim se você quiser que o vídeo fique em loop. 

Você também pode adicionar uma sobreposição ao seu vídeo. Clique Mostre mais > Caixa “Adicionar…” ao lado de da Sobreposição opção para configurar a camada de sobreposição como você preferir.

Dimensões:

Escolha a sua proporção preferida entre Proporção de vídeo suspenso. Por padrão, a proporção é definida como 16:9, ideal para a maioria das telas de desktop.

Você também pode selecionar Molduras por Medida para definir sua própria proporção.

Em seguida configure:

• Largura:
  • Completo (100%): Exibe o vídeo em largura total.
  • Padrão (1200px): Limita o vídeo à largura do conteúdo da sua página.
• Altura: Personalize para equilíbrio visual no desktop e no celular.

Conteúdo

Ajuste a largura, o preenchimento e o alinhamento do conteúdo do seu banner de vídeo:

• Largura: Controle a largura de qualquer conteúdo colocado sobre o banner.
• padding: Ajuste o espaçamento dentro do banner para um layout limpo.
• Alinhar: Escolha como o conteúdo da sobreposição será alinhado verticalmente dentro do banner (superior, central, inferior e altura total)

Shape

Personalize o formato do banner para combinar com seu estilo de design:

• Fronteira: Adicione uma borda para dar ênfase.
• Raio de canto: Arredonde os cantos para um visual mais suave.
• Sombra: Adicione uma sombra para criar profundidade.

Efeito

Aplique uma sobreposição para melhorar a visibilidade do seu banner de vídeo.

de vidrio

Alternar no de vidrio seção para ver as configurações detalhadas. Você pode escolher o Depois de clicar ação da lista suspensa, incluindo:

• Abrir página
• Vá para
• Abrir pop-up
• Enviar email
• Fazer chamada telefônica

Por exemplo, definimos o Depois de clicar = Abra a página. Em seguida, selecione a página de destino inserindo o link da página ou escolhendo entre as opções disponíveis:

SEO

Otimize o banner de vídeo para mecanismos de busca fornecendo texto alternativo e título de imagem, garantindo melhor visibilidade para sua loja.

Alinhar

Ajuste o alinhamento do vídeo: alinhado à esquerda, centralizado ou à direita, conforme preferir.

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até o Avançado aba e siga as instruções em Este artigo.