Widgets para sites

Além dos botões Salvar, você também pode adicionar o botão Seguir e os widgets de Pin, de pasta e de perfil ao seu site. O botão Seguir permite que as pessoas sigam você no Pinterest e vejam as coisas que você salva em seu feed inicial. Os outros widgets ajudam você a expor seus Pins, pastas e perfil no seu site, de modo que as pessoas possam ver sua atividade no Pinterest.
 
Gere estes botões e widgets para seu site usando nosso gerador de widget.

Crie seu próprio widget

Follow button Follow button

Follow button

Para criar um botão "Seguir":

  1. Insira a URL de seu perfil no gerador de widget
  2. Clique em Gerar!
  3. Cole o código que fornecemos a você em seu site, na posição onde gostaria de ver seu botão "Seguir"
O código deve ser semelhante a este:   (o texto em vermelho muda de acordo com suas informações)
 

Pin widget Pin widget
 
Para criar um widget de Pin: 
  1. Copie a URL de seu Pin favorito e acesse o gerador de widget
  2. Insira a URL do Pin
  3. Clique em Gerar!
  4. Cole o código que fornecemos a você em seu site, na posição onde gostaria de ver seu Pin
O código deve ser semelhante a este: (o texto em vermelho muda de acordo com suas informações)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Execute pinit.js apenas uma vez por página -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Para criar um widget de perfil:

  1. Insira a URL de seu perfil no gerador de widget
  2. Personalize o tamanho de seu widget de perfil
  3. Clique em Gerar!
  4. Cole o código que fornecemos a você em seu site, na posição onde gostaria de ver seu widget
O código deve ser semelhante a este:  (o texto em vermelho muda de acordo com suas informações)
 

Board widget Board widget

board widget

Para criar um widget de pasta:

  1. Insira o URL da pasta no gerador de widget
  2. Personalize o tamanho de sua pasta de widget
  3. Clique em  Gerar!
  4. Cole o código que fornecemos a você em seu site, na posição onde gostaria de ver seu widget
O código deve ser semelhante a este:  (o texto em vermelho muda de acordo com suas informações)
 


Obter instruções de widget para hosts conhecidos

WordPress.com WordPress.com
Basta adicionar o link para o Pin, para o perfil ou para a pasta no post de seu blog. Quando você o publicar, o Wordpress converterá o link automaticamente em um widget.

Blogger Blogger
  1. Construa o widget no gerador de widget e copie o código
  2. Clique no botão Layout no canto esquerdo da página de gerenciamento de seu blog
  3. Encontre espaço para seu widget e clique em Adicionar um gadget
  4. Role a tela para baixo e clique em HTML/JavaScript
  5. No campo Conteúdo , cole o código do gerador de widget (você pode colocar o que preferir no campo Título)
  6. Clique em Salvar

Tumblr Tumblr
Antes de adicionar o widget, primeiro você precisa adicionar uma linha de JavaScript.
 
Para adicionar a linha de JavaScript:
  1. Na pasta de controle do Tumblr, selecione o blog que deseja editar e clique em Personalizar
  2. Clique em Editar HTML na tela de Personalização
  3. Role a tela até o final do código
  4. Verifique se seu código contém pinit.js . Em caso afirmativo, está pronto!
  5. Caso contrário, adicione o seguinte código após o marcador de encerramento </body>: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Para adicionar um botão "Seguir" ou um widget de pin, de perfil ou de pasta a uma postagem de texto, foto, citação, link, áudio e vídeo:

  1. Certifique-se de ter adicionado sua linha de JavaScript seguindo as instruções anteriores.
  2. Escreva um post como você normalmente faria.
  3. Clique em <html> na caixa de legenda (ou na caixa de texto principal, caso esteja fazendo um post de texto). Você deve estar vendo o código de seu post agora. Caso contrário, clique no botão novamente até que o código apareça.
  4. Encontre o local do post onde deseja que seu widget apareça e cole o código do gerador de widget.
  5. Exclua <!-- Execute pinit.js apenas uma vez por página --><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Salve seu post.

Observe que o widget não será exibido em sua pasta, mas no próprio post.

 

Wix.com Wix.com

Para adicionar um botão "Seguir":

  1. Clique em Adicionar (+) no canto esquerdo de seu editor
  2. Clique em Social
  3. Role a tela até o final e clique em Seguir Pinterest
  4. Arraste o botão de Seguir para onde quiser em sua página


Problema comum

Seu widget está exibindo apenas um link

Tente nossas dicas de solução de problemas:

  • Certifique-se de que incluiu a linha do JavaScript em sua página de código,  logo acima do marcador de encerramento BODY
  • Se a linha de JavaScript aparecer várias vezes em sua página, tente remover todas elas, com exceção da última.
  • Caso esteja usando tanto a linha de Javascript assincrônica avançada quanto a linha regular, remova uma delas.
  • Se estiver usando um plugin de terceiro, certifique-se de que ele já não está adicionando uma linha pinit.js a seu código. Em caso afirmativo, não é preciso adicionar uma nova.

Alguns hosts não têm suporte a JavaScript, de modo que você não poderá adicionar o código de nosso gerador de widget. No entanto, eles podem ter modos alternativos de adicionar widgets!

Artigos relacionados