Add a widget to your website

Embed a Pin

Add a hoverbutton

Disable hoverbuttons for certain images

 


Embed a Pin

To embed a Pin on your website:

  1. Click Share and then Embed on a Pin – we'll bring you to our widget builder.
  2. Or, you can go straight to our widget builder and paste in the URL of the Pin you want to embed
  3. Click Build It! 
  4. Paste the code we give you onto your website, right where you'd like to see your Pin
  5. Paste the second line we give you at the bottom of your website, right before the closing </BODY> tag

Note: The script tag is what makes the widget on your page. If you already have the Pin It button or another widget on your page, you don't need to add the script tag again. Only run pinit.js once per page! 

 

Embed from a Pin:

Screen_Shot_2013-04-19_at_11.28.37_AM.png

 

Or go straight to our widget builder:

Screen_Shot_2013-04-19_at_11.31.13_AM.png

 


Add a hoverbutton

If you want a Pin It button to show when people hover over images on your website, you can add a hoverbutton.

Add this to the bottom of your page, just above the closing </BODY> tag:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true"></script>

Note: If you're already using pinit.js on your page – because you added one of our other widgets – don't add it again. Just add data-pin-hover="true" to your existing SCRIPT tag. 

You can also build a hoverbutton in our widget builder.

 

Screen_Shot_2013-04-19_at_11.28.20_AM.png 

 


Disable hoverbuttons for certain images

To disable hoverbuttons for specific images, add this code to the specific IMG tag:

<img data-pin-no-hover="true" src="yourimage.jpg" />

Note: If you're using our no-pin code for any image on your website, hoverbuttons won't work for that image. 

 


Related Topics:

Add the Pin It button to your website

Email Help

Have more questions? Submit a request

Comments

Powered by Zendesk