Skapa en sparaknapp för din sida

Tips och felsökning

"Observera att om du la till den officiella Spara-knappen i din kod före juni 2016 uppdaterar vi designen från "Pin it" till "Spara" den 3 oktober 2017."

Sparaknappen är det bästa sättet för ditt företag att synas på Pinterest. När du lägger till sparaknappen till dina sidor kan dina kunder spara saker de gillar på Pinterest vilket innebär att ännu fler personer kan se dessa saker.
 
Om du har en webbplats på Wordpress, Blogger, Tumblr, Wix eller Squarespace:
 
WordPress.com WordPress.com
Pin It-knappen i Wordpress förutsätter ingen ytterligare kod på webbplatsen. Du kan lägga till Pin It-knappen i alla dina WordPress-inlägg genom att aktivera den i standardalternativen för delning.
  1. Gå till administrationspanelen i WordPress
  2. Gå till Inställningar och sedan till Dela
  3. I avsnittet Delningsknappar: Dra tjänsten Pinterest från Tillgängliga tjänster till Aktiverade tjänster
  4. Om du vill visa standardbilden för Pin It-knappen ändrar du listrutan Knappformat till Officiella knappar
  5. Klicka på Spara ändringar längst ned på sidan
WordPress.org WordPress.org

Hämta ett tilläggsprogram för den hovrande Pin It-knappen från tilläggskatalogen för WordPress.org.

Blogger Blogger
  1. I Bloggers administrationspanel: Öppna avsnittet Layout
  2. Klicka på Redigera i avsnittet Blogginlägg
  3. Bläddra till Visa delningsknappar och markera kryssrutan, om den inte redan är markerad
  4. Arrangera vid behov om i avsnittet Arrangera objekt och klicka sedan på Spara
Tumblr Tumblr
Först måste du lägga till en rad för JavaScript.
 
Lägga till JavaScript-raden:
  1. I administrationspanelen för Tumblr: Välj den blogg du vill redigera och klicka sedan på Anpassa
  2. Klicka på Redigera HTML på skärmen Anpassa
  3. Bläddra längst ned i koden
  4. Kontrollera om koden innehåller pinit.js − om den gör det är du klar!
  5. Om inte, lägger du till den precis över den avslutande taggen </body>: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Lägga till en hovrande Pin It-knapp:
  1. Se till att du har lagt till JavaScript-raden enligt anvisningarna ovan
  2. I administrationspanelen för Tumblr: Välj den blogg du vill redigera och klicka sedan på Anpassa
  3. Klicka på Redigera HTML på skärmen Anpassa
  4. Bläddra längst ned i koden
  5. Lägg till data-pin-hover="true" före “src=” från steg 4 ovan. Den nya raden bör se ut så här: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Klicka på Uppdatera förhandsgranskning. Du bör se Pin It-knappen när du för muspekaren över exempelbilden till höger. Om inte, går du tillbaka till steg 4 och kontrollerar att allting finns på plats.
  7. Klicka på Spara
Wix.com Wix.com
  1. Klicka på Lägg till (+) till vänster i redigeraren.
  2. Klicka på Socialt.
  3. Bläddra längst ner och klicka på Pinterest Pin It.
  4. Dra Pin It-knappen till den plats på sidan där du vill ha den.
  5. Pin It-knappen skapar en pin utifrån bilden och beskrivningen du väljer. Denna pin länkar tillbaka till den sida du befinner dig på när du klickar på Pin It.
Squarespace Squarespace

