Instagram feed to Adobe Portfolio

Hi Ariell,

I will try and flesh out my previous advice a little more here, as I see you and others have had trouble with the iFrame code working. 

The embedding of Instagram posts into Portfolio can be a fiddly process as Instagram does not offer iFrame embed codes by default. When you click 'embed' on Instagram, you are instead provided with an HTML code which Nancy O'Shea rightly points out will not work in Adobe Portfolio. 

I have successfully embedded Instagram posts into my Adobe Portfolio (see example), partly with the help of Picodash.com/instagram/embed as outlined above. Alternatively, you can simply try copying the iFrame code provided below, pasting into an embed block in Adobe Portfolio, and swapping in your own Instagram post URL (swap out for the placeholder link, and ensure it ends with /embed )

<iframe src="http://instagram.com/p/a1wDZKopa2/embed" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

NOTE: When grabbing the URL of your desired Instagram post, I recommend copying it straight from your browser's address bar, rather than by clicking the dedicated 'Copy Link' button on Instagram as this can add on additional unwanted info onto the end of the URL, which can break iFrame embed code. You may get a link like the below example, in which case you would need to delete the additional info (highlighted in red) for it to work in the iFrame code.  https://www.instagram.com/p/CJeR0JCBOuL/?utm_source=ig_web_copy_link 

I hope these instructions help – this is merely what I have found to work for me. 

All the best, 

Seb