EMBED SOCIAL WIDGETS

Instagram

How to embed posts using Instagram and not external plugins or tools.

Note that does not support embedding a feed - only a single post.

When on a post, at least in the web view, click the three dot menu and then the “Embed” option.

You’ll get the choice to include the caption.

Here is a sample generated by Instagram from https://www.instagram.com/p/B1YVS80D9W_/.

It’s very long so not shown here as code.

View this post on Instagram

Some snaps from our last show @masquetheatresa. SECOND LINERS, SECOND SUNDAY OF THE MONTH.

A post shared by Second Liners Improv (@secondlinersimprov) on

Using an iframe

Copy the URL for an IG post and append /embed.

Then add it as the "src" for an iframe.

I recommend setting width and height as well to avoid getting a box that is cut off unnaturally.

Code sample:

<iframe
    src="https://www.instagram.com/p/POST_ID/embed"
    width="XXX"
    height="YYY">
</iframe>

Demo

Large square

Like and comment areas disappear.

Medium tall

Medium square

Small square

View profile button becomes prominent and name gets cut off.

Reflow of multiple posts in a div