Hey,
Just wondering if it’s possible to to embed content from Social sites like LinkdIn, Instagram posts/reels etc. I know I can link to it but would really want to share a video within the page rather than navigate away.
Thanks, Em
Hey,
Just wondering if it’s possible to to embed content from Social sites like LinkdIn, Instagram posts/reels etc. I know I can link to it but would really want to share a video within the page rather than navigate away.
Thanks, Em
You can use the iFrame component - then grab the embed code from your feed and pop it in the iFrame settings! And away you go!
Just be aware that of course people can navigate away from what you want them to see as it really is a window into that site and nothing gets “locked down” ![]()
Hey emily,
What code are you using? It can’t be just the address of the Instagram page - it should be actual embed code.
Also see this note in Instagram help: https://help.instagram.com/620154495870484/?helpref=search&query=embed&search_session_id=23318f897612891412598cd1bc01f25a&sr=0
Another thing to note is that some sites may not link correctly until the course is published live somewhere.
If you’re still having trouble, share the embed code with me (by DM if necessary) and I can take a look.
Hey, thought I’d got this and it was working for me but trying to embed a code now and struggling. Would you mind taking a look? Tried a few different reels but all showing with the error “Cannot GET….”. Have attached an example - might be an issue with Insta as the code looks a bit odd!?
The post is here: https://www.instagram.com/reel/DUqlsixDjcB/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==#
and this is the embed code:
That’s not a typical iframe embeddable code - it should at least contain the phrase “<iframe”>.
Instagram’s embed code seems to be for those creating websites and not using iframes.
But I got it working!
The correct iframe code is pasted below. You may need to check the “Use iFrame Content Source Attributes?” toggle, and in Behaviour settings change the height of the iframe to be what you want on desktop and mobile.
<iframe src="https://www.instagram.com/reel/DUqlsixDjcB/embed" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
Hi Helen,
Thank you!
I thought it wasn’t but wasn’t sure how to extract the relevant part. I may need to embed a few more instagram reels throughout various courses. Would you mind explaining how you came to the code below so I can replicate?
Thanks,
Emily
I looked at previous embeds that had worked successfully and tried that format.
All you should need to do with future links is take the src part of the code after the first quote up until the /embed and replace it with the simple url of the reel you want.
So https://www.instagram.com/reel/DUqlsixDjcB replace this so the /embed stays at the end.
Sorry Helen,
Thought I’d got it but I haven’t…
Tried repeating the same format with this code:
It linked to Instagram but came back with a error message from Instagram saying the link may be broken or the post may have been removed (which it hasn’t).
Any suggestions?
Thanks,
Em
Again could be something to do with the security settings for that account? Code looks right to me.
Ok cool, I think it must be as tried another link and all good. thanks