Como Criar um Slider de Vídeo no WordPress (Tutorial Fácil)

Ver sua taxa de rejeição do WordPress subir enquanto os concorrentes capturam a atenção sem esforço pode ser frustrante. Muitas vezes, a diferença se resume a uma coisa: movimento.

Páginas estáticas lutam para manter o interesse, deixando os visitantes passando sem interagir.

Uma maneira de consertar isso? Adicionar um slider de vídeo.

Sliders de vídeo dão vida ao seu conteúdo combinando movimento, visuais e narrativa. Eles ajudam a capturar a atenção de maneiras que imagens estáticas simplesmente não conseguem e incentivam os usuários a permanecerem mais tempo em seu site.

Neste tutorial, mostraremos como criar um slider de vídeo no WordPress sem nenhum código. Ao final, você terá uma página inicial dinâmica que torna seu site mais atraente e mantém os visitantes engajados. 🙌

Por que usar um Slider de Vídeo no WordPress?

Sliders de vídeo são uma maneira fácil de tornar seu site WordPress mais envolvente e memorável.

Ao contrário de imagens estáticas, os vídeos chamam a atenção imediatamente e podem mostrar mais em menos tempo, aumentando o tempo na página em até 88%. Uma primeira impressão forte pode ser a diferença entre um visitante ficar e sair do seu site.

Sliders de vídeo também são incrivelmente versáteis. Você pode usá-los para destacar demonstrações de produtos, compartilhar avaliações de clientes ou exibir conteúdo promocional.

Por exemplo:

• Um site de viagens poderia destacar recomendações de hotéis, destinos e experiências de passeios.
• Um site imobiliário poderia apresentar passeios virtuais por propriedades.

Em sua essência, sliders de vídeo são simplesmente apresentações de slides que usam vídeos em vez de imagens. Isso pode tornar seu site mais animado e interativo.

Aqui estão algumas maneiras práticas de usar sliders de vídeo em seu site WordPress:

• 🛍️ Exiba avaliações de produtos ou serviços.
• 🧑‍🏫 Demonstre recursos e como os produtos funcionam.
• 📢 Compartilhe depoimentos curtos de clientes satisfeitos.
• 📚 Destaque estudos de caso detalhados.

Com isso em mente, vamos ver como você pode criar facilmente sliders de vídeo no WordPress para engajar seu público.

Aqui está uma visão geral rápida de todas as etapas que abordaremos neste guia:

Pronto? Vamos começar!

Adicionando um Slider de Vídeo ao Seu Site WordPress

A maneira mais fácil de adicionar sliders de vídeo ao seu site é usando um plugin.

Recomendamos o Soliloquy porque é o melhor plugin de slider do WordPress do mercado. Em meus testes em um site WordPress ativo, descobri que o Soliloquy é excepcionalmente rápido, sem prejudicar os tempos de carregamento da página.

Ele suporta plataformas de vídeo populares como YouTube, Vimeo e Wistia, permitindo que você simplesmente cole um URL de vídeo para adicioná-lo ao seu slider. Ele também é totalmente responsivo para dispositivos móveis, então seus slides de vídeo ficarão ótimos em qualquer dispositivo.

Além disso, você não está limitado a vídeos – você pode misturar imagens e outros conteúdos para criar sliders mais envolventes. Você pode saber mais sobre isso em nossa análise completa do Soliloquy.

Agora, a primeira coisa que você precisa fazer é criar uma conta Soliloquy através do site do Soliloquy e fazer o upload do arquivo zip para o seu site WordPress para instalá-lo.

Para mais detalhes sobre a instalação, você pode conferir nosso post sobre como instalar um plugin do WordPress.

Após a ativação, simplesmente navegue até Soliloquy » Adicionar Novo.

Na próxima tela, você precisará dar um título ao seu novo slider de vídeo. Em seguida, clique no botão que diz ‘Selecionar Arquivos de Outras Fontes’.

