Crie um botão Salvar para o seu site

Dicas e soluções de problemas

"Observe que, caso você tenha adicionado o botão Salvar oficial ao seu código antes de junho de 2016, atualizamos o design de 'Pin It' para 'Salvar' em 3 de outubro de 2017."

O botão Salvar é a melhor maneira de sua empresa ser descoberta no Pinterest. Quando você adiciona o botão Salvar às páginas do seu site, seus clientes podem salvar aquilo de que gostam no Pinterest, o que fará com que mais pessoas possam encontrar essas coisas. 
 
Se você tem um site do Wordpress, Blogger, Tumblr, Wix ou Squarespace:
 
WordPress.com WordPress.com
O botão Pin It no Wordpress não exige códigos adicionais em seu site. Você pode adicionar o botão Pin It a todos os seus posts no Wordpress ao habilitá-lo nas opções de compartilhamento padrão.
  1. Acesse a pasta de seu blog do Wordpress
  2. Acesse Configurações e então Compartilhamento
  3. Na seção Botões de compartilhamento, arraste o Pinterest de Serviços disponíveis para Serviços habilitados
  4. Caso deseje exibir a imagem padrão do botão Pin It, altere o Estilo do botão no menu suspenso para Botões oficiais
  5. Clique em Salvar alterações no canto inferior da página
WordPress.org WordPress.org

Baixe o plugin do botão Pin It contextual pelo diretório de plugin do WordPress.

Blogger Blogger
  1. Na pasta de seu blog no Blogger, acesse a seção Layout
  2. Clique em editar na seção Blog Posts
  3. Desça a tela até a seção Exibir botões de compartilhamento, e marque a caixa de seleção caso esta ainda não tenha sido marcada
  4. Reorganize tudo que for necessário na seção Organizar itens e clique em Salvar
Tumblr Tumblr
Primeiramente, você deve adicionar um 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 Pin It contextual:
  1. Certifique-se de ter adicionado sua linha de JavaScript seguindo as instruções anteriores
  2. Na pasta de controle do Tumblr, selecione o blog que deseja editar e clique em Personalizar
  3. Clique em Editar HTML na tela de Personalização
  4. Role a tela até o final do código
  5. Adicione data-pin-hover="true" antes da parte “src=”, da etapa 4 acima. Sua nova linha deve ser semelhante à seguinte: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Clique em Atualizar visualização. O botão Pin It deve aparecer quando você move o cursor sobre a imagem de exemplo, à direita. Caso contrário, volte para a etapa 4 e certifique-se de que tudo está correto.
  7. Clique em Salvar
Wix.com Wix.com
  1. Clique em Adicionar (=) no canto esquerdo de seu editor.
  2. Clique em Social.
  3. Role a tela até o final e clique em Pinterest Pin It.
  4. Arraste o botão Pin It para onde deseja que ele fique na página.
  5. O botão Pin It criará um Pin com base na imagem e descrição que você escolher. O Pin estará vinculado à página em que você estava quando clicou em Pin It.
Squarespace Squarespace

Saiba como desenvolver um botão Pin It para o seu site do Squarespace aqui

 
Se desejar criar um botão personalizado, decida primeiro que tipo de botão Salvar você quer adicionar. Há três tipos disponíveis: 
 
  • Imagem contextual (veja aqui): quando alguém passar o ponteiro do mouse sobre qualquer imagem na página, o botão Salvar será exibido.
    Learn how to build it Learn how to build it
    1. Acesse o gerador de widgets.
    2. Selecione Sobreposição de imagem na seção Tipo de botão .
    3. Personalize o tamanho e o formato do botão. 
    4. Visualize seu botão ao passar o mouse sobre a imagem de exemplo. Também é possível clicar no botão Pin It para ver como ele funciona.
    5. Quando estiver satisfeito com o botão, copie o código para a seção Copiar o código
    6. Cole o código entre os marcadores de encerramento </body> de cada página em que deseja que o botão seja exibido em seu site.
  • Qualquer imagem  (veja aqui): se alguém clicar neste botão, poderá salvar qualquer imagem no site. É muito fácil.
    Learn how to build it Learn how to build it
    1. Acesse o gerador de widgets.
    2. Selecione Qualquer imagem na seção Tipo de botão 
    3. Personalize o tamanho, o formato, o idioma e a imagem do botão. 
    4. Visualize seu botão ao passar o ponteiro do mouse sobre a imagem de exemplo. Você também pode clicar no botão Salvar para ver como ele funciona.
    5. Quando estiver satisfeito com o botão, copie o código que aparece no lado direito da página.
    6. Cole o código entre os marcadores <body> e </body> de cada página em que deseja que o botão seja exibido em seu site
  • Uma imagem (veja aqui): este é um botão Salvar para uma única imagem na sua página e requer codificação mais técnica.
    Learn how to build it Learn how to build it
    1. Acesse o construtor de widgets
    2. Personalize o tamanho, o formato, o idioma ou a imagem do botão. 
    3. Adicione a URL das páginas que contêm a imagem para a qual você deseja criar um botão Salvar (pode ser sua página inicial ou qualquer outra página do seu site)
    4. Abra uma nova janela em seu navegador e acesse seu site
    5. Clique com o botão direito do mouse na imagem para a qual você deseja criar um botão Salvar
    6. Selecione Copiar URL da imagem
    7. Acesse o gerador de widget e cole a URL da imagem no campo Imagem
    8. Escreva uma descrição para sua imagem
    9. Clique em Gerar! para visualizar o botão
    10. Quando estiver satisfeito com o botão, copie o código que aparece no lado direito da página
    11. Cole o código entre os marcadores <body> e </body> de cada página em que deseja que o botão seja exibido em seu site

Problemas comuns

O contador do botão Salvar não está aparecendo/não está correto
Ao clicar no botão Salvar, o seletor de pastas não abre em uma nova janela
Seu botão contextual não está funcionando
Há um problema de conexão entre o Pinterest e meu site

O contador mostra o número de Pins que direcionam para a URL que você especificou no código do botão. Caso a página seja diferente daquela em que você está, o contador pode mostrar um número diferente do que você espera.

Se estiver usando um contador com o botão Salvar em qualquer imagem, ele exibirá a contagem de todos os Pins que vão para a URL da página em que você está atualmente.

Se estiver usando um contador ao lado do botão e tenha zero Pins para esta página, o contador não será exibido. Quando você tiver ao menos um Pin para a página, o contador aparecerá.

Se estiver usando um botão Salvar fornecido por um plug-in de terceiros, entre em contato com o criador do plug-in para ver se ele pode corrigir o problema. 

Se estiver usando seu próprio botão Salvar, tente seguir estas dicas:

  • Certifique-se de que incluiu a linha do JavaScript no código da página, acima da tag de encerramento
  • 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!

Tente nossas dicas de solução de problemas:
 
  • Verifique se as imagens têm pelo menos 100 px em uma das dimensões (altura ou largura) e 200 px na outra (elas devem medir pelo menos 120 px por 120x para que o botão Salvar contextual seja exibido)
  • Certifique-se de que suas imagens não estão especificadas no plano de fundo em CSS e verifique se cada imagem tem um atributo src que inicia com "img"
  • Adicione o código do botão contextual logo acima do marcador de encerramento

Isso significa que o tempo limite do Pinterest acaba antes que possamos criar um Pin em seu site. Infelizmente, isso não é algo que possamos corrigir e normalmente acontece quando um site é muito lento. Recomendamos que você investigue essa questão.