{"id":1514,"date":"2019-01-31T09:30:23","date_gmt":"2019-01-31T09:30:23","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=1514"},"modified":"2023-02-03T11:49:10","modified_gmt":"2023-02-03T11:49:10","slug":"how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/","title":{"rendered":"Instagram Widget Overview"},"content":{"rendered":"\n

You will find out how to add an Instagram<\/strong> feed to the web page via the Elementor page builder using the JetElements Instagram widget. You can change the layout and the style of the photos without ever touching a line of code.<\/p>\n\n\n\n

\"Instagram<\/div>\n\n\n\n

Preparation<\/h2>\n\n\n\n

To work with the Instagram widget, you need either an Instagram Access Token or an Instagram Graph API key. If you want to show the photos from your personal account – follow this Access Token<\/a> tutorial. And if you want to add a feed filled with the tagged photos of various users – check out our Graph API key<\/a> guide.<\/p>\n\n\n\n

After getting the key you need and adding it to the corresponding fields in the Crocoblock > JetPlugins Settings > Jet Elements > Integration<\/em><\/strong>, it is time to add the Instagram widget to the page and go through its settings.<\/p>\n\n\n\n

Instagram Settings section<\/h2>\n\n\n\n

In this section, you decide what to show in the feed. If in the What to display<\/strong> drop-down menu you choose the “Tagged Photos” option, you will have to get the Graph API key and enable the Use Instagram Graph API<\/strong> toggle. In this case, after adding a Hashtag <\/strong>to the field, you will get the relevant tagged photos in the feed. <\/p>\n\n\n\n

And if you choose the “My Photos” option and enter the Access Token, your feed will be filled with the photos that you add to your account.<\/p>\n\n\n\n

\"Instagram<\/div>\n\n\n\n

Let’s take a look at the other features in this section:<\/p>\n\n\n\n

    \n
  • Cache Timeout<\/strong>. In this drop-down list, you can pick the photos updating period. The widget can update and pull the latest Instagram publications every minute, hour, day, or week;<\/li>\n\n\n\n
  • Photo Size<\/strong>. You can choose how big the photos shown will be. There are four variants, from the smallest, which is only 150×150 pixels, to the largest, its original size;<\/li>\n\n\n\n
  • Number of Instagram posts<\/strong>. The Instagram widget can show from 1 to 50 photos in one feed, and you can choose the exact number here;<\/li>\n\n\n\n
  • Enable liking photos<\/strong>. When this toggle is enabled, the users of the website will be able to leave likes on the photos they love;<\/li>\n\n\n\n
  • Link type<\/strong>. In this drop-down, you can choose either the photos users click on will open in the Lightbox <\/strong>or in the separate page where the Post Link<\/strong> leads;<\/li>\n\n\n\n
  • Enable caption<\/strong>. If you want the users to see the caption author added to the photo – enable this toggle. You will also be able to choose the Caption length<\/strong>;<\/li>\n\n\n\n
  • Enable Comments Count, Enable Likes Count<\/strong>. These two toggles enable the displaying of likes and comments on the photos.<\/li>\n<\/ul>\n\n\n\n

    Layout Settings section<\/h2>\n\n\n\n

    The settings presented in this section affect the general look of the feed:<\/p>\n\n\n\n

      \n
    • Layout type<\/strong>. This is how the photos will be placed in the feed. Masonry <\/strong>means that all the photos will have a similar width. Grid <\/strong>layout is the one where all the items have equal size. If you choose the List <\/strong>option, the photos will be placed one under another;<\/li>\n\n\n\n
    • Columns<\/strong>. If you have chosen the Masonry <\/strong>or Grid <\/strong>layout, here you can choose from 1 to 6 columns that will be shown in the feed;<\/li>\n\n\n\n
    • Items Gap<\/strong>. Define the gap between photos either by moving the slider or typing in the value;<\/li>\n\n\n\n
    • Show on hover<\/strong>. When this toggle is enabled, all the additional information about the photo will be shown on hover.<\/li>\n<\/ul>\n\n\n\n
      \"Instagram<\/div>\n\n\n\n

      When you are down with all the settings – don’t forget to press the “Update<\/strong>” green button at the bottom of the menu to save the changes.<\/p>\n\n\n\n

      Congratulations, now you have all the features of the Instagram widget of the JetElements plugin. Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"

      This tutorial uncovers how the Instagram widget is used from the JetElements plugin, its features, and its settings.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[513],"yoast_head":"\nJetElements | How to display Instagram feed on your WordPress website<\/title>\n<meta name=\"description\" content=\"Learn how to embed Instagram feed to your site easily by using the Instagram widget from JetElements plugin for Elementor by Crocoblock.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetElements | How to display Instagram feed on your WordPress website\" \/>\n<meta property=\"og:description\" content=\"Learn how to embed Instagram feed to your site easily by using the Instagram widget from JetElements plugin for Elementor by Crocoblock.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T11:49:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/instagram-feed-example.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/\",\"name\":\"JetElements | How to display Instagram feed on your WordPress website\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T09:30:23+00:00\",\"dateModified\":\"2023-02-03T11:49:10+00:00\",\"description\":\"Learn how to embed Instagram feed to your site easily by using the Instagram widget from JetElements plugin for Elementor by Crocoblock.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Instagram Widget Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JetElements | How to display Instagram feed on your WordPress website","description":"Learn how to embed Instagram feed to your site easily by using the Instagram widget from JetElements plugin for Elementor by Crocoblock.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/","og_locale":"en_US","og_type":"article","og_title":"JetElements | How to display Instagram feed on your WordPress website","og_description":"Learn how to embed Instagram feed to your site easily by using the Instagram widget from JetElements plugin for Elementor by Crocoblock.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/","og_site_name":"Help Center","article_modified_time":"2023-02-03T11:49:10+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/instagram-feed-example.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/","name":"JetElements | How to display Instagram feed on your WordPress website","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T09:30:23+00:00","dateModified":"2023-02-03T11:49:10+00:00","description":"Learn how to embed Instagram feed to your site easily by using the Instagram widget from JetElements plugin for Elementor by Crocoblock.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-attractive-instagram-feed-to-the-page-built-with-elementor-using-jetelements-instagram-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Instagram Widget Overview"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/1514"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=1514"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=1514"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=1514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}