Instagram Feed

7 replies · opened Dec 17, 2019

WwiliamvjDec 17, 2019

Hi,

What do we need to generate for the instagram feed to work? We didn't find a tutorial on how to generate data-user.

Can you help us?

SSemicolon WebSTAFFDec 18, 2019

Hello,

  1. Go to https://www.instagram.com/developer/ > Manage Clients > Register a New Client > Create a New Client (Add http://localhost/ in the Redirect URL) > Uncheck: Disable implicit OAuth (In Security Tab)

  2. Go to this URL: https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token and make sure that you replace the CLIENT-ID and REDIRECT-URI in the URL with their Actual Values. This will fetch you your Access Token.

  3. Open the js/functions.js File and find the following code:

SEMICOLON.widget.instagramPhotos( '5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a', '8e000fefe3024b2ead6a50ff005bf036' );

then replace 5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a with the newly generated Access Token in the step above and replace 8e000fefe3024b2ead6a50ff005bf036 with the Client ID of your Newly Created Client.

  1. Then you can simply add your User ID in the data-user Attribute and the data-type="user" Attribute should always be User since Instagram has blocked Access for other types of Content.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwiliamvjDec 18, 2019

Hi,
Thanks for the feedback.

It turns out that the link to create new users has been deprecated and no longer works, see the attachment.

How can we proceed?

SSemicolon WebSTAFFDec 18, 2019

Hello,

Wow! Instagram has made it incredibly difficult to Create Widgets at the moment. We are working on this and allow us some time so that we can provide you with a Proper Solution for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

WwiliamvjDec 18, 2019

Thank you, this functionality is of utmost importance to us.

We are waiting for an update.

SSemicolon WebSTAFFDec 18, 2019

Hello,

Thanks for your Patience!

  1. Login to your Instagram Account.

  2. Visit this URL: https://instagram.pixelunion.net/ and Click on the "Generate Access Token".

  3. Authorize the App.

  4. Now you will see the Generated Access Token for your Account.

  5. Open the js/functions.js File and find the following code:

SEMICOLON.widget.instagramPhotos( '5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a', '8e000fefe3024b2ead6a50ff005bf036' );

then replace 5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a with the newly generated Access Token in the step above.

  1. Then you can simply add your User ID in the data-user Attribute (which is the First 9-10 Digits before the Dot in the Access Token) and the data-type="user" Attribute should always be User since Instagram has blocked Access for other types of Content.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwiliamvjDec 18, 2019

Thanks for the help, it worked perfectly.

Congratulations for the great work.

SSemicolon WebSTAFFDec 18, 2019

Hello,

Thank You so much for the Kind Words! :) Really Glad that your issues were resolved. Thanks for your Patience.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard