No Instagram Web Embeds On

UPDATE 14 July

Read through to the end of this post to see how it IS now working on blogs – with no need for an iframe embed code (just the URL).


I get a Rabbitgram email each morning from The Rabbit Agency with the latest in the digital world.

This morning they linked to a post that appeared yesterday on the Instagram blog that says:

Today, we’re excited to introduce web embedding for Instagram content and bring you an easy way to add Instagram photos and videos to the stories you want to tell.

Now, when you visit an Instagram photo or video page on your desktop web browser, you’ll see a new share button on the right side of your photo (just under the comments button). Click the button to see the embed code. Copy the block of text it gives you and paste it into your blog, website or article. When you hit publish, the photo or video will appear.

It doesn’t work on blogs.

The reason it doesn’t work is that iframes are not allowed. WordPress just strips them out.

This is a screen-grab of one of my Instagram images. You can see the embed button below the comments button. Clicking that brings up the embed code that I have shown in the second screen grab. As you can see, the code is an iframe.




Here is the link to an article I put on the Quillcards Blog where I was able to easily embed some Instagram photos.

I thought the images themselves would be clickable, but in fact it is the little word ‘Instagram’ above the image that has to be clicked.

When you hover over the word (as you will see) it changes to ‘View On Instagram’.

But it is not super-obvious, which I think it really ought to be.

Update 14 July

A big thank you to JenT from GammaGirl who has been following up the Instagram issue with the support staff at WordPress, and now by simply pasting in the URL of the image it renders as the new Instagram version – like here:

19 thoughts on “No Instagram Web Embeds On

  1. I’ve more or less given up on Instagram. Before I got the iPhone, I wanted it badly … just because I couldn’t.

    Your picture of the flowers is so beautiful!


        1. I don’t have much of a social circle there – but it’s nice to see memories building up and get some feedback.

          If you decide to start again, let me know and I’ll follow you.


  2. I agree. Subtlety is great – most of the time, and going against standard conventions is wonderful – often. But there are times when a little more “light” could be shed.


      1. Apparently on WPcom 612 pixels is the Instagram gold standard. I do like the subtle addition of the number of instagram likes and comments, but would rather click on the image to be taken to the correlating instagram page. /shrugs


        1. I absolutely agree with you. Not only would I prefer to be able to click on the image itself, I think it is not obvious for those who are not familiar with the system and so discourages them from clicking.


        1. We didn’t do anything! Suddenly we found other people’s Instagram images embedded in our sites where our embeds should have been and after WPcom fixed it, we had our pictures back but with the new Instagram-style embed. 🙂 I imagine we can carry on as before with the oembed method and we should now see it in the Instagram official format. win-win


        2. I get how it is possible to put an embed in the sidebar with the widget, but how did you put your embed in the body of your post? How would you put one there if you wanted to do it now?

          Sorry for being slow.


        3. 🙂 No worries!

          Going back to what I posted above with the link to the support doc, you still embed the same way as before on (oembed), but now the “official” instagram frame shows up in the post with the photo. No extra effort required.


  3. Talk about timing. I just posted this on Instagram web embeds.

    Now I get a little confused when you talk about the official Instagram embed route vs the WP URL way. For me only the latter works. And another thing. I don’t know why but if you see my post you’ll notice all that space between the bottom of the embedded image and the next paragraph. There was nothing I could do to remove that empty space. Don’t know if it has something to do with embedding using a URL instead of the iframe code. Anyways. Like I said on my post, this is not something I’ll be using often so…


    1. I looked at the source code on your site. The empty space is the size of the iframe and I see you have it set to width=”730″ height=”828″. If you change that to the original values of 612px and 710px, I think you will get rid of the extra space.

      I think embedding on versus self-hosted WordPress sites can be summed up this way. On blogs there is only one way to do it, and that is to put the URL in the post and make sure it is on its own separate line. It will then show up with the word ‘Instagram’ above the image and the word will be clickable.

      With self-hosted WordPress sites you have the option of either using the iframe embed code or using the same method as for sites. If you use the iframe embed, it will show up with the word ‘Instagram’ and the word will be clickable. If you use the same method as for sites, only the image will show (no word ‘Instagram’) but the image will be clickable.


        1. When I think about it, I am mystified as to how the iframe embed is there at all. is supposed to strip out iframe code.

          Leaving that mystery aside, I would say that you need to be in the HTML ‘text’ editor – not the ‘visual’ editor – to edit the post.

          You will see the iframe as iframe src=”//” width=”730″ height=”828″ frameborder=”0″ scrolling=”no”etc. – just change the values for width and height.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: