Embedding Images from Instagram
We know many of you document and share your experiences with Instagram, so we’re excited to announce that you can now embed images from Instagram on your blog.
As with other embeds, it’s quite easy. First, copy the image’s URL from your web browser’s address bar while viewing the image:
Then, while you are editing a post or page, simply paste the URL on its own line:
http://instagram.com/p/QI9cbtAdvW/
So for example, this text and URL:
will display this on your blog:
The URL automatically embeds the largest size of the image that fits into the content area. Alternatively, you can control the size of an image using shortcode. For example:
[instagram url=http://instagram.com/p/QI9cbtAdvW/ width=275]
embeds this image instead:
An image is automatically linked to the URL of its original Instagram page, so when readers click the image on your blog, they are taken to its full-size version.
It’s another quick and easy way to enhance your blog. Happy Instagramming!
Oct 29th at 7:06 pm
I was waiting for this
It will help so much!!
Oct 29th at 7:10 pm
nice!
Oct 29th at 7:12 pm
Very cool!
Oct 29th at 7:13 pm
I may have to try this out
Thanks!
Oct 29th at 7:16 pm
That’s awesome!
Oct 29th at 7:26 pm
Oooooooh great! Thank you!
Oct 29th at 7:28 pm
Sweet. This is going to be huge.
Oct 29th at 7:32 pm
This is a great feature. Now that you can get a link quickly from instagram, it means more mobile posting from now on.
Oct 29th at 7:33 pm
I didn’t know it could be possible. I just realized how much we needed it. Thank you.
Oct 29th at 8:09 pm
Cool i love this
Oct 29th at 8:29 pm
Best thing since rum.
Oct 29th at 8:33 pm
Very cool, I always post a lot from instagram using the amzndaws or whatever img link, but now I can just use the URL instead!
Oct 29th at 8:43 pm
Awesome, thank you!
Oct 29th at 9:23 pm
Not bad!
Oct 29th at 9:24 pm
Thank you for sharing this. But how can I get the link of picture?
Oct 30th at 12:31 am
When scrolling through your images in Instagram, you can find the URL of an image by clicking on the icon of three dots on the bottom right. You’ll see options like “Email Photo” and “Copy Share URL”. When you email yourself a photo, you should be able to click on the image, which will take you to the image on the web. If you click on “Copy Share URL”, this will copy the URL to your clipboard, and you can then paste this link elsewhere.
Also, when you share Instagram images on sites like Twitter, you can grab the URL from the tweet, for example.
Nov 6th at 3:47 pm
Update: Instagram announced profiles on the web. Makes it much easier to grab that link!
Oct 29th at 10:01 pm
Yessir, I like this one – particularly the ease of use. I LOVE images out there of the world, & when people snap a piece of their life. It really populates the blogosphere with joyous view.
Oct 29th at 10:17 pm
Definitely makes things easier.
Oct 29th at 10:34 pm
Thanks girl, I love this.
Oct 29th at 10:36 pm
Awesome! Thanks! I’ll have to get an Instagram account to utilize this.
Oct 29th at 10:46 pm
Cool! What a great feature!!
Oct 29th at 10:52 pm
You could have offered the same for Pinteresters, couldn’t you? It would be two lovely gifts at once!
Oct 29th at 10:54 pm
This is awesome, what a great feature to add a unique touch to blogs!
Oct 29th at 11:45 pm
What is the shortcode? I think the editor of this article forgot to comment out the code…
Oct 30th at 12:04 am
If you want to use shortcode to specify width (ie, width=500), use the following code below, making sure to replace LINK with the URL of the image you want to use:
[instagram url=LINK width=500]
If you don’t want to specify size, just place the URL on its own line in the post/page editor, as shown above and in the support document. Thanks!
Oct 29th at 11:47 pm
I just tried this, and I couldn’t see it in the preview. Does it work on the free blogs?
Oct 30th at 12:13 am
Yes. If you follow the process above using the URL-on-its-own line embed method or URL-wrapped-in-shortcode method in the post/page editor, you should see in in preview mode. If you have further questions or troubleshooting, please contact Support or use the Forums. Thanks!
Oct 30th at 12:01 am
Now just to get a quick-sharing option to wp.com inside the Instagram app!
Oct 30th at 12:06 am
I have been doing this for a while now by emailing within instagram, the picture isnt as large though. would love to see a theme for instagram photos.
Oct 30th at 12:19 am
I figured out that you have to break the link! Thanks!
Oct 30th at 12:32 am
Nicely-done — and in time for stormy pictures
Oct 30th at 12:40 am
love this!
Oct 30th at 1:03 am
Gorgeous! Thanks so much!
Oct 30th at 1:10 am
This is great! Thank you. Does any one know how to embed mp3 files into a wordpress blogsite?
Oct 30th at 1:20 am
Check out steps on the audio support page. There are links to related pages there, too.
Oct 30th at 8:58 am
I have mixpod on my wordpress.com… they have a special short code that works with WP.com… all of my MP3s are on playlists with mixpod it makes it really easy to use on WP.xx
Oct 30th at 1:21 am
Many thanks Cheri, we will definitely start using Instagram for our posts…
Oct 30th at 1:25 am
Excellent. Very thorough!
Oct 30th at 1:39 am
Awesome! Thank you.
Oct 30th at 1:41 am
That’ll be great! :3 Now I can see awesome photos coming up on everyone’s site!
Thanks.
Oct 30th at 1:43 am
when does there become an option that I can select straight from instagram?
Oct 30th at 1:58 am
Thank you! this came just at the right time!!!!
Oct 30th at 2:21 am
Great! Thanks for the info!
Oct 30th at 2:58 am
Hi Cheri, does this work when your post to the wordpress.com blog originates via Hootsuite?
Oct 30th at 3:45 am
That’s awesome! I hope someday it becomes a widget!
Oct 30th at 5:02 am
This is awesome! Can it be done Self-Hosted sites too?
Oct 30th at 3:03 pm
The Instagram embed feature will be available to WordPress.org users in the near future via Jetpack.
Oct 30th at 5:24 am
great, how can we embed an album?
Oct 30th at 5:39 am
It would be even easier if we got a quick-sharing option within the Instagram app just like for Twitter & Tumblr etc!
Oct 30th at 6:22 am
This is why I so love WordPress for the support and concern it gives to its users. This is so cool. Thank you.
Oct 30th at 7:54 am
And does this mean that autoposting to a WordPress.com blog from Instagram directly (i.e. when you post to Instagram from your mobile) will create the same results? Currently, the image autoposted on a WordPress.com blog is small and not well formatted; I end up manually re-posting every one of my Instragram image: pain!
Oct 30th at 7:55 am
Cool feature! Thanks for sharing
Oct 30th at 8:09 am
Awesome! One of the best updates to date
Oct 30th at 8:42 am
nice post you have! since almost everyone are using instagram and now can be easily embed in WP posts. cool!
Oct 30th at 9:40 am
very nice feature !
Oct 30th at 9:46 am
I love this new feature! does this still work if your instagram is private?
Oct 30th at 10:22 am
I figured it out. The answer is no! Thanks again!
Oct 30th at 11:46 am
Reblogged this on kirstenhwhyte and commented:
I am quite excited about this! I love taking pictures with instagram, it makes slightly plain photos look impressive. It may even prompt me to put more photos on my blog. I can’t wait to try it out. Looking for an appropriate photo subject as we speak . . .
Oct 30th at 12:13 pm
Do I need to update WordPress to 3.4.2? It doesn’t work fo me.. and I don’t know what I’m doing wrong.
Oct 30th at 3:06 pm
These steps are for blogs on WordPress.com. The Instagram embed feature will be available to WordPress.org users in the near future via Jetpack.
Oct 30th at 4:54 pm
This is great! What I’d really like to have is a sidebar widget though.
Oct 30th at 4:55 pm
Awesome feature and soooo easy to use! ^^
Oct 30th at 5:38 pm
This is a really neat idea; I would like to re-blog this on my word press blog this Thursday. As a web developer / webmaster, I think people are going to love this!
Oct 30th at 5:43 pm
Hi Cheri. I knew it. I am completely stupid. But I have no idea how I view my instagram photos online. I have tried Webstagram but only get a webstagram html which doesn’t work at all when I copy it ino my blog. Can you advise please?
Thanks Martin
Oct 31st at 6:23 am
When scrolling through your images in Instagram, you can find the URL of an image by clicking on the icon of three dots on the bottom right. You’ll see options like “Email Photo” and “Copy Share URL”. When you email yourself a photo, you should be able to click on the image, which will take you to the image on the web. If you click on “Copy Share URL”, this will copy the URL to your clipboard, and you can then paste this link elsewhere.
Also, when you share Instagram images on sites like Twitter, you can grab the URL from the tweet, for example.
Nov 6th at 3:49 pm
Hi Martin — an update: Instagram just announced profiles on the web. Makes it much easier to grab that link!
Oct 30th at 6:41 pm
Yay!
Also-
Sidebar widget would be a great Christmas present please!
Oct 30th at 9:31 pm
hey! this is awesome. any chance you’re working on an instagram widget like you have for twitter?
Oct 30th at 11:28 pm
Reblogged this on GuenBt. and commented:
Would be BEST if it were a widget but still…..
Yay!!! thank you WORDPRESS! At last!
Oct 31st at 3:01 am
Great tips and your photo from the hotel room is amazing! Thanks for sharing.
Oct 31st at 9:20 am
Hi Cheri,
I don’t see any of my images from Instagram via a computer. So no URL in web browser. I also checked the Tips and Tricks section on Instagram and it says they are currently developing the ability for users to view on Instagram and recommend third-party applications, but “Martin Parry”, above, said Webstagram doesn’t work for him. Are you viewing your images in Instagram? Am I doing something wrong? Your advice is appreciated!
Jane (from bigislandsmallisland)
Nov 2nd at 5:33 am
When scrolling through your images in your Instagram app, you can find the URL of an image by clicking on the icon of three dots on the bottom right. You’ll see options like “Email Photo” and “Copy Share URL”. When you email yourself a photo, you should be able to click on the image, which will take you to the image on the web (ie, with the URL in the browser). If you click on “Copy Share URL”, this will copy the URL to your clipboard, and you can then paste this link elsewhere.
Nov 6th at 3:23 pm
Ah thank you!!! Hopefully they’ll make web viewing available soon.
Nov 6th at 3:38 pm
Update: Instagram announced profiles for the web! Hooray.
Oct 31st at 11:02 am
NEXT STEP: enable Istagram/Webstagram widget tool! It does not work yet sigh! sob! sigh!
Oct 31st at 1:47 pm
Excellent, just tired it out here: http://bluecrabyoyo.com/2012/10/31/ducks-do-get-wet/
Questions: is there a way to center the image? And can you make it a ‘featured image’. I noticed that after I publish it, I can’t pin to Pinterest b/c since it isn’t featured there isn’t an image to share.
Regardless great addition!
Oct 31st at 2:03 pm
Awesome! Now, I have to get my iPhone 5 and the Instagram app!!! I can’t wait! Thanks for this Cheri!
Oct 31st at 8:10 pm
Very cool, great and nice wordpress tools…
Nov 1st at 5:38 am
This is lovely.
Could someone please tell me how to make the image appear centered? (I’m slowly learning more code, but the emphasis is on SLOWLY)
Nov 1st at 11:23 am
This is perfect for photography lovers like me
Nov 1st at 4:19 pm
Reblogged this on theintoxicator.
Nov 1st at 4:29 pm
Reblogged this on sthomasengl1102 and commented:
Images from Instagram can now be embedded on Word Press. This is pretty cool and simple to do. I personally don’t have an Instagram, but if I did I would most definitely use this feature.
Nov 1st at 6:16 pm
I guess this move was inevitable, yet I hope that real photographers will continue to post their amazing non-instagram photos as well.
Nov 1st at 8:19 pm
For anone who is still confused, Instagram does not yet offer its own web presence for viewing your photos:
http://help.instagram.com/customer/portal/articles/95734-view-your-photos-on-the-web
For now, in order to get the URL you need:
1. browse your Instagram photos on your mobile device
2. click on the icon of three dots on the bottom right to get options like “Email Photo” and “Copy Share URL”.
3. if you choose to email it, you can click on the image in the email message and be taken to the image on the web. Copy the URL.
4. if you click on “Copy Share URL”, this will copy the URL to your clipboard, and you can then paste this link elsewhere on the same device.
Nov 6th at 3:52 pm
Thanks for leaving those instructions for others — we appreciate it. And an update, in case you didn’t already hear: Instagram announced profiles on the web. Makes it much easier to grab that link!
Nov 2nd at 2:27 pm
Reblogged this on HAKIMoLoGY.
Nov 3rd at 4:08 am
Reblogged this on Akhlis' Blog and commented:
Another alternative WordPress bloggers can take. I myself always view webstagram and copy and paste the pictures on my post. That easy.
Nov 3rd at 5:23 pm
This is a great way to share even more ideas. A picture is worth a 1000 words.
Nov 4th at 9:55 pm
Instagram must have heard your pleas! I decided to play around with it and not only did Instagram give me a quick link for WordPress, but it even had all of my blogs listed there to choose from! Very cool.
Nov 5th at 2:53 pm
Reblogged this on Campaign Support and commented:
Thought this might come in handy in the future
Nov 5th at 3:57 pm
Reblogged this on seetheforestthroughthetreesdotcom and commented:
Here is another quick and easy way to integrate thoughts and images. Cheers to WordPress and Instagram for this innovation!
Nov 5th at 4:51 pm
Reblogged this on wibizulfatria.
Nov 5th at 5:24 pm
Thank you for this helpful post. Regards to all Instagramers here
Nov 5th at 10:30 pm
Reblogged this on 8infinito8style's Blog.
Nov 8th at 1:46 pm
This is so helpful. Thank you
Nov 10th at 6:10 am
Great…. really helpful !!
Nov 11th at 6:38 pm
Reblogged this on atownshorti11's Blog and commented:
Very good easy way to add images
Nov 12th at 5:04 am
I like it and I tried it here: http://yuzulife.wordpress.com/2012/11/12/2012-fall-colours/
It’s definitely a lot easier to share instagram photos now. However, like the Sonja mentioned, there are two draw backs 1. not able to center the image 2.can’t make it as a featured image unless the actual picture is uploaded to WP