Skip to content
Support center
  • Home
  • Support Center
  • Docs
  • Changelog

General

  • Support
  • Plugin Bundled with Themes
  • How to Revoke Product License Key
  • How to purchase ElementsKit and Metform Pro License

Elements Kit

  • Widget Builder
  • Header Footer Builder
  • Mega Menu Builder
  • Vertical Mega Menu
  • One Page Scroll
  • Parallax Effects
  • Sticky Content Module
  • Instagram Feed API
  • Facebook Feed API
  • Facebook Messenger
  • Twitter Feed API
  • Advanced Accordion
  • Advanced Tab
  • Timeline
  • Advanced Chart
  • Data Table
  • Creative Button
  • Motion Text
  • Hotspot
  • Gallery
  • Woocommerce Product List
  • Woocommerce Category List
  • Woocommerce Mini Cart
  • Woocommerce Product Carousel
  • Heading Title
  • Button
  • Team
  • Accordion
  • Tab
  • Social Media
  • Client Logo
  • Mailchimp
  • FAQ
  • Image
  • FunFact
  • Countdown Timer
  • Image Box
  • Image Accordion
  • Icon Box
  • Pie-Chart
  • Progress Bar
  • Pricing Table
  • Testimonial
  • Header Info
  • Video
  • Image Comparison
  • Post Tab
  • Post List
  • Page List
  • Header Off-canvas
  • Dropcaps
  • Duel Button
  • Business Hours
  • Social Share
  • Category List
  • Search
  • Post Grid
  • Nav Menu
  • Contact Form 7
  • Caldera Form
  • We Forms
  • Wp Forms
  • Ninja Forms
  • Tablepress
  • Unfold
  • Advanced Toggle

MetForm

  • Getting Started
  • Form Input Field
  • Pro Input Field List
  • Pro Feature- Multi-Step Form
  • Pro Feature- Calculation
  • Pro Feature- Payment Method
  • Pro Feature- Conditional Logic
  • General
  • Confirmation
  • Notification Email
  • Integration
  • Payment
  • CRM
  • Auth
  • reCAPTCHA Integration
  • PayPal Payment Set Up
  • Stripe Payment Set Up
  • Thank You Page
  • Mailchimp Integration
  • AWeber Integration
  • ActiveCampaign
  • GetResponse Integration
  • ConvertKit Integration
  • Hubspot
  • Zoho
  • MailPoet Integration
  • Slack Integration
  • Support
  • WooCommerce Checkout
  • Create Post with MetForm
  • Response Message

WP Social

  • GETTING STARTED WITH WP SOCIAL
  • WP SOCIAL FACEBOOK LOGIN
  • WP SOCIAL GOOGLE LOGIN APP
  • WP SOCIAL LINKEDIN LOGIN APP
  • WP SOCIAL TWITTER APP
  • WP SOCIAL WORDPRESS APP
  • WP SOCIAL GITHUB APP
  • WP SOCIAL REDDIT APP
  • WP SOCIAL DRIBBBLE APP
  • WP SOCIAL COMMENT COUNT
  • WP SOCIAL POST COUNT

WP Ultimate Review

  • Settings

WP Fundraising Donation

  • Getting Started with WP Fundraising
  • WP Fundraising With Crowdfunding
  • WP fundraising with Single Donation Campaign
  • Others Way to Add Campaign
  • WP Fundraising With Default Payments
  • WP Fundraising with Woocommerce
  • Short-Code
  • Do-Action
  • Home
  • Docs
  • Elements Kit
  • Instagram Feed API

Instagram Feed API

Table of Contents
  • Getting Started
  • Generate Instagram Client Id and Secret

Getting Started #

Follow the step by step process to connect the Instagram Feed.

Generate Instagram Client Id and Secret #

  • Step=>1: Go to Elementskit=> User data=> Click on the Instagram User Data to Expand. You will need a Client Id and Secret key to Connect Instagram.

Get the Client Id and Secret Key

  • Step=>2: Go to your the URL: https://developers.facebook.com/ => Click on Get Started
  • Step 3: Enter your Facebook account Credentials and click on Log In
  • Step=>4: Click on Create App
  • Step=>5: Click on the Radio Button=> Click on Continue
  • Step=>6: Provide all of the information such as App Display Name, App Contact Email=> Click on Create App
  • Step=>7: You will see Instagram Basic Display on the product list. Click on Set Up to add it to your app.
  • Step=>8: Click on Basic Display=> Create New App.
  • Step=>9: Enter the Display Name and click on Create App
  • Step=>10: Here is your Instagram Client ID and Client Secret Key. Copy them
  • Step=>11: Paste your Redirect URL in OAuth Redirect URIs, Deauthorize Callback URL, Data Deletion Request URL which you will find on the Instagram user data=> Click on Save Changes

Step=>12: Now add a Instagram testers account by following below screenshots

Step=>13: Now go to this link https://www.instagram.com/accounts/manage_access/ and follow below screenshots

  • Step=>14: Then go to Instagram User Data. Input the Client ID and Client secret then Save the Changes=> Click on Connect with Instagram
  • Step=>15: Go to Elementor=> Search Instagram Feed=> Just Drag and drop the field

Now you can showcase your Instagram post to your Instagram feed widget

***Common Errors

Error “Insufficient developer role” may appear if Facebook App is in the Development Mode and you are not a Tester. You have to make yourself a Tester or enable Live Mode.

Error “The access token provided is invalid.” may appear if the access token is older than 60 days. Try to reconnect.

What are your Feelings
Share This Article :
Updated on January 9, 2021
Facebook Feed API Heading Title
Table of Contents
  • Getting Started
  • Generate Instagram Client Id and Secret
Copyright © 2021 Wpmet