{"id":18,"date":"2019-02-23T09:20:29","date_gmt":"2019-02-23T09:20:29","guid":{"rendered":"http:\/\/kb.demozthemes.com\/?p=18"},"modified":"2025-04-20T10:05:12","modified_gmt":"2025-04-20T10:05:12","slug":"add-instagram-widgets-for-footer-sidebar","status":"publish","type":"post","link":"https:\/\/demos.zthemes.net\/docs\/2019\/02\/23\/add-instagram-widgets-for-footer-sidebar\/","title":{"rendered":"Instagram Widgets for Footer &#038; SideBar (Updated)"},"content":{"rendered":"\n<p>Some of our themes include Instagram Footer support:<\/p>\n\n\n\n<p>ex:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"699\" src=\"http:\/\/kb.demozthemes.com\/wp-content\/uploads\/sites\/26\/2019\/08\/footer-instagram-1024x699.png\" alt=\"\" class=\"wp-image-168\" srcset=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-1024x699.png 1024w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-300x205.png 300w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-768x524.png 768w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-60x41.png 60w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-150x102.png 150w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram.png 1532w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>First, you need to install and activate this plugin:&nbsp;&nbsp;<strong><a rel=\"noreferrer noopener\" aria-label=\"Smash Balloon Social Photo Feed (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/instagram-feed\/\" target=\"_blank\">Smash Balloon Social Photo Feed<\/a><\/strong>&nbsp; (<a href=\"https:\/\/wordpress.org\/plugins\/instagram-feed\/\">https:\/\/wordpress.org\/plugins\/instagram-feed\/<\/a>)<\/li><li>Go to <strong>WP Dashboard &gt; Instagram Feed<\/strong><\/li><li>Click on the big blue &#8220;<strong>Connect an Instagram Account<\/strong>&#8221;&nbsp;button. This will connect with whatever Instagram account you are currently logged into.&nbsp;<br><br><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"666\" class=\"wp-image-169\" style=\"width: 940px;\" src=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect.png\" alt=\"\" srcset=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect.png 1107w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect-300x212.png 300w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect-1024x725.png 1024w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect-768x544.png 768w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect-60x42.png 60w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-connect-150x106.png 150w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><br><\/li><li><strong>Add to Widgets<\/strong>:<br>&#8211; Go to&nbsp;<strong>WP Dashboard &gt; Appearance &gt; Widgets<\/strong>.<br>&#8211; Drag a standard &#8220;<strong>Custom HTML<\/strong>&#8221; widget into your Sidebar or Footer widget area where you want the grid to appear.<br>&#8211; Copy &amp; paste in this <strong>shortcode<\/strong> for <strong>Footer Instagram Feed<\/strong> (4 image in line):<br><br>demo: <br><br><img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"252\" class=\"wp-image-173\" style=\"width: 860px;\" src=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x.png\" alt=\"\" srcset=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x.png 1353w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x-300x88.png 300w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x-1024x300.png 1024w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x-768x225.png 768w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x-60x18.png 60w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/footer-instagram-4x-150x44.png 150w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><br><br>Code:<br><pre><code>\t\t<div id=\"sbi_mod_error\" >\n\t\t\t<span>This error message is only visible to WordPress admins<\/span><br \/>\n\t\t\t<p><strong>Error: No feed found.<\/strong>\n\t\t\t<p>Please go to the Instagram Feed settings page to create a feed.<\/p>\n\t\t<\/div>\n\t\t<\/code><\/pre><br><strong>Save changes.<\/strong><br><br>&#8211; Copy &amp; paste in this <strong>shortcode<\/strong> for <strong>Sidebar Instagram Feed<\/strong> (9 images in 3 cols):<br><br>demo:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"470\" class=\"wp-image-174\" style=\"width: 400px;\" src=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-sidebar.png\" alt=\"\" srcset=\"https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-sidebar.png 402w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-sidebar-256x300.png 256w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-sidebar-51x60.png 51w, https:\/\/demos.zthemes.net\/docs\/wp-content\/uploads\/sites\/39\/2019\/08\/instagram-sidebar-128x150.png 128w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><br><br>Code:<br><pre><code>\t\t<div id=\"sbi_mod_error\" >\n\t\t\t<span>This error message is only visible to WordPress admins<\/span><br \/>\n\t\t\t<p><strong>Error: No feed found.<\/strong>\n\t\t\t<p>Please go to the Instagram Feed settings page to create a feed.<\/p>\n\t\t<\/div>\n\t\t<\/code><\/pre><br><strong>Save changes.<\/strong><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Some of our themes include Instagram Footer support: ex: First, you need to install and activate this plugin:&nbsp;&nbsp;Smash Balloon Social Photo Feed&nbsp; (https:\/\/wordpress.org\/plugins\/instagram-feed\/) Go to WP Dashboard &gt; Instagram Feed Click on the big blue &#8220;Connect an Instagram Account&#8221;&nbsp;button. This will connect with whatever Instagram account you are currently logged into.&nbsp; Add to Widgets:&#8211; Go [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-18","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/posts\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/posts\/18\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demos.zthemes.net\/docs\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}