Plugin Grátis para Vídeo Seguir o visitante no rodapé da Página

Você já viu algum site onde quando você rola a barra de rolagem para baixo o vídeo acompanha você? Pois é, nesse artigo vou lhe apresentar um plugin grátis que encontrei na internet e que faz exatamente isso.

Neste Artigo você vai:

  1. Conhecer um plugin de Video Follow ou Vídeo Floating que segue o visitante, totalmente grátis.
  2. Aprender a usar ele no seu site e no Optimizepress

Esse plugin é gratuito e está disponível no repositório de plugin oficial do wordpress. Então você pode fazer a instalação diretamente pelo painel do seu blog WP.

Para isso acesse a seção Plugins, depois clique em Adicionar Novo, e no campo de busca digite: WP Video Floater. Veja o que aparece na imagem abaixo:

Instalando o plugin Video Floater


video floater plugin que segue usuario
Instale e Ative o plugin Video Floater.

Como usar o Plugin de Vídeo que Segue o Visitante

Para utilizar o Plugin é Muito Fácil, se você for usar ele no seu blog basta copiar o código embed do Youtube e adicionar ao iframe a classe “wp-video-floater”.

Veja o Exemplo abaixo:

1
<iframe width="560" height="315" src="https://www.youtube.com/embed/0cJfklLzdLc" frameborder="0" allowfullscreen class="wp-video-floater"></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/0cJfklLzdLc" frameborder="0" allowfullscreen class="wp-video-floater"></iframe>

Repare no trecho class=”wp-video-floater”, que foi adicionado por mim.

Então basta pegar esse código e por no artigo. Feito isso, ainda na página de edição do artigo, você deve colocar um shortcode. Veja abaixo:

1
[wp-video-floater]
[wp-video-floater]

Pronto, agora é só salvar as alterações. Acesse a página e notará que o vídeo segue você quando você rola a barra de rolagem. Bacana, né?

Instalando o plugin no Optimizepress

Esse plugin também funciona no Optimizepress, para isso, após inserir um vídeo no Optimize, clique na setinha de Engrenagem do elemento do Vídeo, e no campo Classe, coloque também: wp-video-floater. Além disse, ainda no LiveEditor do OP, adicione um novo Elemento Html/Shortcode e coloque o seguinte código: [wp-video-floater]

Salve e pronto.

Veja o Vídeo onde mostro o plugin em Ação no Optimizepress em uma página de teste:


Bacana né?

Se gostou desse artigo compartilhe, e inscreva-se aqui na minha lista para receber mais artigos como esse e também novidades aqui do site.

[ratings]

One Response

  1. Jeferson maio 23, 2017

Leave a Reply