Como Adicionar o Botão do Pinterest nas Suas Imagens

Nós já falamos do Pinterest por aqui algumas vezes, e como essa plataforma de rede social está crescendo de vento em polpa!! E você sabia que pode trazer mais tráfego para o seu site com o Pinterest do que com o Instagram? Pois é gente…hoje vamos ensinar como você pode adicionar o botão do Pin Pinterest diretamente nas suas imagens, facilitando assim as pessoas em darem um PIN na sua imagem!!
Existem aquelas barras de ferraments que ficam embaixo das imagens dos seus post que permitem às pessoas compartilharem os posts. Mas será que essa barra é o suficiente??
Lógico que você deve ter uma barra dos botões das redes sociais no final do post… ela pode sim lhe ajudar… mas colocando o botão do “Pin” diretamente na imagem é mais efetivo e mais rápido. Se um leitor entra no seu blog e vê uma imagen que ela quer adicionar no board do Pinterest, o botão se torna um processo muito mais rápido!
Então, vamos facilitar a vida do nosso leitor, certo?
Vamos adicionar o botão na propria imagem que ficará do lado, em cima.
Mas como adicionar esse botão na imagem??
Bom, começaremos com a pergunta simples: qual plataforma você usam – Blogger ou WordPress?
– Se você usa WordPress:
Como muitas e muitas coisas no WordPress, para você adicionar o botão do Pinterest na sua imagem você vai precisar de um plugin. Aqui no CBBLogers nós usamos o jQuery Pin It Button For Images. Existem muitos outros no mercado, e você pode ver essa variedade aqui no site wordpress.org no Pin It Button plugins available.
Cada plugin do “PIN” imagens terão funções diferentes. Alguns vão deixar você mover a localidade do botão do “Pin It” na imagem e alguns vão incluir uma posição já pré-determinada. Outro fator interessante do jQuery plugin, e alguns outros plugins também, é que ele deixa você desativar o plugin para certos posts e paginas. Então, se o seu site é do WordPress, ache um plugin que se encaixe nas suas necessidades.
– Para sites da plataforma do Blogger:
Para adicionar o botão do “Pin” no topo das suas imagens pelo site do blogger, você vai precisar modificar o código do seu template.
POR FAVOR: sempre dê um backup no seu template antes de fazer qualquer modificação nele!!
Nota: o código abaixo somente irá funcionar com templates estáticos do Blogger… ele não irá funcionar com dynamic templates do Blogger.
1. Backup o seu template: Clique no botão Backup Restore na pagina do Blogger template e salve o backup no seu computador. (precisamos colocar a imagem aqui!!)
2. Próximo passo você vai adicionar o codigo:
1.Clique em Editar HTML na página do template do seu blog.
2. Ache “” no seu Template. Você pode achar esse código clicando no “Ctrl F” . Clicando “Ctrl F” ele vai abrir uma caixa onde você vai colocar “” e clicar ENTER.
3. Quando você encontrar a tag “”, você vai entrar esse código que está aqui, mas EM CIMA da tag :
4. Ele deve ficar assim:
5. Clique em “salvar template”
6. Teste o seu site para verificar se tudo está no seu devido lugar, e pra ter certeza de que o botão do “Pin” está sendo mostrado nas suas imagens, basta passar o mouse por cima dela.
Prontinho!!
Você já tinha colocado o botão do “Pin” nas suas imagens?? Se já, você notou se existiu um aumento de tráfego pelo site do Pinterest?
CBBlogers by Michael
Facebook / Twitter / Pinterest / Instagram
Tags: dicas tech, imagens, Mundo do Blog, Pinterest, redes sociais
20 thoughts on “Como Adicionar o Botão do Pinterest nas Suas Imagens”
Deixe uma resposta
Leitores também acessaram:
-
Você já ouviu falar em jornada do cliente?
Há alguns anos as ações de Marketing eram 100% voltadas para o momento de decisão de compra do cliente. Com […]
-
Dicas para ter sucesso na estratégia de Marketing Digital
E para finalizar nossa série de artigos sobre Marketing Digital, confira cinco dicas essenciais para que o seu plano estratégico […]
-
Influenciadores Digitais X Vendas
Com uma comunicação direta através das redes sociais, os influenciadores digitais, em sua maioria, produzem conteúdo capaz de influenciar no […]
-
Impactando pessoas com Marketing Digital
Influenciadores, Criação de Conteúdo, E-mail Marketing, por onde começar? A internet é o 3° veículo de maior alcance no Brasil, […]
-
O que é marketing digital?
Iniciaremos hoje uma série de artigos sobre Marketing Digital, com informações e dicas, além de outras curiosidades. Mas o que […]
-
Instagram Reels: agora são 30 segundos de conteúdo!
O Instagram mais uma vez arrasou e trouxe mais uma novidade pra ajudar no nosso engajamento. A rede social mais […]
Olá Meninas
Preciso da ajuda de vocês.
Minha webdesigner não consegue instalar o botão do pintrest pois ela alega que nessa versão nova do Blogger não aceita esses códigos. Eu não encontrei essa opção “” no meu Blog. Como eu faço para conseguir instalar?
Bjks
Andreia Sales
Não tem/não encontrei a tag “” no html do meu blog.
No meu localizou “” Cola acima dele que da certo e salva.
Meninas, o nome da tag é:
O código é colocado em cima dele hahah (=
O código não aparece aqui, mas é só ver ali na imagem a tag “body” …
Nossa! Estava procurando esse assunto essa semana. Obrigada pelo esclarecimento de minha dúvidas! Bjs
correção: *das minhas dúvidas!
amei deu certo e não deu trabalho foi super facil obbrigada
Amei a dica á está suuuper funcionando.Também valeu pla dica de com colocar o codigo para darem LIKE no Facebook!!
Deu super certo e foi muito fácil, tinha testado uns três antes deste que não deram certo. Obrigada!
AMEEEEIIII! Tinha tentado outro tutorial que deu errado, esse deu super certo. Obrigada!
olá! Eu fiz e deu certinho porém quando abro a postagem o botão não aparece nas imagens dentro da postagem, apenas lá na capa inicial do meu blog….é que meu blog mostra os resumos das postagens e, quando você entra em alguma postagem, não aparece o botão… como faço?
obrigada!
http://www.vidaloucadecasada.com.br/
Deu certo!
Mas, você só me permite uma correção? Ao invés de “EM CIMA da tag” você deveria substituir por “ACIMA da tag”. A primeira expressão dá ideia que a tag deve ser substituída pelo código do botão, quando na verdade deve ficar acima desta ou depois de .
Espero ter contribuído. Mais uma vez, obrigado pela dica!
Deu certo!
Mas, você só me permite uma correção? Ao invés de “EM CIMA da tag” você deveria substituir por “ACIMA da tag”. A primeira expressão dá ideia que a tag deve ser substituída pelo código do botão, quando na verdade deve ficar acima desta “/body” ou depois de “body” .
Espero ter contribuído. Mais uma vez, obrigado pela dica!
Olá,
Tenho um blog no blogger, fiz tudo certinho mas agora meu blog não abre mais. O que faço?
Deus super certo, muito simples e não tem erro. Obrigada!
Leli Freitas.
corrigindo: Deu super certo*
CBB rocks!! Unico link que testei e funcionei.
Pesquisei tanto e não conseguia colocar o botão de Pin it no meu blog, até encontrar seu artigo. Mais simples do que eu imaginava rs…obrigada!!!
http://www.polaroidscotidianas.com
Preciso agradecer vocês, estão me ajudando demais com tantos posts legais e super uteis aqui! Vou fazer isso agora! 🙂
Beijos
http://suchaprettyday.com