Pin it button html codes

23
11.1K followers
Updated

<script async defer data-pin-hover="true" data-pin-tall="true" data-pin-round="true" data-pin-save="false" src="//assets.pinterest.com/js/pinit.js"></scriptYay another victory over html!!!!

I have finally been able to add the "pin it" button to the pictures on my website!!!!!!! All you need is a simple piece of code that you will copy paste on your text tab on wordpress, on each page/post you create.

You can also go here https://developers.pinterest.com/tools/widget-buil... and create your own custom button !


1) For A rectangular "pin it" button

Simply copy/paste the below code :

<!-- Please call pinit.js only once per page -->

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


2) For A Round Large button with Pinterest logo


Simply copy/paste the below code :

<script async defer data-pin-hover="true" data-pin-tall="true" data-pin-round="true" src="//assets.pinterest.com/js/pinit.js"></script>

Cheers! =)

Sarah

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

46

Thanks again for great information.
Gary

glad I could help ! =)

Great information! Thank you for sharing! :)

No problem, glad I could help!

This post goes to my KIV box for now. I will definitely come in handy after the website sufficiently stuffed with content.

=)

Hi BelieveitYes;
Thanks for the post. My web page is not ready for prime time. It is a work in progress. I can't wait. I'm experiencing delayed gratification.

Curtlaw!!!

OMG it worked!!! You are so awesome!! Thanks so Much!!! Im so happy right now lol

hi nice meeting
thanks for sharing this info,
larry

When someone pins your images does it link your site to it??

Yes.

My images are all added with a plugin. Wonder if this will still work for me.

let me know!

The concept is the same. Yes, it will.

good to know, thanks

Watch out for you! Wait until the other WA get up in the morning and see your website...OOOOUUUUCCCCHHHH!!!!

Yes =) that's the point

You are lovely =)

LOL!

Thanks for sharing

Oh, yes...thanks! Exciting!

very much so =)

Cool...let me see...what is your website...again?

WOW! Seriously...what a beautiful website! I remember when you started...you have done a fabulous job! You are building your business the right way so just keep doing what you're doing! Didn't realize I had to actually hover over the image in order to PIN IT...finally figured it out after looking at over 30 images...lol! Please look at your Amazon A-Store links. It shouldn't take 2 or more clicks in order to purchase. Oh and make sure your links ALWAYS OPEN IN A NEW TAB. Anyway, I am proud of you! Truly a professional website...

dang thank you ! I will look into the amazon a store thanks! your comment really encouraged me a lot!

Cool beans...SMILEY!!! You're welcome! I am a little scared of you but I won't beat you with my Selfie Stick...lol!

=D

See more comments

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training