Websitewidgets

Naast de bewaarknoppen kun je ook de volgknop en pin-, bord- en profielwidgets toevoegen aan je website. Met de volgknop kunnen mensen je op Pinterest volgen en de dingen die je bewaart op hun startpagina zien. Met de andere widgets kun je je pins, borden en profiel uitlichten op je website zodat mensen je activiteit op Pinterest kunnen zien.
 
Je kunt deze knoppen en widgets voor je website maken met onze widgetmaker.

Zelf een widget maken

Follow button Follow button

Follow button

Een volgknop maken:

  1. Vul de URL van je profiel in in de widgetmaker
  2. Klik op Build It!
  3. Plak de code die we je geven op je website, op de plek waar je je volgknop wilt zien
De code hoort er als volgt uit te zien:  (de rode tekst verandert aan de hand van jouw gegevens)
 

Pin widget Pin widget
 
Een pinwidget maken:
  1. Kopieer de URL van je favoriete pin en ga naar de widgetmaker
  2. Plak de URL van de pin
  3. Klik op Build It!
  4. Plak de code die we je geven op je website, op de plek waar je je pin wilt zien
De code hoort er als volgt uit te zien: (de rode tekst verandert aan de hand van jouw gegevens)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Een profielwidget maken:

  1. Vul de URL van je profiel in in de widgetmaker
  2. Wijzig de grootte van je profielwidget
  3. Klik op Build It!
  4. Plak de code die we je geven op je website, op de plek waar je je widget wilt zien
De code hoort er als volgt uit te zien: (de rode tekst verandert aan de hand van jouw gegevens)
 

Board widget Board widget

board widget

Een bordwidget maken:

  1. Vul de URL van het bord in in de widgetmaker
  2. Wijzig de grootte van je bordwidget
  3. Klik op Build It!
  4. Plak de code die we je geven op je website, op de plek waar je je widget wilt zien
De code hoort er als volgt uit te zien: (de rode tekst verandert aan de hand van jouw gegevens)
 


Widget-instructies voor populaire hosts

WordPress.com WordPress.com
Voeg de link toe aan de pin, het profiel of het bord in je blogbericht.Bij het publiceren verandert WordPress de links automatisch in een widget.

Blogger Blogger
  1. Maak de widget met de widgetmaker en kopieer de code
  2. Klik op Indeling aan de linkerkant van je blogbeheerpagina
  3. Zoek een plek voor je widget en klik op Een gadget toevoegen
  4. Scrol naar beneden en klik op HTML/JavaScript
  5. Plak de code van de widgetmaker in het veld Inhoud (je kunt zelf een Titel verzinnen)
  6. Klik op Opslaan

Tumblr Tumblr
Voor je de widget toevoegt moet je eerst een regel JavaScript toevoegen.
 
De JavaScript-regel toevoegen:
  1. Kies het blog dat je wilt bewerken op je Tumblr-dashboard en klik op Aanpassen
  2. Klik op HTML bewerken in het venster Aanpassen
  3. Scrol naar de onderkant van de code
  4. Bekijk of er pinit.js in je code staat - als dit het geval is ben je klaar!
  5. Voeg als dit niet het geval is de volgende code boven de afsluitende </body>-tag toe: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Om een volgknop of pin-, profiel- of bordwidget toe te voegen aan tekst-, foto-, citaat-, link-, geluids- en videoberichten:

  1. Voeg de JavaScript-regel toe zoals hierboven is beschreven.
  2. Maak een bericht zoals je altijd doet.
  3. Klik op <html> in het veld Titel (of het hoofdtekstveld in het geval van een tekstbericht). Je ziet nu de code van je bericht. Zo niet, klik dan nog een keer totdat de code verschijnt.
  4. Kies een plek in je bericht waar je je widget wilt hebben en plak daar de code van de widgetmaker.
  5. Verwijder <!-- Please call pinit.js only once per page --> en <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Sla je bericht op.

Opmerking: de widget wordt niet in je dashboard weergegeven, maar wel op je blog zelf.

 

Wix.com Wix.com

Een volgknop toevoegen:

  1. Klik aan de linkerkant van je editor op Toevoegen (+)
  2. Klik op Sociaal
  3. Scrol naar de onderkant en klik op Pinterest-volgknop
  4. Sleep de volgknop naar de plek waar je hem op je pagina wilt hebben


Veelvoorkomend probleem

Je widget is slechts zichtbaar als link

Probeer deze tips:

  • Zorg ervoor dat je de JavaScript-regel in de code van je pagina hebt opgenomen, net boven de afsluitende </body>-tag.
  • Als je de regel JavaScript meerdere keren op je pagina hebt, probeer dan alle regels te verwijderen, op de laatste na.
  • Als je zowel de geavanceerde asynchrone als de gewone JavaScript-regel gebruikt, verwijder er dan een van.
  • Controleer als je een plugin van een derde gebruikt of die niet al een pinit.js-regel aan je code toevoegt. Als dit het geval is hoef je hem niet zelf toe te voegen.

Sommige hosts ondersteunen geen JavaScript; je kunt dan de code van onze widgetmaker niet toevoegen. Het is misschien mogelijk dat je bij je host op alternatieve manieren widgets kunt toevoegen.

Gerelateerde artikelen