Cria um botão Guardar para o teu site

Sugestões e resolução de problemas

"Se adicionaste o botão Guardar oficial ao código antes de junho de 2016, informamos que "Afixar Pin" foi atualizado para "Guardar" a 3 de outubro de 2017."

O botão Guardar é a melhor forma de a tua empresa ser descoberta no Pinterest. Quando adicionas o botão Guardar às páginas do teu site, os teus clientes podem guardar as coisas de que gostam no Pinterest, o que significa que um número superior de pessoas poderá encontrar essas coisas. 
 
Se tens um site Wordpress, Blogger, Tumblr, Wix ou Squarespace:
 
WordPress.com WordPress.com
O botão Pin It do Wordpress não requer código extra no teu site. Podes adicionar o botão Pin It a todas as publicações do Wordpress ativando-o nas opções de partilha predefinidas.
  1. Acede ao teu painel do Wordpress
  2. Acede a Definições e depois a Partilhar
  3. Na secção Botões de partilha arrasta o serviço do Pinterest a partir de Serviços disponíveis para Activar serviços
  4. Se pretendes exibir a imagem predefinida do botão Pin It, altera a lista pendente do Estilo de botão para Botões oficiais
  5. Clica em Guardar alterações na parte inferior da página
WordPress.org WordPress.org

Descarrega a plug-in para o botão sobreposto Pin It a partir do diretório de plug-in WordPress.org.

Blogger Blogger
  1. No teu painel do Blogger, acede à secção Esquema
  2. Clica em editar na secção de Publicações do blogue
  3. Desloca o cursor para Mostrar botões de partilha e assinala a caixa, se ainda não estiver marcada
  4. Reorganiza o que for necessário na secção Itens organizados e depois clica em Guardar
Tumblr Tumblr
Primeiramente tens de adicionar uma linha de JavaScript.
 
Para adicionar a linha de JavaScript:
  1. No teu painel do Tumblr, escolhe o blogue que pretendes editar, e depois clica em Personalizar
  2. Clica em Editar HTML no ecrã Personalizar
  3. Desloca o cursor até à parte inferior do código
  4. Confirma se o teu código tem pinit.js nele, se tiver, terminaste!
  5. Se não, adiciona isto imediatamente acima da tag de encerramento </body>: <script type="text/javascript" src="// assets.pinterest.com/js/pinit.js "></script>
 
Para adicionar o botão sobreposto Pin It:
  1. Confirma que adicionaste a tua linha de JavaScript utilizando os passos acima
  2. No teu painel do Tumblr, escolhe o blogue que pretendes editar, e depois clica em Personalizar
  3. Clica em Editar HTML no ecrã Personalizar
  4. Desloca o cursor até à parte inferior do código
  5. Adiciona data-pin-hover="true" antes da parte “src=” do passo 4 apresentado acima. A tua nova linha deve ser algo semelhante a: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Clica em Pré-visualização da atualização. Deverás ver aparecer o botão Pin It quando moveres o teu cursor sobre a imagem de exemplo à direita. Se não, volta ao passo 4 e confirma que tudo está no sítio.
  7. Clica em Guardar
Wix.com Wix.com
  1. Clica em Adicionar (+) na lateral esquerda do teu editor.
  2. Clica em Social.
  3. Desloca o cursor até à parte inferior e clica em PIn It do Pinterest.
  4. Arrasta o botão Pin It para onde pretenderes na tua página.
  5. O botão Pin It criará um Pin baseado na imagem e na descrição que escolhes. O Pin ligará de volta à página em que estás quando clicas em Pin It.
Squarespace Squarespace

