Embed latest Instagram photo

Thanks, you totally understood it…:slight_smile:

Is there a way to manipulate the instagram images for tablet and especially phone portrait? At the moment i’ve styled the images so they are centered in mobile portrait, but I want them to be decreased in size and displayed 2x2. I’ve got a total of 6 images.

Hi @StevenP, you probably have to first get the class names used for the instragram embed, and then try to create custom media queries for those. I am not sure it will work, but you could test it. First look at the regular instagram embed, inspect element, get the class names for stuff. Create custom media queries for those classes and styles.

I hope that helps, if you start experimenting, feel free to start a new topic and share a link, I am happy to take a look.

Cheers, Dave :slight_smile:

Oki doki! I’ll take a look at it later on! Thanks.

embedagram didn’t work on my web site :frowning:

Hi @Mustafa_Cihat_Gunduz, could you please update your post with some more information so we can help you faster? Things like your read-only link, screenshots, and your environment info really speed things up.

Posting guidelines can be found here: Posting Guidelines for the Design Help Category

I am happy to take a look at the published/design site and see if there are any errors reported in the browser that might give an indication, what is the problem.

Cheers, Dave

1 Like

Hey @cyberdave! What about if you have two instagram accounts? My client has that since they are present att two different locations around Stockholm City and my guess to solve this would be to simply duplicate the codes and change the account ID? Or do you might have a better solution? :smile:

Hi @StevenP, sorry for my delayed response :-/ Probably the easiest thing is to just duplicate the codes. You do not need to duplicate the instagram script, just the script code that activates the plugin. Use different id’s for the elements where you plan to contain the images :slight_smile: Cheers, Dave

Hii all see wy jquery plugin http://ibacor.com/instagram.html

Worked like a charm! Danke schön! :smile:

1 Like

Can you use this with a Webflow hosted site or only if you have exported to wordpress?

Hi @jdesign, which plugin are you referring? The http://embedagram.com/ will work on a Webflow hosted site, as would probably any other jquery plugin, but I have not tested others :slight_smile: Cheers,
Dave

A much easier solution can be found @ http://instansive.com
You just add your Instagram-account, set your parameters and get your code, that you can paste to your webflow page.
I just tried it out on the bottom of the page i’m building. Took me about 20 seconds: http://ravnbo.webflow.io
It updates for free once a day.

4 Likes

Everything works fine but it shows every photo, I only want one to be displayed, the latest one?

1 Like

Hey all, Im new to the forums but was looking around at folks asking questions on Instagram feeds. We used http://lightwidget.com its free, sign in to link your account then has some settings for how you want it to be viewed. Hope that helps.

Have a good one

1 Like

Embedagram is just closed :frowning: . All my client websites now cannot show image from instagram anymore.
Any other solution as responsive as embedagram???

Instansive or intagme, snipwidget

Thanks :wink:
I just used http://instafeedjs.com/ for myself. A bit complicated than embedagram, but after i can figure how to use it, It give much more control on what would i do with it.

Still, I’m afraid these websites will be shut down in the future. I’m looking a way to user the API based solely on the codes in my server(not linked to other websites other than Instagram in anyway). Any idea guys? Is it possible or does it mean I should create my own widget in this case? :smile:

2 Likes

Also have a look at http://juicer.io - the free plan enables you to connect 2 social media accounts / hashtags and it’s fully responsive.

Enjoy :slight_smile:

1 Like

I wondered why my feed didn’t update - but I see that Lightwidget seems to have replaced instansive. :slight_smile:
Light widget is an improved version, now you can even show hover-captions on the pics. Very easy tool.

1 Like