Uma janela pop-up aparecerá onde você precisará clicar na opção ‘Inserir Slide de Vídeo’. A partir daqui, você pode adicionar o título, URL do vídeo, legenda e texto alternativo para o seu vídeo.

Você pode começar dando um nome claro ao seu slide para que seja mais fácil de organizar depois.

Em seguida, insira o link do seu vídeo no campo ‘URL do Vídeo’. Você pode usar um link da sua biblioteca de mídia ou, preferencialmente, um site de hospedagem de vídeo como YouTube, Vimeo ou Wistia. Simplesmente cole o URL padrão do vídeo do seu navegador – nenhum código de incorporação é necessário.

Se você estiver usando um vídeo da sua biblioteca de mídia, precisará fazer o upload de uma imagem de capa no campo ‘URL da imagem’. Essa imagem é exibida antes da reprodução do vídeo e ajuda a melhorar o desempenho impedindo que o vídeo seja carregado imediatamente.

Dito isso, se você estiver usando um link do YouTube, Vimeo ou Wistia, o Soliloquy ocultará automaticamente o campo ‘URL da imagem’ para você.

Você também pode adicionar uma legenda, se desejar. Este é um ótimo lugar para explicar brevemente sobre o que é o vídeo e incentivar os usuários a clicar em reproduzir.

Se você quiser adicionar outro slide de vídeo, basta clicar no botão 'Adicionar Outro Slide de Vídeo'.

A partir daí, você precisará fazer o upload do título, URL do vídeo, URL da imagem, legenda e texto alternativo do próximo vídeo.

Com isso feito, você pode repetir o processo para todos os slides de vídeo que deseja adicionar.

Depois disso, basta clicar no botão 'Inserir no Slider'.

Seus slides de vídeo aparecerão na nova tela de slide assim.

Se precisar fazer alterações neles, você sempre pode clicar no ícone de lápis para editar o vídeo ou clicar no ícone 'Inativo' para torná-lo inativo.

A partir daqui, você pode ir para a aba 'Configuração' para personalizar como deseja que seu slider de vídeo apareça.

Nesta tela, você pode alternar várias configurações.

Por exemplo, você pode alterar as dimensões do slide para se adequar ao design do seu site. Você também pode personalizar a posição do slider e da legenda para que se alinhem com outros elementos da sua página.

Outra opção que você pode querer considerar é se deseja ou não permitir a reprodução automática de vídeo.

Você pode definir o slide de vídeo para reproduzir automaticamente quando um visitante acessa a página, para que ele seja forçado a assistir ao seu conteúdo.

No entanto, lembre-se de que isso pode diminuir a velocidade de carregamento da página, pois o navegador também precisa carregar o vídeo. Além disso, navegadores modernos frequentemente bloqueiam vídeos de reprodução automática, a menos que estejam silenciados.

A vantagem do Soliloquy é que o plugin também pode otimizar seu slider de vídeo para dispositivos móveis, mas você precisará configurar essas configurações manualmente.

Para fazer isso, vamos para a aba 'Mobile'.

Uma vez dentro, você pode criar imagens de slider para dispositivos móveis e exibir legendas para que as pessoas saibam o que vão assistir antes de clicar para reproduzir.

Agora, você está pronto para adicionar o slider ao seu blog WordPress ou site.

Clique no botão ‘Publicar’ no painel do lado direito.

Exibindo o Slider de Vídeo no WordPress

Para incorporar seu slider, você pode querer criar ou editar um post ou página onde deseja exibi-lo.

No editor do WordPress, você pode clicar no botão ‘+’ para adicionar o bloco Soliloquy à sua página. Para facilitar o processo, você pode digitar ‘Soliloquy’ na barra de pesquisa.

Em seguida, vamos selecionar o slider de vídeo que você acabou de criar no widget Soliloquy e inseri-lo em sua página.

Com isso feito, clique no botão ‘Publicar’ ou ‘Atualizar’ no topo.

