How to make a Pinterest Widget for your Website


Want one of those cool widgets showcasing your pins from Pinterest on your website? They are quick, and easy to make and you can stick them on your website, your blog or anywhere else that strikes your fancy.

Prefer video? Watc'How to Make a Pinterest Widget for your Website' on Skyberry's YouTube channel.


Step 1: Create your Widget


First thing you'll want to do, is head over to Pinterest. Once logged in, click the tool icon in the top right corner of your screen. Then select, 'Make a Widget'.

How to make a Pinterest Widget for your website


Step 2: Get the Code

A dialog box will pop-up. From here, you can see there is some HTML code and preview of the widget below that. This preview is how the widget will look.

Add a Pinterest widget to your website


Copy the entire string of code and paste it wherever you want the widget to go. You will need to have access to the HTML of wherever you want to paste it. For instance, in WordPress you could make a new HTML widget and paste the code there to create your Pinterest widget.

"Making a Pinterest widget for your website is quick and easy to do.  A great way to promote your pins!" Tweet this

Below is the Pinterest widget I just made following this simple tutorial, pretty cool right?

Visit Skyberry Studio's profile on Pinterest.

Want something more custom?

If you want more control over the look of your Pinterest widget, there are some additional options available. Click, 'Learn more' in the top of the dialog box.

You will then be taken to Pinterest Developers Widget Builder where you can create custom buttons and widgets to add to your website or app.  The widget builder allows you to take more control of the look and functionality of your widget, such as size and what you want to showcase (a Pin, a Board or your Pinterest profile).

When selecting size, you can choose from Square, Sidebar, Header or Create your Own and see a preview of what it will look like below.  Once you settle on the best widget for your website, scroll down the page and copy and paste the code to wherever you want your custom widget.

Want to know more? Watch the video

Visit Skyberry on YouTube to watch 'How to Make a Pinterest Widget for your Website', presented by Creative Director, Lacey Johnston.


No comments:

Post a Comment