How to Add An Instagram Feed to Your Website

   
<!-- style 1 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.instagramFeed/3.0.4/jquery.instagramFeed.js"></script>
<div id="instagram-feed" class="instagram_feed cc-clearover">
</div>
<script>
/* <![CDATA[ */
(function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'unsplash',
                'container': "#instagram-feed",
                'display_profile': false,
                'display_biography': false,
                'display_gallery': true,
                'display_captions': true,
                'callback': null,
                'styling': true,
                'items': 8,
                'items_per_row': 4,
                'margin': 1,
                'lazy_load': true,
                'on_error': console.error
            });
        });
    })(jQuery);
/*]]>*/
</script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/stevenschobert/instafeed.js@2.0.0rc1/src/instafeed.min.js"></script> 
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {    
 var feed = new Instafeed({
      accessToken: 'Your instagram token goes here',
      limit: 6,
      template: '<div class="instamatrix col-4 add-5 cc-box" style="display:inline-block;"><a href="http://instagram.com/{{model.user.username}}" target="_blank">{{model.user.username}}<\/a><a href="{{link}}" title="{{caption}}" target="_blank"><img src="{{image}}" alt="{{caption}}" class="w-100"/><\/a><\/div>'
 });
    feed.run();
});
})(jQuery);
//]]>
</script>

<div id="instafeed" class="col-12">
</div>

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/stevenschobert/instafeed.js@2.0.0rc1/src/instafeed.min.js"></script> 
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {    
 var feed = new Instafeed({
      accessToken: 'Your instagram token goes here',
      limit: 4,
      template: '<div class="instamatrix w-100"><a href="http://instagram.com/{{model.user.username}}" target="_blank">{{model.user.username}}<\/a><a href="{{link}}" title="{{caption}}" target="_blank"><img src="{{image}}" alt="{{caption}}" class="w-100"/><\/a><\/div>'
 });
    feed.run();
});
})(jQuery);
//]]>
</script>

<div id="instafeed" class="is--flex is-flex-block no-padding is-fullwidth is-matrix-block">
</div>