Instafeed Integration

1. Reference instafeed.js
2. Have the client authorize pixel union and send you the access token: http://instagram.pixelunion.net/
3. Look up the user's user id. You can use this tool: https://codeofaninja.com/tools/find-instagram-user-id
4. Initialize instafeed.

Reference:

<!--js:plug-ins/instafeed/instafeed.min.js-->

HTML:

<div id="instafeed" class="row no-gutters">
 </div>

var feed = new Instafeed({
      get: 'user',
      userId: 'YOUR_USER_ID',
      accessToken: 'YOUR_ACCESS_TOKEN',
      resolution: 'standard_resolution',
      template: '<div class="col-xs-4 col-sm-3 col-md-2"><a href="{{' + 'link' + '}}"><img class="img-responsive" src="'+'{{' + 'image' + '}}"></a></div>',
      target: 'instafeed', //id of the div you want to insert instafeed into
      limit: 12
    });
feed.run();

For a complete list of Instafeed's options see http://instafeedjs.com/

Note that instafeed's {{template}} tags are not compatible with MightyMerchant. You will need to use concatenation to work around this. See the template property in the above code sample.