Skip to content

Instagram

To load Instagram photos on your website you need the following:

  1. Instagram business account or Instagram Creator Account
  2. A Facebook page that can be connected to Instagram
  3. Registering with  https://developers.facebook.com/

Please follow the steps below carefully and seek help from our support if you faced a problem.

First:

Login to your Facebook account. If you don’t have one go to facebook.com and create an account. You need the account to get an Instagram Access Token that must be connected to your IG account later.

Second:

Go to  https://developers.facebook.com/ and:

  1. Register by clicking on “Get Started”.
  2. If you already have registered click on MY APPS to get redirected to https://developers.facebook.com/apps/
  3. Now click on Create App and click For Something Else
Facebook for Developers Create an App type selection with an arrow pointing to Something Else

In the pop-up, enter the required info and click on Create App ID.

  1. Select a name for the app (avoid using names such as Instagram or IG)
  2. Enter your email address
  3. Click on Create App ID

Facebook for Developers Create an App dialog with app name and contact email arrows

  1. Now click on My Apps in the header to view a list of your apps
  2. Click on the app you just create to go to its control panel

 

Facebook for Developers My Apps page with numbered arrows to open an app

Set up Instagram Basic Display:

Facebook for Developers add products page with arrows pointing to Instagram Basic Display Set Up

Now, Click on Create New App, and after entering a display name click on Create App.

Facebook for Developers Create a New Instagram App ID dialog with an arrow pointing to Create App

 

Now set this address for the three fields of Data Deletion Requests, Deauthorize, and Client OAuth Settings and Save Changes.

Fill out the fields in the form. These are the fields you need to fill out:

Terms of Service URL: A valid terms URL on your website

Privacy Policy URL: A valid Policy URL on your website

App Icon: Upload Your App Icon

Business Use: Select the “Support my own business”

Category: Optional

Facebook for Developers app basic settings with arrows pointing to required fields and Save Changes

Save the changes then go to the end of the page and click on Add Platform.

Facebook for Developers app basic settings with arrows pointing to Basic and Add Platform

In the pop-up, click on the website and copy the URL to your website in the form. Then click on Save Changes.

Facebook for Developers Select Platform dialog with Website and other platform optionsFacebook for Developers app basic settings with the site URL field highlighted
  1. Go to the Roles menu
  2. Click on Add Instagram Tester
  3. Enter the Instagram ID that you want to view its content on your website
Facebook for Developers Instagram testers dialog with an arrow pointing to the tester username field

4. No go here  https://www.instagram.com/accounts/manage_access/ and from TESTER INVITES menu accept the App request.

Instagram Apps and Websites settings with numbered arrows to accept the tester invite

Now from Instagram Basic Display click on Basic Display menu and copy Instagram App ID and Instagram App Secret and paste them in Theme options > API > Instagram on your website.

Facebook for Developers Instagram Basic Display settings with arrows pointing to the app ID and app secret

In this step, you have to option to show Instagram posts on the page.

1-  From Instagram Basic Display click on Basic Display menu and in User Token Generator Section click on “Generate Token”.

Facebook for Developers Instagram Basic Display user token generator with an arrow pointing to Generate Token

On the pop-up page authorize access to Instagram.


Instagram authorization screen for the Climax Themes app with an arrow pointing to Authorize

Finally, Token has been generated.

Facebook for Developers Instagram token generator dialog with an arrow pointing to the Done button

 

Copy the token and paste it into Kata Instagram widget on your edit page.

Kata Instagram widget in Elementor with an Instagram feed and an arrow pointing to the access token field

 

2- Second way to use the token is to use Elementor to add Kata Instagram widget to the page and click on Get Access Token.

Kata Instagram widget settings with an arrow pointing to the Get Access Token button

In the next page click on Authorize:

Instagram authorization screen with an arrow pointing to the Authorize button

You will be taken to this page:

  1. Enter the App ID that you received earlier
  2. Enter the App Secret that you received earlier
  3. Click on GET ACCESS TOKEN

Instagram app ID and secret fields with numbered arrows and a Get Access Token button

You will finally get the ACCESS TOKEN and copy that in its field in Kata Instagram Elemenor widget:

Instagram access token notice with an arrow pointing to the token expiry dateKata Instagram widget in Elementor with an Instagram feed and access token field

Share this article:

Kata WordPress Theme Helpdesk

Need Assistance? We can help!

Our responsive customer support team boasts a high customer satisfaction rating. Should you have any issues with the plugin, do not hesitate to contact us and remember we are always here to help.