Descobre como criar um botão Pin It para o teu site Squarespace aqui

 
Se pretenderes criar tu próprio o botão, primeiro decide que tipo de botão Guardar queres adicionar. Existem três tipos a partir dos quais podes escolher: 
 
  • Imagem sensível à passagem do rato (ver exemplo): quando alguém passar o rato por cima de qualquer imagem na página, o botão Guardar aparece.
    Learn how to build it Learn how to build it
    1. Acede ao criador de widgets.
    2. Seleciona Imagem sensível à passagem do rato na secção Tipo de botão.
    3. Personaliza o tamanho e a forma do teu botão. 
    4. Pré-visualiza o teu botão passando o rato sobre a imagem de amostra. Podes também clicar no botão Pin It para veres como funciona.
    5. Quando estiveres satisfeito com o botão, copia o código que se encontra por baixo da secção Copiar o código.
    6. Cola o código imediatamente acima da tag de encerramento </body> de cada página do teu site onde pretendes que o botão apareça.
  • Qualquer imagem  (ver exemplo): se alguém clicar neste botão, pode guardar qualquer imagem no site. Isto é muito fácil de fazer.
    Learn how to build it Learn how to build it
    1. Acede ao criador de widgets.
    2. Seleciona Qualquer imagem na secção Tipo de botão
    3. Personaliza o tamanho, a forma, o idioma e a imagem do botão. 
    4. Pré-visualiza o botão, passando o rato sobre a imagem de amostra. Podes também clicar no botão Guardar para veres como funciona.
    5. Quando estiveres satisfeito com o botão, copia o código que aparece do lado direito da página.
    6. Cola o código entre as tags <body> e </body> de cada página do teu site onde pretendes que o botão apareça.
  • Uma imagem (ver exemplo): este é um botão Guardar para uma única imagem da tua página, e requer código mais técnico.
    Learn how to build it Learn how to build it
    1. Acede ao criador de widgets
    2. Personaliza o tamanho, a forma, o idioma ou a imagem do botão. 
    3. Adiciona o URL para as páginas web que têm a imagem na qual pretendes criar um botão Guardar (esta pode ser a tua página principal ou qualquer outra página do teu site).
    4. Abre uma nova página no teu browser e vai para o teu website
    5. Clica com o botão direito na imagem para a qual queres criar um botão Guardar.
    6. Seleciona o Copiar URL da Imagem
    7. Volta ao criador de widgets e cola o URL da imagem no Campo da imagem
    8. Escreve uma descrição da tua imagem
    9. Clica em Criar! para pré-visualizares o botão
    10. Quando estiveres satisfeito com o botão, copia o código que aparece do lado direito da página.
    11. Cola o código entre as tags <body> e </body> de cada página do teu site onde pretendes que o botão apareça

Problemas comuns

O contador do botão Guardar não aparece/não está correto
Quando clicas no botão Guardar, o seletor de álbuns não abre numa nova janela
O teu botão sobreposto não está a funcionar
O Pinterest está com problemas em comunicar com o meu site

O contador mostra o número de Pins que vão para o URL que especificaste no código do botão. Se a página é diferente da página onde estás atualmente, então o contador pode mostrar um número diferente do que estarias à espera.

Se estás a utilizar um contador com o botão Guardar qualquer imagem, este irá mostrar a contagem de todos os Pins que vão para o URL da página onde estás atualmente.

Se estás a utilizar um contador ao lado do botão e tens zero Pins para esta página, então o contador não aparecerá. Logo que tenhas pelo menos um Pin a partir desta página, o contador aparecerá.

Se estás a utilizar um botão Guardar fornecido por um plug-in de terceiros, contacta o criador do plug-in para ver se ele consegue resolver o problema. 

Se estás a utilizar o teu próprio botão Guardar, experimenta estas sugestões:

  • Confirma que incluíste a linha de JavaScript no código da tua página, mesmo acima da tag de encerramento
  • Se tens na tua página a linha de JavaScript múltiplas vezes, experimenta remover todas as linhas exceto a última.
  • Se estás a utilizar o asynchronous JavaScript avançado e a linha de JavaScript normal, remove um dos dois.
  • Se estás a utilizar um plug-in de terceiros, confirma se não está já a adicionar uma linha pinit.js ao teu código. Se estiver não precisas de o adicionar tu.
Alguns anfitriões de sites não suportam Javascript, logo não serás capaz de adicionar o código do nosso criador de widgets. Eles podem no entanto ter formas alternativas de adicionar widgets!

Experimenta estas sugestões para resolver o problema:
 
  • Confirma que as tuas imagens têm no mínimo 100px numa dimensão (altura ou largura) e no mínimo 200px na outra dimensão (as imagens têm de ter no mínimo 120px por 120px para mostrarem o botão sobreposto Guardar)
  • Confirma que as tuas imagens não estão especificadas no fundo CSS, e que cada imagem tem um atributo src que comece com "img"
  • Adiciona o código do botão sobreposto mesmo acima da tua tag de encerramento

Isto significa que o Pinterest atingiu o tempo limite, antes de conseguirmos criar um Pin no teu site. Infelizmente isto não é algo que possamos corrigir e normalmente acontece quando um site é lento. Recomendamos que faças uma investigação sobre isto!