{"id":13653,"date":"2019-01-08T14:13:42","date_gmt":"2019-01-08T08:43:42","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=13653"},"modified":"2024-07-04T19:19:36","modified_gmt":"2024-07-04T13:49:36","slug":"elite-instagram-feed-for-elementor","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/elite-instagram-feed-for-elementor\/","title":{"rendered":"Elite Instagram Feed For Elementor"},"content":{"rendered":"<section class=\"wp-block-group instagram-feed has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Elite Instagram Feed For Elementor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Instagram is the most popular photo and video sharing platform. Our widget enables you to display the images directly from your Instagram&nbsp;account on your website pages. You can arrange and style your&nbsp;images as per your need. Now Instagram does not permit displaying images directly from the username. Users need to get access token of their accounts to display images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Notice:&nbsp;<\/strong>For security purpose, Instagram keeps changing its policies. We recommend using the method described here to generate the access token. Please follow the same method.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group setup-widget has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Setup Instagram Feed widget<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s get started.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Content &gt; Instagram Settings:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When you choose Instagram Feed widget you will see as shown in the image below. You need two things to get your access token. Those two things are already highlighted for your convenience. The first is your Client Id and the second is Redirect URI. Just click on the <strong>Click Here <\/strong>link and you will be sent to our documentation\u00a0page, where we will show you how to get Client Id and Redirect URI in the safest way possible.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?ssl=1\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"201\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?resize=300%2C201&#038;ssl=1\" alt=\"Client Id &amp; Redirect Uri\" class=\"wp-image-13692\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?resize=300%2C201&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?resize=768%2C515&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?resize=1024%2C687&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?resize=750%2C500&amp;ssl=1 750w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Client-Id-Redirect-Uri.png?w=1130&amp;ssl=1 1130w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You need to create an <strong><a href=\"https:\/\/www.instagram.com\/developer\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Instagram Developer Account<\/a>. <\/strong>If you are not already logged in then you will be sent to a login page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"300\" height=\"201\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?resize=300%2C201&#038;ssl=1\" alt=\"Instagram Developer login\" class=\"wp-image-13715\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?resize=300%2C201&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?resize=768%2C515&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?resize=1024%2C687&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?resize=750%2C500&amp;ssl=1 750w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developer-login.png?w=1025&amp;ssl=1 1025w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log in and you will be sent to Instagram Developer Account. Now go to <strong>Manage Clients<\/strong>\u00a0and register a new client if you are not already registered.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/02.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"300\" height=\"116\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/02.png?resize=300%2C116&#038;ssl=1\" alt=\"Manage Clients\" class=\"wp-image-13657\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/02.png?resize=300%2C116&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/02.png?resize=768%2C297&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/02.png?resize=1024%2C396&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/02.png?w=1045&amp;ssl=1 1045w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A form with basic information to fill will open. Fill all the details. It is mandatory to fill all the details. For Redirect URI, you can use your website&#8217;s web address.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developers-Registration.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"291\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developers-Registration.png?resize=300%2C291&#038;ssl=1\" alt=\"Instagram Developers Registration\" class=\"wp-image-13718\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developers-Registration.png?resize=300%2C291&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developers-Registration.png?resize=768%2C746&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Developers-Registration.png?w=1020&amp;ssl=1 1020w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Then go the security tab. Here you will see a checkbox already checked to mention Disable Implicit OAuth. Uncheck this and register.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/04.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"206\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/04.png?resize=300%2C206&#038;ssl=1\" alt=\"Disable Implicit OAuth\" class=\"wp-image-13659\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/04.png?resize=300%2C206&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/04.png?resize=768%2C526&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/04.png?w=861&amp;ssl=1 861w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After registering, go to Manage Clients. Here you will see a few details of your account. Copy Client Id and Valid\u00a0 Redirect URIs.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Client-Id-Redirect-URIs.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"257\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Client-Id-Redirect-URIs.png?resize=300%2C257&#038;ssl=1\" alt=\"Instagram Client Id &amp; Redirect URIs\" class=\"wp-image-13709\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Client-Id-Redirect-URIs.png?resize=300%2C257&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Client-Id-Redirect-URIs.png?resize=768%2C659&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Client-Id-Redirect-URIs.png?resize=1024%2C879&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Instagram-Client-Id-Redirect-URIs.png?w=1051&amp;ssl=1 1051w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now paste these details in the mentioned textboxes in Elementor Editor and hide the Elementor Editor. You can see that after entering Client Id and\u00a0Redirect URIs,\u00a0<strong>Get Access Token <\/strong>link will turn into Pink colored button. Right Click on it and open it in a new tab.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/get-access-token.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"158\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/get-access-token.png?resize=300%2C158&#038;ssl=1\" alt=\"get-access-token\" class=\"wp-image-13700\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/get-access-token.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/get-access-token.png?resize=768%2C404&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/get-access-token.png?resize=1024%2C538&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/get-access-token.png?w=1115&amp;ssl=1 1115w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you not logged in, just log in. A confirmation box will appear asking to <strong>Authorize<\/strong> the app. Authorize it and you will be sent to your Redirect URIs with <strong>Access\u00a0Token.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Authorization-Request-Instagram.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"179\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Authorization-Request-Instagram.png?resize=300%2C179&#038;ssl=1\" alt=\"Authorization Request Instagram\" class=\"wp-image-13702\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Authorization-Request-Instagram.png?resize=300%2C179&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Authorization-Request-Instagram.png?w=632&amp;ssl=1 632w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/08.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"82\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/08.jpg?resize=300%2C82&#038;ssl=1\" alt=\"Access Token with Redirect URI\" class=\"wp-image-13663\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/08.jpg?resize=300%2C82&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/08.jpg?w=719&amp;ssl=1 719w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Just Copy the access token and paste it in <strong>Access Token<\/strong> textbox on Elementor Editor. Your Images will start to show.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/09.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"171\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/09.png?resize=300%2C171&#038;ssl=1\" alt=\"Access Token in Elementor\" class=\"wp-image-13664\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/09.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/09.png?resize=768%2C438&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/09.png?resize=1024%2C584&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/09.png?w=1135&amp;ssl=1 1135w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Elite Instagram Feed For Elementor Instagram is the most popular photo and video sharing platform. Our widget enables you to display the images directly from your Instagram&nbsp;account on your website pages. You can arrange and style your&nbsp;images as per your need. Now Instagram does not permit displaying images directly from the username. Users need to [&hellip;]<\/p>\n","protected":false},"author":9312,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-13653","docs","type-docs","status-publish","hentry","docscate-documentation","docstag-elementor","docstag-instagram-access-token","docstag-wordpress","docstag-wordpress-plugin"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/9312"}],"version-history":[{"count":1,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13653\/revisions"}],"predecessor-version":[{"id":69356,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13653\/revisions\/69356"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=13653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}