Instagram Client 2016 Create & Register Tutorial

Step by step guide how to register & create an Instagram Client to use with Instafeedjs - javascript client used to display users Instagram images used at BlogrCart Blogger store themes.

Create & Register an Instagram Client

Go to https://www.instagram.com/developer/ and click Log-In button

Use your email/user name & password registered at Instagram to Log-in

Once logged-in head over to Manage/Create Clients

Click Register a new Client

Fill in the Instagram client registration form, use screenshot as your guide.

Under the Details tab:-

• Application Name: Enter your app name
• Description: Enter a brief description
• Website: Enter your blogger URL
• OAuth_redirect_uri: Enter http://instafeedjs.com

At Security tab:-

• Uncheck the "Disable Implicit OAuth"

Now click the Register button.

Once successful, the details for your new registered Instagram client will display. Take note of your Client ID given.

Open up a new tab at your browser. Copy below URL & place it at the URL bar.

https://instagram.com/oauth/authorize/?client_id=[CLIENT_ID_HERE]&redirect_uri=http://instafeedjs.com&response_type=token

Replace highlighted yellow with your Client ID provided at your Instagram dashboard (screenshot above). Once completed, press Enter.

If the authentication goes well, you will be redirected to instafeedjs.com website to retrieve your access_token & user_id to use with your Instagram plug-in at BlogrCart themes.

Copy the user_id and the access_token for your reference. Keep it safe.

Using the Data for BlogrCart Instagram Plug-in

Now at BlogrCart themes all you have to do is to go to Theme Configuration helper gadget > click Edit > and add the parameters used to customize your Instagram settings.

• Add parameter insta_user_id (at New Link Name field) & add value [your_user_id] (at New Link URL field) and Save Link.
• Add parameter insta_client_id (at New Link Name field) & add value [your_client_id at Instagram] (at New Link URL field) and Save Link.
• Add parameter insta_access_token (at New Link Name field) & add value [your_access_token] (at New Link URL field) and Save Link.
• Add parameter insta_get (at New Link Name field) & add value user (at New Link URL field) and Save Link.

Click Save widget to save your settings.

Instagram Sandbox Environment

Upon registering a new Instagram client, users are provided with a Sandbox API environment. This API environment only allows you to retrieve your own Instagram images from your account.

Under Instagram Sandbox mode, users are limited to 20 post images to retrieve & some other limitations explained at Instagram Developers page in detail.

Instagram Live Environment

To fully utilize instafeedjs client used with BlogrCart Blogger templates, once you are satisfied with your Blogger store template customizations & fulfilled the basic requirements of a live website, you can submit your Instagram client for review.

If your Instagram client is successfully reviewed & approved, you will get more options to retrieve post images from Instagram for example posts images by hashtags, by location, comments etc. Refer theme documentation under Instagram for more details.


Reference:
instafeedjs - Dead simple plug-in to display Instagram at any website
GitHub - Get Instagram Images via Javascript by Bradwestfall
Instagram Developer website.