O bloco Vídeo permite incorporar conteúdo de vídeo diretamente em qualquer página do SeedProd. Você pode incorporar um vídeo do YouTube usando sua URL ou colar um código de incorporação personalizado de qualquer plataforma — incluindo Vimeo, Wistia e outras —, o que lhe dá a flexibilidade de usar qualquer hospedagem de vídeo em que seu conteúdo esteja armazenado.
O vídeo é uma das ferramentas mais eficazes para aumentar o engajamento e as conversões nas páginas de destino. Use este bloco para apresentar demonstrações de produtos, depoimentos, vídeos explicativos ou qualquer conteúdo multimídia que ajude a contar sua história e manter os visitantes em sua página por mais tempo.
Adicionando o bloco de vídeo às suas páginas
Siga estas etapas para adicionar um bloco de vídeo à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Vídeo na seção desejada da sua página.
Etapa 2: Configurar as definições de conteúdo
Depois de adicionado, clique no bloco Vídeo para abrir suas configurações. Na guia Conteúdo, você encontrará as seguintes opções na seção Vídeo:
- Tipo: Escolha entre YouTube para incorporar um vídeo por URL ou Personalizado para colar um código incorporado de qualquer plataforma de vídeo, como Vimeo, Wistia ou outras.
- URL do YouTube (apenas para o YouTube): insira o URL completo do vídeo do YouTube que deseja incorporar (por exemplo,
https://www.youtube.com/watch?v=MUXoqm3VpRo). - Código de vídeo personalizado (apenas tipo personalizado): Cole o código iframe completo fornecido pela sua plataforma de hospedagem de vídeos.
- Largura: defina a largura do reprodutor de vídeo como uma porcentagem do seu contêiner usando um controle deslizante (padrão: 100%).
- Alinhamento: defina o alinhamento horizontal do reprodutor de vídeo — Esquerda, Centro ou Direita — com controles por dispositivo para desktop, tablet e celular.
Etapa 3: Personalizar o design
Na guia Avançado, você pode personalizar a aparência visual do seu bloco de vídeo.
Estilos:
- Sombra: aplique uma sombra ao reprodutor de vídeo usando tamanhos predefinidos — Nenhum, Fino, Pequeno, Médio, Grande, Extragrande ou 2X Grande.
Espaçamento:
- Margem: defina o espaçamento externo ao redor do bloco nos quatro lados, com controles independentes para desktop, tablet e celular.
- Preenchimento: defina o espaçamento interno dentro do bloco wrapper nos quatro lados, com controles por dispositivo.
Atributos:
- Classe personalizada: adicione uma ou mais classes CSS personalizadas ao invólucro do bloco para obter um estilo específico.
- ID CSS: O SeedProd gera automaticamente um ID CSS exclusivo para este bloco. Você pode usá-lo para referenciar o bloco em CSS ou JavaScript personalizados.
- Atributos personalizados: adicione atributos HTML personalizados ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato chave|valor.
Visibilidade do dispositivo:
- Ocultar na área de trabalho: alterne para ocultar o bloco quando visualizado em telas de desktop.
- Ocultar no tablet: alterne para ocultar o bloco quando visualizado em telas de tablet.
- Ocultar no celular: Alterne para ocultar o bloco quando visualizado em telas de celular.
Efeitos de animação:
- Efeito de rolagem: aplique uma animação acionada pela rolagem ao bloco, incluindo opções de rolagem vertical e horizontal com controles de direção, velocidade e deslocamento da janela de visualização.
- Efeito do mouse: aplique um efeito de paralaxe acionado pelo movimento do mouse ao bloco.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Vídeo e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de vídeo à sua página! Quer esteja incorporando um vídeo do YouTube ou um reprodutor personalizado de outra plataforma, o conteúdo de vídeo é uma forma poderosa de comunicar sua mensagem e aumentar o tempo de permanência na página. Use as configurações de largura, alinhamento e sombra para integrar perfeitamente seu vídeo em qualquer layout de página.