{"id":46091,"date":"2015-04-07T02:56:38","date_gmt":"2015-04-07T06:56:38","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=46091"},"modified":"2017-07-25T10:36:46","modified_gmt":"2017-07-25T14:36:46","slug":"joomla-3-x-how-to-set-up-and-manage-tm-instagram-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-set-up-and-manage-tm-instagram-module.html","title":{"rendered":"Joomla 3.x. How to set up and manage TM Instagram module"},"content":{"rendered":"<p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=_pUDBR1wk6w?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to set up and manage TM Instagram module<\/a><\/p>\r\n<p>This tutorial will show you how to set up and manage TM Instagram module in Joomla 3.x based templates.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_1-300x150.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_1\" width=\"300\" height=\"150\" class=\"aligncenter size-medium wp-image-46092\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_1-300x150.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_1-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your Joomla back-end.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Extensions<\/strong> > <strong>Extension Manager<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_2-300x228.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_2\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-46093\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_2-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_2-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Edit <strong>&#8216;Instagram feed&#8217;<\/strong> module. Enter Instagram settings: <em>Instagram username<\/em> and <em>Instagram CLIENT ID<\/em>, under <strong>Module<\/strong> tab. Change <em>Number of photos<\/em> to the number of images you would like to be shown in this module:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_3-300x228.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_3\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-46094\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_3-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_3-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Follow the steps below to find your Instagram CLIENT ID:<\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p>Log into Instagram (if you haven&#8217;t already) and go to <a href=\"http:\/\/instagram.com\/developer\/register\/#\" rel=\"nofollow\" target=\"_blank\">Instagram developer register page<\/a>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click on <strong>Manage Clients<\/strong> in top right corner.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click on <strong>Register a New Client<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Enter data in the form as shown below:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_4-300x228.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_4\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-46095\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_4-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_4-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click on <strong>Register<\/strong> and copy your <strong>Client ID<\/strong>. Enter your Client ID to the module settings:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_5-300x204.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_5\" width=\"300\" height=\"204\" class=\"aligncenter size-medium wp-image-46096\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_5-300x204.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_5-150x102.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>Choose pages on which your &#8216;Instagram feed&#8217; module will be shown under <strong>Menu Assignment<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_6-300x228.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_6\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-46097\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_6-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_6-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_6.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>You can change such module settings as: <em>Bootstrap Size<\/em>, <em>Header Tag<\/em>, <em>Module Class Suffix<\/em>, <em>Module Tag,<\/em> <em>Header Class<\/em> and <em>Header Class<\/em> under <strong>Advanced<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_7-300x228.jpg\" alt=\"Joomla._How_to_work,_set-up_and_manage_TM_Instagram_module_7\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-46098\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_7-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_7-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla._How_to_work_set-up_and_manage_TM_Instagram_module_7.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>This is the end of the tutorial, you have learnt how to set up and manage TM Instagram module in Joomla 3.x based templates. Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=_pUDBR1wk6w?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to set up and manage TM Instagram module<\/a><\/p>\r\n<p><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to set up and manage TM Instagram module in Joomla 3.x based templates.<\/p>\n","protected":false},"author":55,"featured_media":46102,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[1920,483,557],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46091"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=46091"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46091\/revisions"}],"predecessor-version":[{"id":82228,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46091\/revisions\/82228"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/46102"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=46091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=46091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=46091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}