How to Build Pinterest Follower Widget for Website and App?

Build a cool Pinterest Board or profile widget and easily add in your Website and Blog’s sidebar. Do you want to generate Pinterest follower board? Then learn how to make a Pinterest follower board through this widget tutorial.

2
data:blog.title
Pinterest widget for Blogger and website

I think you won’t find any website that hasn’t build Pinterest profile. I haven’t exact data but strongly can be said almost 80% website owner having Pinterest profile. There is some amazing fact about Pinterest which is really unbelievable.  

Pinterest has currently over 70 million active users. So there is a big opportunity to divert traffic from Pinterest. Furthermore total of active users 68% are female and 32% are male users. So Pinterest is best for Health and beauty type Blog those who wants to target female users for promoting fashion and beauty products.

I hope you have already created Pinterest profile but you might have seen very little growth on followers. There are many factors work behind growing Pinterest followers. But with very little effort we can boost up Pinterest follower from our Blog.

Though majority of Blog getting traffic from various social media source and search engines so why don’t you try to add a Pinterest follower board in your Website? It will help your Blog traffic to get connect with Pinterest. This is a great idea!! Isn’t it?


So don’t stop reading and go ahead to learn how to generate Pinterest follower board by few clicks.

How to generate Pinterest Specific Board widget?

Among 2 options Pinterest will allow us to display either specific board or Profile. I will show you first about generating a widget for displaying specific board like Tips, Wedding Board, SEO board etc.

Step 1 First visit https://developers.pinterest.com/tools/widget-builder and you will be headed on Pinterest weight builder page.

Step 2 Now you have 2 options to create Pinterest follower board. You can display specific board or you can display full Pinterest board. First we will create Pinterest specific board. So select Board from the top.


pinterest widget builder

Step 3 After selecting Board now we will add a Pinterest Board URL. This can be found from your Pinterest profile. Just click on a Board and copy the URL from Browser’s address bar. For example purpose I have use my SEO Tips board URL from Pinterest. And paste the URL (https://www.pinterest.com/bloggerspice/seo-tips/) on Pinterest board URL field.


Pinterest board follower widget

Step 4 Great!!! Now you will see your content images on preview but we have more opportunity to customize board size. So from Size field use dropdown options to select pre generated size or create your own.  I think Square size is best for setting the widget.

Step 5 After creating Pinterest board widget we need script for using it in our Website or Blog. So locate code location at the end of preview section. And use both code together. For example the code will be look like below for working in Website.

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

<a data-pin-do="embedBoard" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://www.pinterest.com/bloggerspice/seo-tips/"></a>

How to generate Pinterest Profile Follower widget?

You not like to display only one board on pinterest widget. So don’t worries Pinterest will allow us to display whole profile randomly? We can generate the Pinterest profile follower widget by few simple clicks. I think this is not difficult for you.

Step 1 Again visit https://developers.pinterest.com/tools/widget-builder and you will be headed on Pinterest weight builder page.

Step 2 Now select Profile from top of the page. This will enable you to generate a Pinterest profile follower board.


pinterest profile widget

Step 3 Similarly write your Pinterest profile URL on Pintere user URL field. Also select your desired size for placing on your Blog and website. Instantly you will see preview according to your custom settings.


widget code

Step 4 From the bottom of the Preview section get the widget code.

Congratulation you have successfully generated your Pinterest profile follower widget. Now it’s time to placing the widget board on our Website. As a Blogger Platform user I will show you about adding this beautiful widget in Blogger template.

How to add Pinterest Follower Widget in Blogger site?

This is usual system for placing widget on Blogger sidebar or footer section. However this is important for newbie Blogger. So if you are expert then skip this section and newbie please follow the below instruction.

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Gadget" then select "HTML/JavaScript" Gadget. Leave the Title field blank or write any desired title whatever you would like.

Step 4 Now Paste the Pinterest Follower widget code in "HTML/JavaScript" Gadget. Code will be like below.

<a data-pin-do="embedUser" data-pin-board-width="900" data-pin-scale-height="120" data-pin-scale-width="115" href="https://www.pinterest.com/BloggerSpice"></a>

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

Step 5 And finally click orange color Save button. You’re done!

Great Job!!! Now check your Blogger template and see the brand new Pinterest follower Board that beautified your Blogger template. WordPress user can add this widget similar way by adding the widget code in a HTML gadget. Happy Blogging!!!
How to Build Pinterest Follower Widget for Website and App?
4 Stars stars - "How to Build Pinterest Follower Widget for Website and App?" I think you won’t find any website that hasn’t build Pinterest profile. I haven’t exact data...

Post a Comment

Hey Fazle,Can you help me in one thing,i just want to know which tool you use to create these awesome disaply image of post.i also want to use for my website,coz this looks good you can implement social media icons too.

Hi Anuj.. You need to learn PhotoShop software. I use it for creating this kinds of image. However I am not so expert, I am a Basic user.

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *