{"id":4753,"date":"2022-01-01T08:21:00","date_gmt":"2022-01-01T08:21:00","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4753"},"modified":"2026-04-07T09:42:37","modified_gmt":"2026-04-07T09:42:37","slug":"how-to-embed-instagram-feed-on-joomla","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-feed-on-joomla\/","title":{"rendered":"How To Embed Instagram Feed On Joomla"},"content":{"rendered":"\n<p>If you want to bring your Instagram content to life on your Joomla site, adding an <a href=\"https:\/\/taggbox.com\/instagram-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram feed widget<\/a> is the perfect solution. This integration allows you to showcase your latest posts, capture visitor attention, and provide a seamless connection between your website and social media presence.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-custom-font-size wp-element-button\" href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\" style=\"border-radius:6px;background-color:#ff4858;font-size:17px\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to create Taggbox Widget account<strong><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"21.847\" viewbox=\"0 0 28.17 21.847\"><path id=\"Path_7141\" data-name=\"Path 7141\" d=\"M.377,10.791A1.509,1.509,0,0,0,2.6,12.828L9.409,5.393v21.3a1.51,1.51,0,0,0,3.019,0V5.393l6.806,7.435A1.509,1.509,0,0,0,21.46,10.79L12.032.491a1.507,1.507,0,0,0-2.226,0Z\" transform=\"translate(28.17) rotate(90)\" fill=\"#fff\" fill-rule=\"evenodd\"><\/path><\/svg><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle1\"><strong>Embed Instagram Feed On Joomla<\/strong><\/h2>\n\n\n\n<p>Follow the given steps to easily embed a Joomla Instagram Feed on your website using Taggbox<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Create Taggbox Widget Account<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, you have to create an account on <a href=\"https:\/\/taggbox.com\/widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Taggbox Widget<\/a> or Log in if you\u2019re an existing account holder.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"752\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-13.png\" alt=\"Create your taggbox widget account\" class=\"wp-image-12117\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-13.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-13-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-13-1024x481.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-13-768x361.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-13-1536x722.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">2. Select Your Experience<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on \u201cSocial Feeds on Website,\u201d choose your industry, provide your contact details, and complete all the necessary information.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1221\" height=\"602\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-20.png\" alt=\"Choose social feeds on website\" class=\"wp-image-12128\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-20.png 1221w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-20-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-20-1024x505.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-20-768x379.png 768w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Choose Source Network and Start Creating Your Instagram feed for Joomla<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose Instagram as your source network.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1547\" height=\"615\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-16.png\" alt=\"choose instagram as your source network\" class=\"wp-image-12120\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-16.png 1547w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-16-300x119.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-16-1024x407.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-16-768x305.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-16-1536x611.png 1536w\" sizes=\"(max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n<\/div>\n\n\n<p>Now, you can create your feed by choosing from the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hashtag (#):<\/strong> Fetch <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-hashtag-feed-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram Hashtag feeds<\/a> using specific hashtags.<\/li>\n\n\n\n<li><strong>My Handle:<\/strong> Connect and display posts from your own Instagram account.<\/li>\n\n\n\n<li><strong>Handle (@):<\/strong> Pull posts from any Instagram account.<\/li>\n\n\n\n<li><strong>Stories:<\/strong> <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-stories\/\" target=\"_blank\" rel=\"noreferrer noopener\">Add Instagram stories<\/a> from your profile to the feed.<\/li>\n\n\n\n<li><strong>Mentions:<\/strong> Fetch posts where your account is mentioned on Instagram.<\/li>\n\n\n\n<li><strong>Tagged (Insta):<\/strong> Show posts where your profile is tagged on Instagram.<\/li>\n\n\n\n<li><strong>Tagged (FB):<\/strong> Display posts where your profile is tagged on Facebook.<\/li>\n\n\n\n<li><strong>Reels:<\/strong> <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-reels-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Embed Instagram Reels<\/a> on your feed.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1075\" height=\"390\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-15.png\" alt=\"instagram feed for joomla\" class=\"wp-image-12119\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-15.png 1075w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-15-300x109.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-15-1024x371.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-15-768x279.png 768w\" sizes=\"(max-width: 1075px) 100vw, 1075px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Finally, click the \u201cCreate Feed\u201d button to start the processing of aggregating Instagram feeds to your Instagram Widget.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4. Customize and Moderate Your Instagram Feed<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At this point, you can decide which posts to show, set their visibility to<strong> public or private<\/strong>, or you can aslo activate <strong>Autopilot <\/strong>to have your feed managed automatically.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"754\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-17.png\" alt=\"moderation of your instagram feed\" class=\"wp-image-12121\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-17.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-17-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-17-1024x483.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-17-768x362.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-17-1536x724.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Now, Click on the <strong>Publish <\/strong>Button<\/li>\n\n\n\n<li>Go to the <strong>Theme <\/strong>tab, select your preferred layout, and then customize the colors, fonts, and styles to match your Instagram widget to your site\u2019s design.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-18-1024x454.png\" alt=\"customization of your instagram feed\" class=\"wp-image-12122\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-18-1024x454.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-18-300x133.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-18-768x340.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-18-1536x681.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-18.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Now, Click on<strong> \u201cGenerate Code\u201d\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5. Choose Your Platform and Copy the Embed Code<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From the given platforms, choose<strong> &#8220;OTHER&#8221;<\/strong> to generate the embed code for your Joomla website.<\/li>\n\n\n\n<li>Copy the given code.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1550\" height=\"703\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-19.png\" alt=\"embed code for your Joomla website\" class=\"wp-image-12123\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-19.png 1550w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-19-300x136.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-19-1024x464.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-19-768x348.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/image-19-1536x697.png 1536w\" sizes=\"(max-width: 1550px) 100vw, 1550px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle8\"><strong>Steps to connect the Instagram Feed to Joomla with the embed code<\/strong><\/h2>\n\n\n\n<p>After copying the code from the Taggbox Widget, we will proceed further to embed the Instagram feed on Joomla.<\/p>\n\n\n\n<p><strong>1.<\/strong> Log in to the Joomla Admin panel.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"879\" height=\"351\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image.png\" alt=\"Log into Joomla\" class=\"wp-image-4760\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image.png 879w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-300x120.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-768x307.png 768w\" sizes=\"(max-width: 879px) 100vw, 879px\" \/><\/figure>\n<\/div>\n\n\n<p>2. On the left menu panel, click on articles. Now you\u2019ll see all the articles you\u2019ve published on your website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1000\" height=\"649\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/file-TIa3gm1Ae7.png\" alt=\"display instagram feed on Joomla\" class=\"wp-image-4762\" style=\"width:580px;height:376px\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/file-TIa3gm1Ae7.png 1000w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/file-TIa3gm1Ae7-300x195.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/file-TIa3gm1Ae7-768x498.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>3.<\/strong> Select the article where you want to display the Instagram feeds.<\/p>\n\n\n\n<p>4. Now, from the ribbon Content, click on the embed icon (&lt;>) to open the HTML editor and paste the generated code from the Taggbox Widget.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"622\" height=\"508\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/module4.jpg\" alt=\"embed Instagram feed on Joomla\" class=\"wp-image-4765\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/module4.jpg 622w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/module4-300x245.jpg 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/figure>\n<\/div>\n\n\n<p>Click the<strong> OK<\/strong> button on the editor.<\/p>\n\n\n\n<p><strong>5.<\/strong> Finally, click <strong>SAVE<\/strong> on the top left to make the changes live.<\/p>\n\n\n\n<p>You have successfully <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-feed-on-website\/\">displayed Instagram feed<\/a> on Joomla website.<\/p>\n\n\n\n<p>If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\">contact us<\/a>\u00a0or write us at\u00a0support@taggbox.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to bring your Instagram content to life on your Joomla site, adding an Instagram feed widget is the perfect solution. This integration allows you to showcase your latest posts, capture visitor attention, and provide a seamless connection between your website and social media presence. Embed Instagram Feed On Joomla Follow the given [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[279],"tags":[223],"class_list":["post-4753","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-embed-instagram-feed"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=4753"}],"version-history":[{"count":7,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4753\/revisions"}],"predecessor-version":[{"id":12132,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4753\/revisions\/12132"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}