Widgets för webbplatser

Utöver Spara-knapparna går det även att lägga till en Följ-knapp och widgets för pins, anslagstavlor och profil. Med hjälp av Följ-knappen kan andra medlemmar följa dig på Pinterest och visa det som du lägger till som pins i sitt startflöde. De andra widgetarna hjälper dig att visa upp dina pins, anslagstavlor och din profil på din webbplats så att besökarna ser din aktivitet på Pinterest.
 
Bygg dessa knappar och widgets för din webbplats med hjälp av vårt widget-verktyg.

Bygg en widget själv

Follow button Follow button

Follow button

Skapa en Följ-knapp:

  1. Ange din profil-URL i widget-vertyget
  2. Klicka på Build It!
  3. Klistra in koden vi ger dig på din webbplats, på den plats där du vill att Följ-knappen ska sitta
Koden bör se ut så här:  (Den röda texten förändras beroende på din information.)
 

Pin widget Pin widget
 
Skapa en pin-widget: 
  1. Kopiera webbadressen till din favoritpin och öppna widget-verktyget
  2. Ange webbadressen för aktuell pin
  3. Klicka på Build It!
  4. Klistra in koden vi ger dig på din webbplats, på den plats där du vill att din pin ska sitta
Koden bör se ut så här: (Den röda texten förändras beroende på din information.)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per sida -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Skapa en en profil-widget:

  1. Ange din profil-URL i widget-vertyget
  2. Anpassa storleken på din profilwidget
  3. Klicka på Build It!
  4. Klistra in koden vi ger dig på din webbplats, på den plats där du vill att widgeten ska sitta
Koden bör se ut så här: (Den röda texten förändras beroende på din information.)
 

Board widget Board widget

board widget

Skapa en widget för anslagstavla

  1. Ange webbadressen för aktuell anslagstavla i widget-verktyget
  2. Anpassa storleken för widget för anslagstavla
  3. Klicka på Build It!
  4. Klistra in koden vi ger dig på din webbplats, på den plats där du vill att widgeten ska sitta
Koden bör se ut så här: (Den röda texten förändras beroende på din information.)
 


Hämta widget-instruktioner för populära värdar

WordPress.com WordPress.com
Lägg till länken till din pin, profil eller anslagstavla i blogginlägget. När du publicerar det konverterar WordPress automatiskt länken till en widget.

Blogger Blogger
  1. Skapa widgeten i widget-verktyget och kopiera koden
  2. Klicka på knappen Layout till vänster i bloggens administrationspanel
  3. Hitta en plats för din widget och klicka på Lägg till gadget
  4. Bläddra ner och klicka på HTML/JavaScript
  5. I fältet Innehåll: Klistra in koden från widget-verktyget (ange vad du vill i Fältet Title)
  6. Klicka på Spara

Tumblr Tumblr
Innan du lägger till widgeten måste du först 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 följ-knapp eller pin-widget, profil-widget eller widget för anslagstavla till inlägg med text, foto, citat, länk, ljud och video:

  1. Se till att du har lagt till JavaScript-raden enligt anvisningarna ovan.
  2. Skapa ett inlägg som vanligt.
  3. Klicka på <html> i bildtextrutan (eller huvudrutan för text, om du skapar ett textinlägg). Du bör nu se inläggets kod. Om inte klickar du på knappen igen tills koden visas.
  4. Leta upp den plats i inlägget där du vill att din widget ska visas och klistra in koden från widget-verktyget.
  5. Ta bort <!-- Please call pinit.js only once per page --> och <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Spara inlägget.

Observera att widgeten inte visas i inlägget i administrationspanelen, men den visas i själva inlägget.

 

Wix.com Wix.com

Lägga till en följ-knapp:

  1. Klicka på Lägg till (+) till vänster i redigeraren
  2. Klicka på Socialt
  3. Bläddra längs ner på sidan och klicka på Pinterest Följ
  4. Dra Följ-knappen till den plats på sidan där du vill ha den


Vanligt problem

Din widget visas bara som en länk

Prova dessa felsökningstips:

  • Se till att du har inkluderat JavaScript-raden i koden på sidan, precis över den avslutande BODY-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!

Relaterade artiklar