Isso é tudo. Agora você pode pré-visualizar seu post para ver seus slides de vídeo em ação.

Veja como pode ficar:

Se você ainda estiver usando o editor clássico do WordPress, também poderá adicionar um slider de vídeo a qualquer página ou post do WordPress.

Você terá que copiar o shortcode localizado na página Soliloquy, onde todos os seus sliders de vídeo são armazenados. Em seguida, simplesmente insira esse shortcode em seu conteúdo.

Para mais informações, você pode conferir nosso guia sobre como inserir um shortcode no WordPress.

Bônus: Adicionando um Slider de Conteúdo em Destaque ao WordPress

Além de adicionar sliders de vídeo ao seu site, você também pode querer adicionar um slider de conteúdo em destaque às suas páginas do WordPress.

Além de exibir suas melhores postagens de blog, você pode adicionar controles deslizantes de conteúdo em destaque para destacar produtos em destaque de sua loja online, compartilhar avaliações, exibir itens de portfólio ou exibir categorias populares.

Ao contrário dos sliders de vídeo, um slider de conteúdo em destaque pode mostrar uma combinação de imagens e links no slide.

Tudo o que você precisa fazer é instalar o 'Featured Content Addon' no Soliloquy.

O próximo passo é adicionar o conteúdo, links e descrições dos seus arquivos multimídia, selecionando seus arquivos, fazendo o upload para o addon e preenchendo os respectivos campos de título e descrição.

Para um tutorial mais detalhado, você pode conferir nossa postagem no blog sobre como adicionar corretamente um controle deslizante de conteúdo em destaque no WordPress.

FAQs: Criando Sliders de Vídeo no WordPress

Se você ainda está se perguntando como os sliders de vídeo afetam seu site ou como usá-los de forma eficaz, estas perguntas frequentes cobrem os pontos principais.

Um slider de vídeo vai deixar meu site lento?

Pode, mas plugins como o Soliloquy são projetados para desempenho. Eles usam carregamento preguiçoso, então o vídeo só carrega quando o usuário clica em reproduzir. Usar um serviço de hospedagem de vídeo como YouTube, Vimeo ou Wistia em vez de fazer o upload diretamente para o WordPress também mantém seu site rápido.

Posso misturar vídeos e imagens no mesmo slider?

Sim. O Soliloquy suporta vários tipos de slides, então você pode combinar vídeos, imagens e até mesmo conteúdo HTML personalizado em um único controle deslizante.

Para vídeos, você pode fornecer uma imagem de placeholder (imagem de pôster) que é exibida antes do vídeo tocar. Isso melhora a performance e garante que seu slider tenha uma boa aparência durante o carregamento.

Os sliders de vídeo do Soliloquy são compatíveis com dispositivos móveis?

Com certeza. De acordo com nossos testes, o Soliloquy é totalmente responsivo, então os controles deslizantes se ajustam automaticamente para se adequar a desktops, tablets e smartphones.

Preciso saber programar para adicionar um slider de vídeo?

De forma alguma. Se você seguir este tutorial, será totalmente sem código. Isso permite que qualquer pessoa, incluindo iniciantes, crie, personalize e adicione um slider de vídeo com facilidade.

Próximos Passos para Usar Arquivos de Mídia no WordPress

Esperamos que este artigo tenha ajudado você a adicionar sliders de vídeo no WordPress usando o Soliloquy.

Em seguida, você também pode querer conferir nossos guias sobre:

• Guia para Iniciantes sobre Tamanhos de Imagem no WordPress (+ Melhores Práticas)
• Como adicionar miniaturas / imagens destacadas múltiplas em posts no WordPress
• Como Incorporar o Apple Podcasts no WordPress
• Como Iniciar um Podcast e Torná-lo Bem-sucedido
• Melhores Sites de Hospedagem de Vídeo para Blogueiros, Profissionais de Marketing e Empresas

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.