Deseja incorporar vídeos do Vimeo em seu site WordPress?
Adicionar conteúdo de vídeo ao WordPress é uma maneira fácil de torná-lo mais envolvente e melhorar a experiência do usuário. E com a funcionalidade de pop-up lightbox, você pode criar uma experiência sem distrações que mantém os visitantes no site por mais tempo.
Este guia mostrará a você como adicionar vídeos do Vimeo ao WordPress em janelas pop-up de lightbox atraentes.
É possível incorporar um vídeo do Vimeo no WordPress?
Sim, você pode incorporar um vídeo do Vimeo no WordPress. Por padrão, o WordPress tem um recurso de incorporação automática que permite copiar e colar o URL do vídeo para exibi-lo em qualquer post ou página.
Entretanto, como muitos dos recursos padrão do WordPress, ele tem opções de personalização limitadas. Não é possível editar facilmente as opções do player de vídeo, adicionar imagens em miniatura personalizadas ou tornar o vídeo "fixo" à medida que os usuários rolam a página.
É nesse ponto que este guia pode ajudar.
Mostraremos como usar um plug-in fácil do construtor de páginas para incorporar pop-ups de vídeo do Vimeo em qualquer página do WordPress. Além disso, também compartilharemos as etapas para usar o recurso de incorporação automática do WordPress em qualquer lugar do seu site.
Índice
Como incorporar popups de vídeo do Vimeo no WordPress
Incorporar vídeos do Vimeo é fácil com o SeedProd, o melhor construtor de sites do WordPress do tipo arrastar e soltar. Com mais de 1 milhão de usuários, ele permite criar temas e layouts de página personalizados do WordPress sem escrever código.
Você pode começar com um modelo predefinido e personalizar cada página com blocos de construção visuais para torná-la sua.
E os pop-ups de vídeo do Vimeo? Incorporá-los é fácil com o bloco Video Popup.
Basta arrastar, soltar, apontar e clicar para exibir pop-ups de lightbox do Vimeo em tela cheia em qualquer lugar que desejar, sem nenhum código de incorporação de vídeo à vista.
Siga o guia passo a passo abaixo para saber como fazer isso.
Etapa 1. Instalar e ativar o SeedProd
Primeiro, você precisará instalar e ativar o plug-in SeedProd.
Embora a versão gratuita do SeedProd esteja disponível, recomendamos o uso do SeedProd Pro para acessar mais modelos e blocos, inclusive o bloco Video Popup.
Depois de escolher seu plano e fazer o download do plug-in em seu computador, siga estas instruções para instalar o SeedProd em seu site WordPress. Elas também mostrarão como ativar sua chave de licença do plug-in.
Etapa 2. Criar um layout de página personalizado
Depois que o plug-in for ativado, você poderá usar o construtor de páginas de arrastar e soltar para criar layouts personalizados do WordPress.
Se quiser substituir seu tema atual do WordPress, você pode usar o Theme Builder para criar um novo tema do zero.
Você pode criar todas as partes do seu site, inclusive um cabeçalho, rodapé, barra lateral, página inicial, página do blog e muito mais. Para saber como criar um tema WordPress personalizado, siga nosso guia.
Como alternativa, você pode criar páginas individuais com o Landing Page Builder, que é o que faremos neste guia.
Em seu administrador do WordPress, navegue até SeedProd " Landing Pages e clique no botão Add New Landing Page (Adicionar nova página de destino).
Em seguida, navegue pelos modelos de landing page responsivos para encontrar um que corresponda ao tipo de página que você deseja criar. Para facilitar as coisas, clique nas guias na parte superior para filtrá-las por tipo de campanha.
Depois de encontrar um, passe o mouse sobre o modelo e clique no ícone de marca de seleção para selecioná-lo.
Agora você verá uma janela para inserir o nome e o URL da página. O SeedProd gerará automaticamente o URL, mas você pode alterá-lo clicando e digitando um novo.
Clique no botão Save the and Start Editing the Page (Salvar e começar a editar a página ) quando estiver satisfeito com esses detalhes.
Etapa 3. Adicionar e personalizar o bloco de pop-up de vídeo
O modelo escolhido será aberto no editor de arrastar e soltar. Aqui, você verá uma visualização ao vivo da sua página à esquerda, blocos e seções à direita e opções de desfazer, refazer e visualizar na barra de ferramentas inferior.
Você pode alterar qualquer parte do modelo clicando em um bloco na visualização ao vivo. Ao clicar, você verá as configurações do bloco na barra lateral esquerda, onde poderá alterar o conteúdo, o alinhamento, o tamanho da fonte e muito mais.
Para adicionar novo conteúdo à página, escolha um bloco na barra lateral esquerda e arraste-o para a visualização. A partir daí, basta personalizar o conteúdo do bloco para atender às suas necessidades.
Você verá as alterações em tempo real à medida que elas acontecem. Isso evita que você precise alternar entre os back-ends e front-ends do seu site para ver como ele está.
Vamos fazer isso adicionando o bloco Video Popup à página.
Por padrão, esse bloco exibe um vídeo do YouTube. Você pode alterar isso facilmente nas configurações do bloco, clicando no menu suspenso "Source" e selecionando a opção Vimeo.
Observação: Esse bloco também permite que você carregue um arquivo de vídeo no WordPress.
Agora, vá em frente e cole o URL do Vimeo. Você pode definir um horário de início do vídeo em segundos, se desejar.
Abaixo dessa seção estão as configurações de vídeo, que permitem ativar ou desativar:
- Reprodução automática
- Mudo
- Loop
- Controles do player de vídeo
- Configurações de privacidade
- Título da introdução
- Retrato de introdução
- Linha de base da introdução
- Vídeo fixo
Também é possível alterar as cores de controle do player do Vimeo escolhendo uma cor personalizada na paleta.
Agora, vamos abrir a guia Image Overlay (Sobreposição de imagem). Ao ativar essa opção, você pode definir uma imagem em miniatura personalizada para seu vídeo.
Basta clicar no botão "Use Your Own Image" e carregar uma miniatura do seu computador ou da biblioteca de mídia do WordPress.
Você pode fazer o mesmo com o ícone de reprodução de vídeo selecionando um ícone personalizado e alterando seu tamanho, cor e opacidade.
Por último, mas não menos importante, está a opção Enable Lightbox. A ativação dessa opção permite que os usuários assistam ao seu vídeo em um pop-up de lightbox em tela cheia.
É uma excelente maneira de reduzir as distrações e se concentrar em envolver seu público.
Etapa 4. Salvar e publicar suas alterações
Quando estiver satisfeito com as opções de incorporação de vídeo, clique em Save (Salvar ) no canto superior direito da tela e, em seguida, selecione a opção Publish (Publicar ).
Agora, você pode visualizar a página e ver o vídeo incorporado do Vimeo em ação.
E se você clicar no vídeo, ele será aberto em um pop-up de vídeo.
Deseja adicionar vídeos do Vimeo à sua barra lateral do WordPress? Consulte este guia sobre como criar uma barra lateral personalizada no WordPress e siga as mesmas etapas acima para adicionar o bloco Video Popup.
Para obter mais dicas de personalização e formatação, consulte este guia sobre como criar uma página de destino no WordPress.
Alternativa: Incorporar vídeo do Vimeo em publicações do WordPress
Às vezes, você pode querer adicionar um vídeo simples e sem frescuras ao seu site, por exemplo, em uma postagem de blog. Como a maioria dos construtores de páginas só funciona em páginas, usar o recurso de incorporação do WordPress é a opção mais simples.
Você pode fazer isso de duas maneiras: com o recurso de incorporação automática ou usando os blocos de incorporação do WordPress.
Veja como usar o recurso de incorporação automática:
Primeiro, crie ou edite uma postagem ou página do WordPress. Em seguida, cole o URL do vídeo do Vimeo no editor de conteúdo.
O WordPress incorporará e exibirá automaticamente o vídeo do Vimeo em alguns segundos.
Como alternativa, você pode clicar no ícone de adição para adicionar um novo bloco e clicar no bloco Vimeo Embed.
Em seguida, cole o link do vídeo e clique no botão Embed.
Depois de publicar o post ou a página, você pode visualizá-lo para ver suas alterações.
Perguntas frequentes sobre a incorporação de vídeos do Vimeo
Como faço para criar um link para um vídeo do Vimeo?
Para criar um link para um vídeo do Vimeo, clique no botão de compartilhamento e copie o URL do vídeo. Em seguida, você pode colar esse URL em seu site.
O que é um URL de vídeo incorporado?
Um URL de vídeo incorporado é um vídeo adicionado diretamente a um site em vez de um site de compartilhamento de vídeo de mídia social. Por exemplo, o URL do vídeo incorporado em seu site WordPress versus a fonte no Vimeo.com.
É possível incorporar o showcase do Vimeo no WordPress?
Se quiser exibir vídeos do Vimeo em sua barra lateral do WordPress, você pode usar o bloco de incorporação do WordPress Vimeo. Como alternativa, copie e cole o código de incorporação do vídeo em um bloco HTML.
Como faço para incorporar um vídeo do Vimeo sem iFrame?
Para incorporar um vídeo do Vimeo sem iFrame, vá até a página da Web do vídeo e clique no botão Compartilhar. Na caixa pop-up, clique no texto +show options (mostrar opções), role até a parte inferior e altere o tamanho para "Responsive" (responsivo). Isso remove o iFrame do código HTML.
A partir daí, copie o código e cole-o em um widget HTML em seu site.
Incorporar vídeos do Vimeo ao WordPress hoje
Esperamos que este guia tenha ajudado você a aprender como incorporar um vídeo do Vimeo no WordPress. Independentemente de usá-los como mensagem de boas-vindas, introdução a um webinar ou para promover o lançamento de um novo produto, as etapas deste guia abrangem tudo o que você precisa.
Para obter mais ajuda em vídeo, você também pode gostar dos seguintes tutoriais e mostruários:
- Como incorporar vídeos do YouTube no WordPress
- Como vender vídeos on-line no WordPress
- 8 melhores plug-ins de vídeo para WordPress
- Como incorporar vídeos do Facebook no WordPress
- Como criar uma página de destino de vídeo no WordPress
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
