Skip to content

Basic Usage

Steven Schobert edited this page Mar 30, 2020 · 9 revisions

Adding Instafeed.js to your web page

Here's how to quickly add instafeed.js to your web page. This guide assumes:

Simple HTML:

Add your Instagram Token Agent's script tag to your page:

<script src='https://(your-token-app-name).herokuapp.com/token.js'></script>

Copy instafeed.min.js to your web server, and include a script tag in your page, below the token agent script.

<script src="path/to/instafeed.min.js"></script>

Call Instafeed with your access token:

<div id="instafeed"></div>

<script type="text/javascript">
    var feed = new Instafeed({
      accessToken: InstagramToken
    });
    feed.run();
</script>

That's it! The most recent of your posted media will be displayed inside the #instafeed div.

NPM/Bower:

@TODO: Instructions for other JS package managers, CDNs etc

Next: Customizing with options