View the Embed in Session

https://community.canvaslms.com/videos/3176-integrating-social-media-in-canvas-sean-nufer

Breakdown of Code

Pinterest Code

data-pin-board-width="800px" ← the width that you want the embedded pinterest board

data-pin-scale-height="450px" ← the height that you want the embedded pinterest board

data-pin-scale-width="200px" ← the width of each pinned item. If your total width is 600px and you want the pins to be 3 pins across/wide, then set the pins to 200px. If it is 900px wide (which likely would be too wide for mobile screens) and you want the pins to be 3 pins across/wide, then set the pins to 300px.

href="https://www.pinterest.com/chitownr/infographics/"></a> ← replace my URL with your own (i.e. https://www.pinterest.com/YOURS)

iFrame Code

width="99%" height="600px"and height of the iframe - not the actual pinterest board. I like to set the width to 99% (meaning, it spans 99% of the screen and I set the height to about 150px more than the height of the pinterest board (above). This way I don't have a vertical scroll bar in the iframe and it looks cleaner

data-api-endpoint="https://tcsedsystem.instructure.com/api/v1$IMS-CC-FILEBASE$/Pinterest/pinterest.html?canvas_download=1" data-api-returntype="File" ← this gibberish gets added by Canvas when you save