Create HelpCentre/Promoting your Website/Social Media

How to use the Pinterest ‘Pin It’ Button Widget

Jamie Pitman
posted this on November 29, 2012 17:46

Pinterest_Logo.png

When clicked by your visitors, the ‘Pin It’ button will allow them to pin an image or video from your web page to their Pinterest pinboard. You can specify which picture or video is pinned or allow your visitor to pin any images above 80 x 80 pixels in size on the page. At present, only videos hosted by YouTube, Vimeo or Kickstarter can be pinned, but Pinterest are working on increasing the number of video sources.

 

In this guide we will look at the following:

pinterest-button.png

  • How to create the 'Pin It' Button
  • Choosing your widget settings
  • How to display the 'Pin It' Button on a page of your website
  • How to display the 'Pin It' Button in a “Side Column Item”
  • How to display the 'Pin It' Button on your “Site Footer”
  • How to publish the changes to your live website

 

How to create the 'Pin It' Button

To create the Pin It Button please follow the instructions below:

  1. Log in to your Create account
  2. Click on "Content" on the top menu.
  3. Click on "Widgets" on the left hand menu.
  4. Click on "Add New Widget".
  5. Scroll down to the "Pinterest ‘Pin It’ Button" widget and click "Add Widget".
  6. Set up the ‘Pin It’ Button by giving the widget a name for your reference. 
Pinterest_Widget_New.jpg



Choosing your widget settings

You can either allow your visitors to pin any image from the page the button is on, or specify a particular image to be pinned.
 

To allow visitors to pin any image from the page:

Select ‘Any Image On Page’ in the ‘Image to Pin’ drop-down list. (Please note that this selection disables the ‘Pin Count’ feature, which shows visitors how many times a page has been pinned.) 

Pinterest_Any_Image_New.jpg

 

To specify an image to be pinned:

Select ‘Specify Image/Page URL’ in the ‘Image to Pin’ drop-down list. You’ll then see the following mandatory fields to fill in:

  1. URL of Image to Pin: Enter the source URL for the image to want to pin. To get this, go to the image on your website, right-click (ctrl-click on Mac) the image and select ‘Copy image URL’. Then paste this URL into the ‘URL of Image to Pin’ field, using right-click (or ctrl-click on Mac). The URL needs to have the prefix ‘http://’ in order to work.
  2. Custom Page URL: Enter a custom URL for people who click the pin image to be redirected to. It might be the page the image is on, or you might prefer all clicks on your pinned images to direct people straight to your Home Page or your Shop Page. The URL needs to have the prefix ‘http://’ in order to work.
  3. Pin Count Style: Choose whether you’d like to display how many times the page has been pinned next to the button, and if so, whether it should be displayed above or to the right of the button.
  4. Description: Add an optional description of the image you’re allowing people to pin. This will be included when they pin the image to their pinboard.
  5. After making your selections, click "Save Changes".

Pinterest_Specify_Image_New.jpg


Once you have created the Widget you can follow the instructions below to insert it into the area of your website where you want it to appear.

 

How to display the 'Pin It' Button on a page of your website

To display the 'Pin It' Button on a page of your website please take a look at the instructions below:

  1. Click on "Content" on the Top Menu.
  2. Click "Edit" (the pencil icon) for the page you would like to display the 'Pin It' button on.
  3. When the content editor appears, place your cursor where you would like the 'Pin It' Button to appear and click the "Insert Widget" icon on the Editor Toolbar (this icon looks like a lightning bolt).
  4. Select the Widget from the drop-down list and click the "Insert Button".
  5. Click the "Save Changes" button.

You will see the 'Pin It' button in one of the below styles, depending on the Pin Count Style you chose when setting up the widget.

Pin It Button Types.jpg

 

How to display the ‘Pin It’ Button in a "Side Column Item"

To display the ‘Pin It’ Button in a "Side Column Item" please follow the steps below:

  1. Click on "Design" on the Top Menu.
  2. Highlight "Side Columns" on the Design Screen Menu and choose the existing side column you want to edit or click "New Side Column Item" to make a new one.
  3. If you are making a new "Side Column Item" select "Standard Content Box" as the type and click "Continue".
  4. When the content editor appears, place your cursor where you would like the ‘Pin It’ Button to appear and click the "Insert Widget" icon on the Editor Toolbar (this icon looks like a lightning bolt).
  5. Select the Widget from the drop-down list and click "Insert Button". A grey holding box will then appear as shown in the screenshot below.
  6. Click the "Add Side Column" or "Save Changes" button.

 

How to display the ‘Pin It’ Button on your "Site Footer"

To display the ‘Pin It’ Button on your "Site Footer" please follow these steps:

  1. Click on "Content" on the Top Menu.
  2. Click on "Edit Site Information" on the left hand menu.
  3. Click on the "Page Footer" tab.
  4. When the content editor appears, place your cursor where you would like the ‘Pin It’ Button to appear and click the "Insert Widget" icon on the Editor Toolbar (this icon looks like a lightning bolt).
  5. Select the Widget from the drop-down list and click the "Insert Button". A grey holding box will then appear as shown in the screenshot below.
  6. Click the "Save Changes" button. 


How to publish the changes to your live website

Once you have added the ‘Pin It’ Button to the places you want it to display on your website you will need to publish the changes to your live website.

To publish the changes to your live website please do the following:

  1. Click on "Publish" on the Top Menu.
  2. Click on "Publish to Web".
  3. Click on the "Yes, Publish!" button

Your changes will now appear live on your site and visitors will be able to start pinning your images.


If you have any questions about using or inserting the Pinterest 'Pin It' Button please email your Customer Account Manager, who will be more than happy to help!

For tips on how to make the most of Pinterest for your business, check out our blog post here: 

 

Comments

User photo
Jamie Pitman
Create

New to Pinterest, or want to know how you can use it to help your business? Check out our '10 Tips For Using Pinterest For Promoting Your Website'!

December 04, 2012 11:28
User photo
Nikki Thompson-Guest

So, Do we have to add the 'Pin It' to each individual page we want it on? Is there a way to add it to all Pages quickly? thanks :)

December 10, 2012 16:29
User photo
Jamie Pitman
Create

The quickest way to get a 'Pin It' button on every page is to add a 'Pin It' widget to your side column or footer. Note that you would need to select 'Any Image on Page' in the 'Image to Pin' field when creating the widget in order for this to work.

Then whenever someone clicks your Pin It button on a particular page, they will be presented with a series of images from that page to choose from, and the URL in the pinned image would redirect to that page.

However, if you really wanted to specify an image to be pinned on each page (and not give visitors the choice of image to pin), you would have to add this type of 'Pin It' button to every page.

I hope this helps! 

December 10, 2012 16:37
User photo
Dawn Chantler

Hi,

I have done all of the above, and rechecked it,  but when I click on the 'Pin It' button the only imagge that shows up is the PayPal button!  How do I get it to display pictures from my website? I have put the pin it button in the footer and in the side column and clicked on any image on page...

Thanks,

 

Dawn

December 10, 2012 21:42
User photo
Dawn Chantler

Hi,

Sorry to bother you but I've done it!  Thanks.

 

Dawn

December 10, 2012 22:24
User photo
Sarah

I've seen a really funky pin it badge icon on one of the create websites (wish I could remember which one!!)....are there any other button options?

September 10, 2013 07:42
User photo
Create.
Create

Hi Sarah,

The "Pin It" button within the widget is Pinterest's official one and so we do not currently offer any others, but you may be able to find others online.

If you can find another you will need to add this to your website as a HTML Fragment, which you can read instructions on how to add here. However, please note if you do pop external HTML into your website this is not something we offer support for.

If you have any questions please let me know!

Thanks,

Lauren

September 11, 2013 11:33