
Don't you love fascinating and wordless photos? We all do. But taste depends. When we talk about social media world, there are popular social networks dedicated for image sharing. Absolutely you can share images on Facebook, Google+ and on such networks. But how about the ones solely driven by images? Can you think of such? I know you will obviously come up with Pinterest and Instagram. Well, let's narrow this topic to Pinterest. If you own a blog or website, how do you promote your pinteresting Pinterest profile for your incoming visitors? You may have added follow buttons which one of them is linked with your Pinterest profile. Wouldn't it be much better if you could be more attractive as Pinterest is all about images?
You remember that we have been talking about embedding Instagram images on your site to show off your Instagram photos and it has a greater possibility of attracting visitors landing on your site than having a simple button. Wouldn't you agree? So far Pinterest has been offering Pinterest Follow buttons for users to help visitors find their Pinterest profile and follow if interested. But Pinterest has no way of showing off either your pins or boards. You would love if Pinterest let you embed your own pins or boards. Wouldn't you? Lately we have heard the new changes of Pinterest and business accounts are now in the game too. Did you remember me mentioning about Pinterest widgets they have introduced along with the business accounts?
Grab Attention with Images
You remember that we have been talking about embedding Instagram images on your site to show off your Instagram photos and it has a greater possibility of attracting visitors landing on your site than having a simple button. Wouldn't you agree? So far Pinterest has been offering Pinterest Follow buttons for users to help visitors find their Pinterest profile and follow if interested. But Pinterest has no way of showing off either your pins or boards. You would love if Pinterest let you embed your own pins or boards. Wouldn't you? Lately we have heard the new changes of Pinterest and business accounts are now in the game too. Did you remember me mentioning about Pinterest widgets they have introduced along with the business accounts?
Pinterest Profile and Board Widgets
Pinterest got new widgets for their business accounts to impress their business users. Eventhough Pinterest widgets available for business users, the best thing is, even you are a personal account holder, you can make use of these widgets and start having them on your blog or website too. Sounds great, no? The widgets are attractive as they are able to show off your pins and quite easy to implement too. Currently there are two widgets - Profile and Board widgets.
The profile widget is a great way to show off your Pinterest profile or business account for site visitors and invite them to follow you on Pinterest. It displays your pins on the widget and when users click on the widget, they will be taken to your Pinterest account.
The board widget is similar to profile widget but it is to show off a particular board on Pinterest of your choice with the pins on that board. The users click on the embedded board widget will be taken to the specific board on Pinterest and they can follow that board too.
Either way, you can promote your Pinterest account on your blog or website using these widgets. Oh yeah, if you are interested in promoting another user or board of someone else, it doesn't matter. There are some customization options available for both widgets and as I noticed, the widgets are much lightweight too. However if you are thinking of using these widgets on your site, make sure they are going to add value to your online resource or help you or visitors in some way. Now it's time for implementation. Are you ready? Seriously?!
The profile widget is a great way to show off your Pinterest profile or business account for site visitors and invite them to follow you on Pinterest. It displays your pins on the widget and when users click on the widget, they will be taken to your Pinterest account.

The board widget is similar to profile widget but it is to show off a particular board on Pinterest of your choice with the pins on that board. The users click on the embedded board widget will be taken to the specific board on Pinterest and they can follow that board too.

Either way, you can promote your Pinterest account on your blog or website using these widgets. Oh yeah, if you are interested in promoting another user or board of someone else, it doesn't matter. There are some customization options available for both widgets and as I noticed, the widgets are much lightweight too. However if you are thinking of using these widgets on your site, make sure they are going to add value to your online resource or help you or visitors in some way. Now it's time for implementation. Are you ready? Seriously?!
Steps:
1. First of, add following script to just above the </body> tag of your page.
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js" ></script>
Notes:
* If you already have official Pinterest Pint It button on your site, you might have this script already implemented on your site. Then, you don't need to place this script again.
* If you are a Blogger user and don't know how to edit your template, read How to Edit Your Blogger Template.
* If you are a Blogger user and don't know how to edit your template, read How to Edit Your Blogger Template.
2. Now you just need to add your preferred widget on your blog or website.
Note: If you are a Blogger user and wanna add it as an element, you can add your button code snippet via HTML/JavaScript element. Read How to Add an External Widget or Codes to Blogger. Else if you wanna render it in a Blogger post or page, read How to Embed External Content on Your Blogger Posts or Pages.
Profile Widget
The profile widget reflects the user profile you specify with the pins on the widget. Once someone click on the widget, that person will be taken to the profile you have linked with your widget.
<a data-pin-do="embedUser" href="http://pinterest.com/[Pinterest Username]" data-pin-scale-width="[Image Width]" data-pin-scale-height="[Board Height]" data-pin-board-width="[Board Width]"></a>
Board Widget
The board widget shows off pins in a particular board and clicking on the widget will direct visitors to the board you have specified for the widget.
<a data-pin-do="embedBoard" href="[Pinterest Board URL]" data-pin-scale-width="[Image Width]" data-pin-scale-height="[Board Height]" data-pin-board-width="[Board Width]"></a>
Color Indication Information:
- Pinterest Username
- Pinterest Board URL
Add Pinterest board URL here to reflect the board and pins on Pinterest Board widget. You can simply grab the URL for a board in browser address bar after clicking on the board you prefer - i.e: http://pinterest.com/Mayura4Ever/Facebook
- Image Width
Here you can set the width of images or pins displayed on the widget in pixels.
- Board Height
This will set the height of the widget. Specify a value in pixels.
- Board Width
Set the width of the widget here. You need to specify value in pixels.
- Pinterest Username
Specify the username of Pinterest profile to render that profile and pins on Pinterest Profile widget. In case if you don't know your Pinterest username, you can find it on Pinterest Settings page.
- Pinterest Board URL
Add Pinterest board URL here to reflect the board and pins on Pinterest Board widget. You can simply grab the URL for a board in browser address bar after clicking on the board you prefer - i.e: http://pinterest.com/Mayura4Ever/Facebook
- Image Width
Here you can set the width of images or pins displayed on the widget in pixels.
- Board Height
This will set the height of the widget. Specify a value in pixels.
- Board Width
Set the width of the widget here. You need to specify value in pixels.
Notes:
* If you need the widget to set the width automatically, you can leave board width value as a blank - i.e: data-pin-board-width=""
* The board or widget width may try to compatible with image width you have specified and may not change if it can't display full image in the width you specified for widget. So if widget width not responding to the value, try changing image width value.
* If you need the widget to set the width automatically, you can leave board width value as a blank - i.e: data-pin-board-width=""
* The board or widget width may try to compatible with image width you have specified and may not change if it can't display full image in the width you specified for widget. So if widget width not responding to the value, try changing image width value.
Enjoy :-)