Neste artigo, vamos explorar em pormenor como utilizar o Construtor de páginas Elementor No seu sítio WordPressAdicionar fundo de vídeoO vídeo será uma excelente forma de melhorar o desempenho geral do seu sítio Web. Aprenderá todas as etapas do processo, desde a escolha do vídeo certo até à otimização do desempenho, garantindo que os vídeos de fundo não só são esteticamente agradáveis, como também melhoram o desempenho geral do sítio.

Por que razão devo adicionar um vídeo de fundo ao meu sítio Web?

Adicionar um vídeo de fundo ao seu sítio Web pode aumentar significativamente o seu atrativo e a participação dos utilizadores. Eis algumas razões pelas quais os fundos de vídeo podem ser um ótimo complemento para a conceção de sítios Web:

1. Apelo visual fascinanteOs fundos de vídeo chamam instantaneamente a atenção dos visitantes e criam uma primeira impressão impressionante. Em comparação com as imagens estáticas, os vídeos oferecem uma forma dinâmica de expressar a personalidade e a estética da sua marca, tornando o seu sítio Web mais apelativo do ponto de vista visual.
2. Narração de histórias melhorada: O vídeo é excelente para transmitir informações de uma forma direta e cativante. Um vídeo de fundo bem escolhido pode contar a história da sua marca e criar uma ligação mais profunda com o seu público, comunicando assim melhor os valores e as ideias da sua marca.
3. Aumentar a participação dos utilizadoresEstudos demonstraram que os sítios Web que incluem conteúdos de vídeo têm normalmente um maior envolvimento dos utilizadores e sessões mais longas. Isto não só ajuda a melhorar as classificações de SEO do seu sítio, como também é eficaz para aumentar as taxas de conversão globais.

Como adicionar um vídeo de fundo com o Elementor Page Builder

Antes de começar, é necessário certificar-se de que o plugin Elementor está instalado e ativado.

Passo 1: Criar uma nova secção Elementor

Em primeiro lugar, aceda ao editor do Elementor e adicione uma nova secção. Clique no botão mais para selecionar a largura de secção pretendida. Neste exemplo, vamos escolherlargura totalde modo a que o fundo do vídeo cubra toda a largura da página.

Adicionar uma secção::

• No editor Elementor, clique no botão de adição.
• Escolha um esquema de largura total para que o vídeo ocupe toda a largura da página.

Desta forma, pode garantir que o vídeo de fundo será bem apresentado tanto no computador como nos dispositivos móveis.

Passo 2: Adicionar o nome da classe à secção Elementor

Depois de adicionar uma secção, o painel esquerdo apresenta uma opção chamada "Editar secção". Aqui, o esquema e o estilo da secção podem ser personalizados. Para ajustar o aspeto da secção, navegue até ao separador Layout e ajuste a largura do conteúdo conforme necessário.

Ajustar a largura do esquema::

• No separador Layout, pode selecionar a largura do conteúdo. Para fundos de vídeo, recomendamos a utilização de um esquema em caixa ou de largura total para maximizar a visibilidade do vídeo.
• Escolha um esquema adequado com base no estilo de design geral do sítio Web.

Ao escolher a largura de apresentação correta, pode garantir que o fundo do vídeo é coerente com o design geral do seu sítio Web e proporciona a melhor experiência visual aos seus utilizadores.

Passo 3: Adicionar vídeo a uma parte do fundo

Antes de adicionar um vídeo a uma página Elementor, certifique-se de que o prepara adequadamente para garantir um desempenho ótimo:

Escolher o formato de vídeo correto::

• Certifique-se de que o seu vídeo está num formato adequado para a Web. mp4 e WebM são os formatos mais utilizados e são reproduzidos sem problemas na maioria dos browsers.

Vídeo comprimido::

• Utilize uma ferramenta de compressão de vídeo, como o HandBrake ou o Adobe Media Encoder, para minimizar o tamanho dos ficheiros de vídeo, mantendo uma elevada qualidade visual. Isto pode ajudar a melhorar as velocidades de carregamento da página e evitar problemas de carregamento lento causados por ficheiros de vídeo de grandes dimensões.

Vídeo alojado::

• Carregue os seus vídeos para uma plataforma de alojamento fiável, como o YouTube ou o Vimeo. A visibilidade dos seus vídeos pode ser definida como pública ou privada, conforme necessário.
• Também pode optar por auto-hospedar o vídeo, carregando-o na biblioteca multimédia do WordPress e, em seguida, utilizando o ficheiro .mp4 da biblioteca multimédia como vídeo de fundo.

Adicionar vídeo à página do Elementor::

• Mude para o separador Styles (Estilos) no editor Elementor.
• Na secção Fundos, pode escolher entre Clássico, Gradiente, Vídeo e "Slideshow". Selecione a opção Vídeo e adicione um ficheiro de vídeo preparado ou uma ligação de vídeo.

Com estes passos, é fácil integrar fundos de vídeo nas páginas do Elementor e garantir que são reproduzidos sem problemas numa variedade de dispositivos e navegadores.

Depois de selecionar o fundo do vídeo, aparecem várias opções novas. Aqui, podem ser adicionados efeitos dinâmicos, tais como efeitos de pairar e efeitos de partículas, activando a opção de partículas. Quando clica no ícone de vídeo, é apresentada a seguinte configuração:

Passo 4: Definições personalizadas do fundo do vídeo

Para garantir que os fundos de vídeo têm o melhor aspeto possível no seu sítio Web, o Elementor oferece várias opções de personalização para o ajudar a otimizar a visualização e o desempenho dos seus fundos de vídeo.

Definir a imagem alternativa::

• Adicione uma imagem alternativa no caso de o vídeo não ser reproduzido ou de o dispositivo não suportar a reprodução automática. Escolha uma imagem de alta qualidade que seja relevante para o conteúdo do vídeo para garantir uma experiência visual consistente em todos os dispositivos.

Ajustar a altura do vídeo::

• Se o vídeo não for apresentado na totalidade na página, pode ajustar a definição Altura mínima no separador Layout. Recomenda-se que a altura mínima seja definida para, pelo menos, 400 px para garantir que o vídeo é apresentado corretamente em todos os dispositivos.

Utilizar uma sobreposição de fundo::

• Utilize a função de sobreposição de fundo para aplicar uma sobreposição de cor para melhorar a legibilidade do texto e dar ao vídeo um estilo visual único. Isto é especialmente importante para cenários em que é necessário sobrepor texto ou gráficos ao vídeo.

Garantir a capacidade de resposta dos telemóveis::

• Teste a forma como os fundos de vídeo aparecem em dispositivos móveis para garantir uma experiência de visualização suave em todos os tamanhos de ecrã. Pode pré-visualizar no modo de visualização móvel do Elementor e ajustar as definições conforme necessário.

Estas opções de personalização ajudam-no a afinar a apresentação dos seus fundos de vídeo para garantir a melhor experiência visual para os seus utilizadores.

Etapa 5: Testes e otimização

Depois de adicionar com êxito o vídeo de fundo, o passo seguinte foi testar o seu impacto no desempenho do sítio e na experiência do utilizador e fazer as optimizações necessárias.

1. Teste de velocidade de carregamento da página::
   • Verifique se o vídeo não afecta seriamente a velocidade de carregamento da página. Utilize o botão Google PageSpeed Insights e outras ferramentas para avaliar o desempenho e reduzir os tempos de carregamento, se necessário.

2. Teste de compatibilidade do navegador::
   • Teste o seu sítio Web em diferentes navegadores para se certificar de que os fundos de vídeo são apresentados e funcionam corretamente em cada navegador.
3. Avaliação da experiência do utilizador::
   • Avaliar o impacto do contexto do vídeo na experiência global do utilizador e confirmar que o vídeo não distrai o utilizador nem dificulta a interação.

Através destes passos de teste e otimização, pode garantir que os fundos de vídeo têm um desempenho ótimo no seu sítio Web e proporcionam aos visitantes uma experiência de navegação suave e agradável.

resumos

Ao adicionar um vídeo de fundo ao seu sítio Web WordPress, pode melhorar significativamente o apelo visual e o envolvimento do utilizador no seu sítio Web. Isto pode ser facilmente conseguido utilizando as funcionalidades incorporadas do Elementor Page Builder ou com a ajuda de plugins de terceiros. Lembre-se de que a chave para um vídeo de fundo bem-sucedido é escolher conteúdos que correspondam à sua marca e mensagem, otimizar o vídeo para garantir que carrega rapidamente e assegurar que proporciona uma excelente experiência em todos os dispositivos.