Iframed Widget Development

Pin Widget

<iframe src="https://assets.pinterest.com/ext/embed.html?id=1618549855956067"
  height="714"
  width="345"
  frameborder="0"
  scrolling="no"
></iframe>

Grid Widgets

For all three grid-based widgets we're going to pass a single parameter, grid. If grid has zero forward-slashes we will assume it's a profile; two = a board; three = a section.

Profile

<iframe src="https://assets.pinterest.com/ext/embed.html?grid=enid"
  height="300"
  width="400"
  frameborder="0"
  scrolling="no"
></iframe>

Board

<iframe src="https://assets.pinterest.com/ext/embed.html?grid=kellkruger/makeathon-meals"
  height="500"
  width="1000"
  frameborder="0"
  scrolling="no"
></iframe>

Section (with optional column count parameter)

In grids our columns will try to maximize their width up to 237px. You can attempt to override this by specifying a columns parameter in the iframe src attribute.

(I say "attempt" because if you specify a column count that would result in columns over 237px wide it won't work.)

<iframe src="https://assets.pinterest.com/ext/embed.html?grid=kentbrew/dining-in-palo-alto/lunch&columns=6"
  height="400"
  width="600"
  frameborder="0"
  scrolling="no"
></iframe>