HomeTechnical SetupOther ToolsPinterest Integration

6.3. Pinterest Integration

From a great blog article on hubspot...

1) Go to Pinterest's Widget Builder and select 'Board Widget.' 

step_1

2) Paste the URL of the board you'd like to embed. Customize the size of the board as you wish under 'Advanced Options.' Then, click 'Build It!'

 step_2

3) Two snippets of code will appear. Scroll to the bottom snippet of code, and click 'Advanced' under 'Load the JavaScript.'

 

4) Copy the code from this section wherever you like in your blog post or website. 

Do not paste this snippet more than once! This is the code that allows all of the embeds to load on the page. 

 

5) Scroll up, then copy and paste the code from 'Insert the Link.'

This is the code for the specific board you want to embed.

 

6) Repeat step 5 for each board you want to embed. Do not repeat step 4. 

7) Center the embedded board by adding <center> and </center> around the whole HTML snippet. 

Here's what the final link from step 5 should look like:

<center> <a data-pin-do="embedBoard" href="http://pinterest.com/pinterest/pin-pets/"> Follow Pinterest Pin pets on Pinterest </a> </center>

9) And that's it! 

Here's what the final code of one embedded board on a page will look like:

<script type="text/javascript">(function(d){  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');  p.type = 'text/javascript';  p.async = true;  p.src = '//assets.pinterest.com/js/pinit.js';  f.parentNode.insertBefore(p, f);}(document));</script>

1) Here's our first board example!

<center> <a data-pin-do="embedBoard" href="http://pinterest.com/pinterest/pin-pets/"> Follow Pinterest Pin pets on Pinterest </a> </center>

Here's what the final code of multiple embedded boards on a page will look like:

<script type="text/javascript">(function(d){  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');  p.type = 'text/javascript';  p.async = true;  p.src = '//assets.pinterest.com/js/pinit.js';  f.parentNode.insertBefore(p, f);}(document));</script>

Then) Here's our board example!

<center> <a data-pin-do="embedBoard" href="http://pinterest.com/pinterest/pin-pets/"> Follow Pinterest Pin pets on Pinterest </a> </center>

 

And here's what an embedded board look like on your website or blog:

PinterestPinterestPin petsLyla. InfraDog!Henry, in his portable crate.Angus!Tyler, AKA the bacon demolisherFrisco, one of my three pups. Full time pinner, part time toilet paper roll balancing machineFiona the bunnyLux the Goldendoodle!Tony, nerd herder.Steve and Lana. (Lana says "put me down.")Lentil, unaware of her tongue.Again, Dragon after shower.Dragon after a shower:  Today is hotter, but I stay cooler!Teddy, search dog. Great smile!Rocky and Steve, pair programming. Those input devices are Data Paws, with which Rocky can type upwards of 35wpm. (It's nothing but "woof, woof, woof," of course, but it's still pretty cool.)Travis, reception and therapy.Maggy is annoyed by being left at home, but she's only demonstrating why I can't bring her to the office.Tracy and Pixel, special guest dog at PinterestHQ. (Pixel is interviewing, might be a good intern.)Rocky is a chick magnet.Rocky, Platform Manager.Sadie looks upset by Rocky's behavior.Angus, our newest canine recruit!Nuri, do you want to spec out this mock for us?Shasta, community management.Fallon, designer.Joe, junior web dog.Hi Henry!Joe. API hacker.Bella. Community manager, blog herder.Cat lurking under table...A Day at the Pinterest HQ: A guard dog watches over a workstation while an employee is in the Prestroom.  - photo from #treyratcliff Trey Ratcliff at http://www.StuckInCustoms.com - all images Creative Commons NoncommercialGuster, IOS developer.Sadie, director of engineering.Guster hanging out at the office.Office Dog @Pinterest: Harper, public relations.Harper! Surprisingly loud...Harper and his stuffed animal friendOscar lounging.Nuri being NuriOffice Dog of the Day @Pinterest HQ: HenryPregnant with Dante@Annie Katrina Lee's black lab, Bella!Lana, sweetest dog on the planet by nhanusek, via FlickrNuri watches Ash pixel pushSadie and Andrew pair programming.Mmm... Watermelon! Jon's dog Sadie!Tucker loves Pinterest!@Cynthia Maxwell's Hipster catDante gets interrogated by SibiDante attacks a Media Goblin sticker.@Kim O'Rourke's kitty, Seamus!See On

 

Knowledge Tags

This page was: Helpful | Not Helpful

Copyright © - TownLife by Econolution Inc.