How to Embed Instagram Photos and Videos, No Hacks Required [Quick Tip]

by Ginny Soskey

Date

July 11, 2013 at 8:00 AM

100250878_1af714bb20_zA few weeks ago, Facebook announced that video is now available on Instagram. We were pumped ... and then quickly disappointed because we couldn't do anything besides post videos to Instagram. No embedding options whatsoever, and hacking the video embed code was fairly complex and didn't always work properly.

While Instagram photos have never had the embedding option either, you could easily make up for it with a little HTML know-how. With a little bit of hacking, you could make Instagram photos appear on your blog ... but it wasn't the easiest process possible. 

Well, lucky for us, we don't need to hack anymore. Yesterday, Instagram announced that users can now easily generate embed codes for photos and videos through their desktop browser (no mobile support just yet) ... and inbound marketers everywhere rejoiced. Now you can use your Instagram content to spruce up blog posts and landing pages with visual content. Yay! 

If you're one of those marketers who is excited about this update, but you're not sure how to start embedding photos and videos, here's how you do it.

How to Embed Instagram Photos and Videos

The process is really intuitive and easy, but here are the step-by-step instructions to embed Instagram posts on your website or blog.

Step 1: Open up the photo or video you would like to embed and click the arrow on the top right corner.

instagram_embed-3

Step 2: Click 'Copy Embed Code.'

instagram_embed2

Step 3: Paste it into your site's HTML code and prosper!

One thing to keep in mind is that there isn't an out-of-the-box sizing option -- you'll have to dive into the code to resize the embedded photo or video. Here's what it looks like once it's embedded:

Photo

Video

... And that's it! Easy peasy, lemon squeezy. Tell us -- how are you going to use Instagram embeds in your inbound marketing content?

Image credit: massdistraction

Search Inbound Hub

Subscribe to Marketing Articles by Email

Subscribe by RSS

Follow HubSpot

Call Us: 1-888-HUBSPOT