Loading
 

FREE OFFER

LiveBuild
We’ll build your
website for you

YWD logo

YWD logo

 

July 2012


A few ways to integrate Pinterest into your website

Jul 5, 2012 12:20 PM
by Flavio Mester

PinterestEven if you're not familiar with Pinterest, chances are your audience is. It's a social networking service that has become enormously popular (literally, by the hundreds of millions). It lets people organize and share the images they find on the web into "boards".

Adding a “Pin it” button to your pages

This website displays a vertical side badge on the left that makes it convenient for people to bookmark content they like. It now features a “Pin it” button that allows them to select and post any image of the page into their own Pinterest boards. Then, when their followers click on the image, they’re taken to this website.

You could easily to the same for your business website, even if you don’t have a Pinterest account yourself (as mentioned before, your visitors are likely to have one).

If your website uses the YWD system like this blog does, all you need to do is choose Pinterest as one of the social bookmarking buttons you want for your website. You do so from YWD Designer without any need of programming.

If you have a blog in YWD, the “Pin it” button will appear at the bottom of the posts when the blog is being displayed in list mode i.e. with multiple posts. Go to the Home page of this blog and notice that at the bottom of all posts you’ll see the button alongside the ones for Facebook, Twitter, etc. (the networks we picked for the blog's website).

Pinning a specific image

The examples above work on a page even with multiple images; people are presented with a nifty interface where they can select the image they want to pin. But there are cases where you may prefer visitors to pin a specific image.

For instance, this client’s blog displays multiple posts in summary mode. When creating the posts, YWD offers the author the option of choosing a specific image for Pinterest. The blog will then display a separate “Pin it” button immediately below it, so when people click on it the information -- the title, description and the image itself -- will be pre-selected. Notice that unlike in the case of a “Pin it” button for the whole page, here Pinterest will include a counter, because it can reference to a particular image within the page.

Pinning a specific image in a blog

www.1968magazine.com

Another handy use of Pinterest buttons can be found on real estate websites. YWD has lots real estate clients and this one includes an image gallery for each property. YWD will automatically insert a “Pin it” button right beneath the image for that gallery display style (known as “Carousel”).

Pinning a real estate image

www.rina.ca

 

How about mobile websites?

People use Pinterest on mobile devices too. A “Pin it” button will appear on the mobile-optimized version of a YWD website as well. All you need to do is check Pinterest in YWD Designer / Social media & widgets / social bookmarking. Here's a screenshot:

Pinterest button on mobile


By the way, YWD's own Pinterest page is http://pinterest.com/therealywd

 


Don't have a Your Web Department website? Get yours at www.yourwebdepartment.com



Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Flavio Mester on Google+ | Twitter | LinkedIn

HowTo, Mobile, Social Media, Webdesign  
  


 

Top of page

Don't miss our posts!

Get them weekly in your inbox

First Name: *
Last Name: *
Email: *
Invisifield:
Invisifield:
 

Your Web Department Blog RSS feed
Suscribe to our
RSS feed

YWD Clients

YWD Pricing

Get started!

Make your own website
Get started now!

Don't pay until you go live.

Cloud Nine Creative

Scott Thompson Talk

YWD Synergy™

Take advantage of exciting deals made available exclusively to YWD clients

YWD™ Incentive Program Don't just make money on every job, now you can make money every monthYWD™ Referral Program
Don't just make money on every job, now you can make money every month
YWD™ Search Engine OptimizationYWD™ Search Engine Optimization
Fine tune your site to improve its chances of being better ranked on Google
VIDEOitVIDEOit: describe your company, product, promotion or service using video Get 10% off your first video just for being a Your Web Department™ customer