Help Center
How to Create Instagram Access Token

How to Create Instagram Access Token

Learn how to obtain an Instagram access token to display Instagram photos dynamically on your WordPress website using the Instagram widget of the JetElements plugin for Elementor.

Before you start, check the tutorial requirements:

Things to know

Starting December 2024, Meta will no longer provide the Basic Display APIs. Therefore, users should migrate to the Instagram APIs, which are available for Instagram Professional accounts and do not support ads, insights, or tagging.

General Features 

The Instagram Access Token is a typesetting of characters unique to users’ accounts, allowing other applications to access Instagram content. Without a token, websites cannot connect with the Instagram servers. The token furnishes a secure way for a website to ask Instagram permission to enter the user’s profile.

Since the Instagram policy restricts displaying images from third-party accounts, users should get an Instagram Access Token and paste it into the JetElements settings to prove they are owners of the content and display images and other content on the site.

Obtain an Instagram Access Token

Add a new app

Log in to your Meta for Developers account. 

The “Create App” button will appear in the center of the dashboard (if you have not created any app yet). Press the “Create App” button.

create app button in the meta for developers' accounts

After that, the Create an app window will appear. Here, fill out the App name field (the “tester-croco-key” text, in this case) and the App contact email field.

the app tabs of the create an app window

Select the “Other” option in the Add use cases section. Press the “Next” button.

selection of the app application window

Select the “Business” option in the Select an app type section. Press the “Next” button.

selection of the app type window

Then, the Create an App window will appear, with the automatically filled-out App name and App contact email fields.

If needed, fill out the Business portfolio field.

Press the “Create app” button.

the create an app window

Re-enter your password and press the “Submit” button.

the please re-enter your password pop-up

Configure app settings

After creating the new app, you will be redirected to a page offering to add a product and continue the setup.

Select the “Instagram” option and press the “Set up” button below this option.

the add products to your app page

Then, the API setup with Instagram business login page will appear. Here, the Instagram app name field will show the app’s name users added previously. Also, the Instagram app ID and Instagram app secret fields will be filled automatically.

In the next step, press the “Add account” button in the Generate access tokens section.

the api setup with instagram business login page

After adding the needed account, this block will be unrolled. There, press the “Generate token” link.

the generate access token block

Finally, the generated token will be shown in the Access token field of the Token generated pop-up.

Tick the “I Understand” option and copy the token.

the token generated pop-up

Add the Access Token to the Plugin Settings

Navigate to WordPress Dashboard > Crocoblock > JetPlugins Settings.

Unfold the JetElements tab and proceed to the Integrations tab. Paste the copied Instagram token to the Business Access Token field.

the jetelements settings

Add the Instagram Photos to a Page/Post

Open your Instagram account and create posts with photos.

instagram photos added

Return to your site and create a page or post. Find the Instagram widget and drag and drop it to the page/post. 

Unroll the Instagram Settings tab of the widget and select the My Photos option from the What to display drop-down menu.

instagram widget settings

Publish the page/post so you can watch the photos on the front end.

front-end view of the instagram photos

That’s all about creating an Instagram access token to display Instagram photos dynamically on your WordPress site using the Instagram widget of the JetElements plugin for Elementor.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.