This post was sponsored by Serosensa Creative - the creative agency I work at - who allowed me to spend some time writing this up for all you lovely readers out there.
Var feed = new Instafeed() These are the closing tags from var feed new instanceĪnd there you have it - that’s everything you need to do to get a live instagram feed on your site!
You can read more about doing this in the readme that can be found here Anyway, so here’s how we implemented a feed: There’s a host of ways you can implement certain types of feeds, whether you want it to grab your own feed, or search for a specific hashtag.
This will need to be ABOVE the code we are about to discuss in the next point (but doesn’t need to be above the div tag we made in point 0).
To get this, simply visit and type in your instagram account name. It’s the magical JS code that you’ll have to play with (a little) to get the thing to work. This is a case of simply adding the instafeed.js file from this github link: There’s no need to tamper with it, it simply works. Let’s go through each bit and explain what you need to do. The following bits are needed to make the Instagram API work:Ĥ - magical JS code to activate the feed (more on this later) Don’t worry, you can make the feed look way better than this!