How to: Embed Instagram photos

[wdwmagic]

1. Go to www.instagram.com and locate the photo that you wish to embed.

2. Copy the web page address for the image to be embedded.

3. In your post here on the forum, click the 'Media' button on the editor toolbar.

4.Paste the web address of the Instagram image from step 2 above.

5. You will then see the image inserted as BB Code.

6. Complete your post and you will see the Instagram image inserted, and clicking it will take you to the full Instagram page.

 

[sshindel]

1. Go to www.instagram.com and locate the photo that you wish to embed.

2. Copy the web page address for the image to be embedded.

3. In your post here on the forum, click the 'Media' button on the editor toolbar.
View attachment 78748

4.Paste the web address of the Instagram image from step 2 above.
View attachment 78747

5. You will then see the image inserted as BB Code.View attachment 78746

6. Complete your post and you will see the Instagram image inserted, and clicking it will take you to the full Instagram page.View attachment 78745

I was just giving this a try and am having issues. I feel it's on Instagram's side though, as the feature in your site seems to be working as expected.
Anytime I try and get the link to the picture on Instagram (through the iPhone app, Chrome on iPhone, and also Chrome on my Chromebook), I can find the picture link, but if I try and use that URL, it comes up and says the URL does not exist.
I don't know if Instagram is somehow giving up bum URLs, or if it's a setting in my profile, or maybe I just have to try from my Windows computer.

Edit: Here's a try. The only way I've been able to get anything at all to work was to "View Source" on the photo page on Instagram, find the URL, and then use it, but the broken image icon still shows up on here (clicking on the image link does work for me)

 

[wdwmagic]

I was just giving this a try and am having issues. I feel it's on Instagram's side though, as the feature in your site seems to be working as expected.
Anytime I try and get the link to the picture on Instagram (through the iPhone app, Chrome on iPhone, and also Chrome on my Chromebook), I can find the picture link, but if I try and use that URL, it comes up and says the URL does not exist.
I don't know if Instagram is somehow giving up bum URLs, or if it's a setting in my profile, or maybe I just have to try from my Windows computer.

Edit: Here's a try. The only way I've been able to get anything at all to work was to "View Source" on the photo page on Instagram, find the URL, and then use it, but the broken image icon still shows up on here (clicking on the image link does work for me)

Can you post the link to the Instagram page with an image you are trying to embed.

 

[sshindel]

Can you post the link to the Instagram page with an image you are trying to embed.

Sure I just grabbed one of mine at random to test it out.


Edit, looks like it's auto grabbing the type and making it a media object. Let me try

http://instagram.com/p/wphkHcmING/

 

[wdwmagic]

One of mine

http://instagram.com/p/vEGPeqI32o/

 

[wdwmagic]

Hmmm not sure why it is not working. What is your username on Instagram?

 

[wdwmagic]

Is your account set to private?

 

[sshindel]

Is your account set to private?

I was guessing it was a privacy setting or similar. Let me just figure out how to update the settings and try again I figured it wasn't your site, it was something stupid on my side

 

[sshindel]

Is your account set to private?

That was it. They are showing up now!

 

[wdwmagic]

That was it. They are showing up now!

Good stuff. Thanks for letting me know.

 

[officialtom]

Struggling with this lately. The link for the instagram photo I want to use is https://www.instagram.com/p/BAaZt_Ajtc1/?taken-by=officialtom

I thought maybe the issue was the "s" after "http" so I tried taking that out, but no luck. I also tried deleting everything after the last forward slash, and also replacing it with "?modal=true" as it shows in the example above. My account isn't private.

Any ideas @wdwmagic ?? I keep getting an error saying the URL cannot be embedded as media.

 

[PhotoDave219]

Struggling with this lately. The link for the instagram photo I want to use is https://www.instagram.com/p/BAaZt_Ajtc1/?taken-by=officialtom

I thought maybe the issue was the "s" after "http" so I tried taking that out, but no luck. I also tried deleting everything after the last forward slash, and also replacing it with "?modal=true" as it shows in the example above. My account isn't private.

Any ideas @wdwmagic ?? I keep getting an error saying the URL cannot be embedded as media.

Go into the source code and find the JPG it refers to and embed that.

 

[wdwmagic]

Struggling with this lately. The link for the instagram photo I want to use is

I thought maybe the issue was the "s" after "http" so I tried taking that out, but no luck. I also tried deleting everything after the last forward slash, and also replacing it with "?modal=true" as it shows in the example above. My account isn't private.

Any ideas @wdwmagic ?? I keep getting an error saying the URL cannot be embedded as media.

Thanks for reporting that, should be fixed now.