Share your latest Instagram pics on your website without using the access token with this responsive and customizable Instagram Photo Gallery plugin.

demo

Let's create an HTML block (preferably a bottom block) and add this:

Code Select Expand

<div id="instagram-feed1" class="instagram_feed"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://www.sowecms.com/demos/jquery.instagramFeed/jquery.instagramFeed.min.js"></script>
<script>
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'instagram',
                'container': "#instagram-feed1",
                'display_profile': true,
                'display_biography': true,
                'display_gallery': true,
                'display_captions': false,
                'max_tries': 8,
                'callback': null,
                'styling': true,
                'items': 8,
                'items_per_row': 4,
                'margin': 1,
                'lazy_load': true,
                'on_error': console.error
            });
        });
    })(jQuery);
</script>

Replace "Instagram" with user name.

Code Select Expand

                "username": "instagram",
To display the profile or not, simple use true or false.

Code Select Expand

                "display_profile": true,
To display the biography or not, use true or false.

Code Select Expand

                "display_biography": true,
The total of images, change to whatever number you desire.

Code Select Expand

                "items": 8,
Items per row, change accordingly.

Code Select Expand

              "items_per_row": 4,
Reference:
GitHub - jsanahuja/jquery.instagramFeed: Instagram Feed without access token. Not using the Instagram API

That's awesome man! Always doing a good job!

@Karl Bullock Thank you!!!! ;)

Hey there, this is not working for me because the script at the second URL in the code above is not accessible. Have you removed it?

https://cdn.jsdelivr.net/gh/jobdiogenes/jquery.instagramFeed@master/jquery.instagramFeed.min.js

Hey there, this is not working for me because the script at the second URL in the code above is not accessible. Have you removed it?

https://cdn.jsdelivr.net/gh/jobdiogenes/jquery.instagramFeed@master/jquery.instagramFeed.min.js

That one works for me. Same one on the demo. I think the issue you're having is due to my at-mentions mod. The link has atMaster on it so the mentions mod is looking for a member named "Master" lol.....anyways, Here's another without using jquery..
GitHub - jsanahuja/InstagramFeed: Vanilla JavaScript Instagram Feed without access token. Not using the Instagram API

Code updated to latest version.

The focus of this repository was to provide an easy and ready to use plugin to display an Instagram Feed but since latest Instagram changes, this no longer makes sense. Please, move to an official API based plugin.

This code has been archived. No longer works.