Let’s learn how to add a Pinterest widget to your blog sidebar! Pinterest is a great source of blog traffic these days. Why not increase your Pinterest presence by adding a Pinterest widget to your blog sidebar? Adding a Pinterest widget (or gadget, for those of you on Blogger) is a great way to draw attention to your Pinterest account and will allow your blog readers to quickly and easily find you on Pinterest. Or maybe you’re just a Pinterest lover (who isn’t?!) who wants to show off your pretty pins! In this post, I’ll be sharing how to add the official Pinterest widget to self-hosted WordPress blogs or Blogger blogs.
When we’re done, you’ll have a Pinterest widget that displays your profile info at top and a “follow on Pinterest” button on bottom, making it easy as pie for your readers to follow you. Win!
1 | BUILD YOUR PINTEREST PROFILE WIDGET
- Start here, at the official Pinterest widget builder.
- Select the profile widget:
- Next, you’ll need to enter your own personal link. This really just means swapping out “pinterest” for your own username. But if it’s easier, just copy and paste the URL of your own Pinterest profile.
- The next step really depends on your own personal blog’s widths. You can choose “Sidebar” from the size dropdown and that may work fine for your own blog. Likely, though, you’ll need to choose “Create your own” from the size dropdown and play around with these dimensions to fit your own blog’s sidebar. I like to start with a board width of 230, which makes a widget width of 250px, which is a common sidebar width. You’ll see a live preview below the dimension settings. You can play around with these however you’d like. As you’ll see, you can adjust the width of each individual image (pin), as well as the board height, too.
- Once you’re happy with the way it looks, it’s time to add the code to your blog and see if the sizes fit your blog! You’ll find two different snippets of code below the settings/preview. Keep this window open, as you’ll need both of these codes here in a minute.
2 | ADD THE WIDGET TO YOUR SIDEBAR
We’ll start with Blogger. Click here to jump to the WordPress instructions if that’s your platform.
- From your Blogger dashboard, visit the Layout tab.
- Find “Add a Gadget” in your sidebar and click to edit it:
- Name the gadget if you’d like. Paste both lines of code into the box. Then click save and go check it out!
At this point, you may see that your dimension settings need to be adjusted, like mine do above. I need to increase the width a bit to get it to fit the sidebar fully. You may find that you need to increase or decrease depending on your own sidebar width. Go back into the Pinterest widget builder and adjust the number. After adjusting the numbers a bit for my own blog, this ends up being perfect for me:
Alternatively, you could also add some center tags to the beginning and end of your code instead if your gadget is smaller than your post space but you’d prefer to just center it rather than adjust sizes. To do that, add <div style=”text-align:center“> to the beginning of the code and </div> to the end.
- In your WordPress Dashboard, hover over Appearance, then click Widgets.
- Then, find the Text widget from the lefthand section and drag it into your sidebar.
- Enter a title if you’d like one, then paste in both lines of code from the Pinterest widget builder. Extra tip: the second snippet of code provided can only be used once on your WordPress site. If you’ve already placed that code on your site before, don’t paste the second snippet into your text widget. To be sure, you can try it without the second snippet of code first. If you save it and you see nothing live on your blog, you’ll need to go back in and add the second snippet.
- Click save and go check it out!
At this point, depending on your WordPress theme and sidebar widths, you may see that your dimension settings need to be adjusted. My theme resizes my Pinterest gadget and automatically centers it, so this is good to go. But if you want to adjust the dimensions, go back into the Pinterest widget builder and adjust the number. You can keep testing, repeating the above steps, until you’re satisfied.