{"id":4524,"date":"2020-09-01T05:05:04","date_gmt":"2020-09-01T05:05:04","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4524"},"modified":"2026-04-27T06:49:49","modified_gmt":"2026-04-27T06:49:49","slug":"embed-instagram-feed-on-elementor-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/embed-instagram-feed-on-elementor-website\/","title":{"rendered":"How To Embed Instagram Feed On Elementor Website Using Taggbox"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Adding an Instagram feed to your Elementor website is one of the easiest ways to make your site more engaging, visually appealing, and conversion-driven. Instead of relying only on static content, you can showcase real-time Instagram posts, user-generated content (UGC), and social proof directly on your website, helping build trust and keep visitors interacting longer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, you\u2019ll learn how to embed an Instagram feed on an Elementor website step by step using Taggbox<\/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-7d812b4c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size\"><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:30px;background-color:#ff4858;font-size:17px\">Add Instagram Feeds To Elementor With Taggbox<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\">Add an Instagram feed on the Elementor website <\/h2>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Log In to Your Taggbox Account<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sign up for a new <a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a> account or log in if you already have one.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2048\" height=\"962\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-9.png\" alt=\"Create your taggbox widget account\" class=\"wp-image-12182\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-9.png 2048w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-9-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-9-1024x481.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-9-768x361.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-9-1536x722.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select <strong>\u201cSocial Feed on Website\u201d<\/strong> to start building your Instagram feed.<\/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\/2020\/09\/image-8.png\" alt=\"Select Social Feed on Website\" class=\"wp-image-12181\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-8.png 1221w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-8-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-8-1024x505.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-8-768x379.png 768w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Tip: You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Choose Your Source Network and Build Your Feed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From the available networks, click Instagram to begin creating your feed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1547\" height=\"615\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-10.png\" alt=\"select your source network\" class=\"wp-image-12183\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-10.png 1547w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-10-300x119.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-10-1024x407.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-10-768x305.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-10-1536x611.png 1536w\" sizes=\"(max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pick one of the following options to create your feed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hashtag (#):<\/strong> <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-hashtag-feed-on-website\/\">Embed hashtag Instagram feed<\/a> using selected hashtags.<\/li>\n\n\n\n<li><strong>My Handle:<\/strong> Link your own Instagram account to display your posts.<\/li>\n\n\n\n<li><strong>Handle (@):<\/strong> Pull feeds from any public Instagram account.<\/li>\n\n\n\n<li><strong>Stories:<\/strong> Connect your profile to show an <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-stories\/\">Instagram Stories widget<\/a>.<\/li>\n\n\n\n<li><strong>Mentions:<\/strong> Display 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> Show 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\/\">Add Instagram Reels<\/a> to your website feed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1075\" height=\"390\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-11.png\" alt=\"Dislay your elementor instagram feed\" class=\"wp-image-12184\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-11.png 1075w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-11-300x109.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-11-1024x371.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-11-768x279.png 768w\" sizes=\"(max-width: 1075px) 100vw, 1075px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Finally, click&nbsp;the <strong>&#8220;Create Feed&#8221;&nbsp;<\/strong>button to start the processing of embedding Instagram feeds according to your selection.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Tips: You will find a&nbsp;<strong>&#8220;Design&#8221;<\/strong>&nbsp;option to customize your feed&#8217;s display, with many options to choose from according to your need.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Personalize and Moderate Your Instagram Feed<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the posts you want to feature on your Elementor website and set their visibility as <strong>Public<\/strong> or <strong>Private<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Publish<\/strong> button to activate your feed.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"754\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-14.png\" alt=\"moderate your elementor instagram feed\" class=\"wp-image-12187\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-14.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-14-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-14-1024x483.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-14-768x362.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-14-1536x724.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select a feed layout and adjust the colors, fonts, and styling to match your website. Once done, your <a href=\"https:\/\/taggbox.com\/instagram-widget\">Instagram feed widget<\/a> will be ready.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"709\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-13.png\" alt=\"customize your elementor instagram feed\" class=\"wp-image-12186\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-13.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-13-300x133.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-13-1024x454.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-13-768x340.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-13-1536x681.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>\u201cGenerate code.\u201d<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Generate the Embed Code<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>\u201cOTHER\u201d<\/strong> to get the embed code for adding your Instagram feed to the Elementor website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-12.png\" alt=\"embed code for instagram feed\" class=\"wp-image-12185\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-12.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-12-300x138.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/image-12-768x353.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the given code to <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-feed-on-website\/\">show the Instagram feed on website<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"embed-instagram-feed-on-elementor-website\"><strong>Steps to connect the Instagram Feed to the Elementor website <\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor offers an easy, code-free way to build a stunning website and showcase your Instagram feed:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Log in<\/strong> to your WordPress Admin account.<\/li>\n\n\n\n<li>Choose the page where you want to display the Instagram feed.<\/li>\n\n\n\n<li>Click <strong>Edit with Elementor<\/strong>.<\/li>\n\n\n\n<li>Drag and drop an <strong>HTML element<\/strong> into the section of the page where you want the feed to appear.<\/li>\n\n\n\n<li><strong>Paste<\/strong> the embed code into the HTML element and click <strong>UPDATE<\/strong>.<\/li>\n\n\n\n<li>Open your website to see your <a href=\"https:\/\/taggbox.com\/instagram-widget\/elementor\/\"><strong>Elementor Instagram Widget<\/strong><\/a> fully embedded and live on your page.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1295\" height=\"640\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-31-at-6.22.46-PM-1.png\" alt=\"elementor instagram feed\" class=\"wp-image-4544\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-31-at-6.22.46-PM-1.png 1295w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-31-at-6.22.46-PM-1-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-31-at-6.22.46-PM-1-1024x506.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-31-at-6.22.46-PM-1-768x380.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-31-at-6.22.46-PM-1-256x128.png 256w\" sizes=\"(max-width: 1295px) 100vw, 1295px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\">contact us<\/a>&nbsp;or write us at&nbsp;support@taggbox.com<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding an Instagram feed to your Elementor website is one of the easiest ways to make your site more engaging, visually appealing, and conversion-driven. Instead of relying only on static content, you can showcase real-time Instagram posts, user-generated content (UGC), and social proof directly on your website, helping build trust and keep visitors interacting longer. [&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-4524","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\/4524","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=4524"}],"version-history":[{"count":5,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4524\/revisions"}],"predecessor-version":[{"id":12257,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4524\/revisions\/12257"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}