Lär dig att bygga en Pin It-knapp för din webbplats på Squarespace här. 

 
Om du vill designa din egen knapp bestäm först vilken sorts sparaknapp du vill lägga till. Det finns tre olika sorter att välja från: 
 
  • Bildhovring (se exempel): När någon håller över en bild på sidan så visar sig sparaknappen.
    Learn how to build it Learn how to build it
    1. Gå till widget-verktyget.
    2. Välj Bild i sektionen Knappar.
    3. Anpassa storlek och form på din knapp. 
    4. Förhandsgranska knappen genom att hovra över provbilden. Du kan även klicka på Pin It-knappen för att se hur den fungerar.
    5. När du är nöjd med knappen kopierar du koden under Kopiera koden.
    6. Klistra in koden precis över den avslutande taggen </body> på varje sida där du vill att knappen ska visas på webbplatsen
  • Vilken bild som helst  (se exempel): Om någon klickar på den här knappen kan de spara vilken bild som helst på sidan. Det här är enkelt att göra.
    Learn how to build it Learn how to build it
    1. Gå till widget-verktyget.
    2. Välj Valfri bild under sektionenKnappar
    3. Ändra storleken, formen, språket och bilden för din knapp. 
    4. Förhandsgranska din knapp genom att hålla över exempelbilden. Du kan också klicka på  sparaknappen för att se hur den fungerar.
    5. När du är nöjd med knappen, kopiera koden som uppenbarar sig på höger sida av sidan.
    6. Klistra in koden mellan taggen <body> och </body> på varje sida där du vill att knappen ska visas på webbplatsen
  • En bild(se exempel): Det här är en sparaknapp för en bild på din sida och kräver mer teknisk kodning.
    Learn how to build it Learn how to build it
    1. Gå till widget-verktyget
    2. Ändra storleken, formen, språket  eller bilden för din knapp. 
    3. Lägg till hemsideadress för de hemsidor som har bilden du vill skapa en sparaknapp för (det här kan vara din startsida eller vilken annan sida som helst på din sida)
    4. Öppna ett nytt fönster i webbläsaren och gå till din webbplats
    5. Högerklicka på bilden du vill skapa en sparaknapp för
    6. Välj Kopiera URL för bild
    7. Gå tillbaka till widgetverktyget och klistra in URL:en för bilden i fältet Bild.
    8. Skriv in en beskrivning för bilden
    9. Klicka på Build It! för att förhandsgranska knappen
    10. När du är nöjd med knappen, kopiera koden som uppenbarar sig på höger sida av sidan
    11. Klistra in koden mellan taggen <body> och </body> på varje sida där du vill att knappen ska visas på webbplatsen

Vanliga problem

Räknaren för sparaknappen visas inte / visar inte rätt
När du klickar på sparaknappen öppnar inte tavelväljaren i en ny ruta.
Hovringsknappen fungerar inte
Pinterest har svårt att kontakta min webbplats

Räknaren visar antalet pins som leder till webbadressen som du har angett i knappkoden. Om den sidan inte är sidan som du befinner dig på för närvarande kan räknaren visa en annan siffra än du förväntar dig.

Om du använder en räknare med vilken bild som helst sparaknappen kommer denna att visa mängden Pins som besöker din nuvarande hemsideadress.

Om du använder en räknare bredvid knappen och har noll pins för denna sida, visas inte räknaren. Så snart du har minst en pin från sidan visas räknaren.

Om du använder en sparaknapp från en tredjeparts plugin kontakta skaparen av plugin för att se om de kan lösa problemet 

Om du använder din egna sparaknapp, prova dessa tips:

  • Kontrollera att du har inkluderat JavaScript-raden i koden på din sida, precis ovanför den avslutande taggen
  • Om du har JavaScript-raden flera gånger på din sida, försöker du att ta bort alla rader utom den allra sista.
  • Om du använder både den avancerade asynkrona JavaScript-raden och den vanliga JavaScript-raden, tar du bort en av dem.
  • Om du använder ett tilläggsprogram från en tredje part, kontrollerar du att det inte redan lägger till en pinit.js-rad till din kod. Om det gör det, behöver du inte lägga till den själv.
Vissa värdar har inte stöd för JavaScript, så det går inte att lägga till koden från vårt verktyg för att bygga widgets. Det kan dock vara så att de erbjuder andra sätt att lägga till widgets!

Prova dessa felsökningstips:
 
  • Se till att dina bilder är åtminstone 100 pixlar i en av dimensionerna (höjd eller bredd) och åtminstone 200 pixlar i den andra (bilder måste vara minst 120x120 pixlar för att sparaknappen ska visas när man hovrar över bilden)
  • Se till att bilderna inte är specificerade i CSS-bakgrunden och att varje bild har ett src-attribut som börjar med "img"
  • Lägg till koden för hovringsknappen precis över den avslutande taggen

Detta innebär att Pinterests körtid avslutas innan vi lyckas skapa en pin på webbplatsen. Det här är tyvärr något vi inte kan åtgärda och det händer vanligtvis om en webbplats är långsam. Vi rekommenderar att undersöka problemet från er sida!