Skip to main content

Embed Pinterest Widgets

Here are some examples to show you how to embed Pinterest Widgets in Hippo CMS.

How to:

  1. Go to Pinterest Widget builder
  2. Select the widget you'd like to use, enter your Pinteres url and adjust sizes
  3. Click "Build It!"
  4. Scroll down to preview page. Continue adjust the size until you are happy.
    In the 2nd example on the right, data-pin-board-width="210"
  5. Copy and paste the code to Hippocms document (in html source mode)
  6. Edit the code to make it work in hippo: (see my example code below)
    1. Make sure to add "&nbsp;" before </a> tag.
    2. Insert "http:" before //
  7. If you want the embedded widget to be responsive to different viewing devices - the widget's width is the full width of the content area, you should delete "data-pin-board-width="xxx"". See the first embed on right.

More info:

Embed a board widget


Use the following code to embed the board widget above:
<a data-pin-board-width="450" data-pin-scale-height="60" data-pin-do="embedBoard" href="; data-pin-scale-width="80">
&nbsp; </a>
<script src="" type="text/javascript">

Embed one of my pins


Back to Top