{"id":4555,"date":"2022-01-01T08:43:00","date_gmt":"2022-01-01T08:43:00","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4555"},"modified":"2026-04-27T06:57:23","modified_gmt":"2026-04-27T06:57:23","slug":"embed-instagram-feed-webflow-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/embed-instagram-feed-webflow-website\/","title":{"rendered":"How To Embed Instagram Feed On Webflow Website Using Taggbox"},"content":{"rendered":"\n<p>Want to make your website more dynamic? Adding Instagram feed to Webflow websits lets you display live posts, keep your content fresh, and showcase real experiences from your audience. It\u2019s a simple way to increase engagement, build trust, and make your website more interactive.<\/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 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\" target=\"_blank\" rel=\"noreferrer noopener\">Start Adding Instagram Feeds To Webflow Now<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<p>Want to know how you can <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-feed-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">embed Instagram feed<\/a> on Webflow website? Read this step-to-step guide.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle1\">Step 1 &#8211; Create your Taggbox Widget account<\/h2>\n\n\n\n<p><strong>1.<\/strong> First, create your&nbsp;free <a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\" target=\"_blank\" rel=\"noreferrer noopener\">Taggbox Widget<\/a>&nbsp;account or Log in to your existing account<\/p>\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\/2022\/01\/taggbox-login-1.png\" alt=\"Login to taggbox account\" class=\"wp-image-12033\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/taggbox-login-1.png 2048w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/taggbox-login-1-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/taggbox-login-1-1024x481.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/taggbox-login-1-768x361.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/taggbox-login-1-1536x722.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2 &#8211; Choose the Experience&nbsp;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select <strong>\u201cSocial Feeds on Website\u201d<\/strong> as your preferred experience.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1221\" height=\"602\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Experience.png\" alt=\"choose scoial feed on website\" class=\"wp-image-12019\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Experience.png 1221w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Experience-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Experience-1024x505.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Experience-768x379.png 768w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Step 3 &#8211; Select your source network and start building your Instagram feed.<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>Instagram <\/strong>from the available networks.<\/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\/2019\/12\/image-2.png\" alt=\"choose instagrm as source network\" class=\"wp-image-12020\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/image-2.png 1547w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/image-2-300x119.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/image-2-1024x407.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/image-2-768x305.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/image-2-1536x611.png 1536w\" sizes=\"(max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n<\/div>\n\n\n<p>Now, choose one of the following options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Hashtag (#)<\/strong> \u2013 Create an <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-hashtag-feed-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram Hashtag Feed<\/a> using selected hashtags.<\/li>\n\n\n\n<li><strong>My Handle<\/strong> \u2013 Link your own Instagram account to display your posts.<\/li>\n\n\n\n<li><strong>Handle (@)<\/strong> \u2013 Pull feeds from any public Instagram account.<\/li>\n\n\n\n<li><strong>Stories<\/strong> \u2013 Connect your profile to <a href=\"https:\/\/taggbox.com\/ja\/blog\/embed-instagram-stories\/\" target=\"_blank\" rel=\"noreferrer noopener\">show Instagram stories<\/a> in the feed.<\/li>\n\n\n\n<li><strong>Mentions<\/strong> \u2013 Display posts where your account is mentioned on Instagram.<\/li>\n\n\n\n<li><strong>Tagged (Insta)<\/strong> \u2013 Show posts where your profile is tagged on Instagram.<\/li>\n\n\n\n<li><strong>Tagged (FB)<\/strong> \u2013 Show posts where your profile is tagged on Facebook.<\/li>\n\n\n\n<li><strong>Reels<\/strong> \u2013 Connect to <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-reels-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">embed Instagram Reels<\/a> in your feed.<\/li>\n<\/ol>\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\/2019\/12\/Screenshot-5.png\" alt=\"Build your feed with available options\" class=\"wp-image-12021\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-5.png 1075w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-5-300x109.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-5-1024x371.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-5-768x279.png 768w\" sizes=\"(max-width: 1075px) 100vw, 1075px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Step 4 &#8211;&nbsp; Moderate and Customize your Instagram feed<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now, select the posts you want to display and set their visibility to public or private accordingly<\/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\/Screenshot-17.png\" alt=\"Set post as public or private \" class=\"wp-image-12067\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-17.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-17-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-17-1024x483.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-17-768x362.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-17-1536x724.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Choose a theme layout for your feed and customize colors, font sizes, and styles to match your design.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"709\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-18.png\" alt=\"customize your insta feed\" class=\"wp-image-12069\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-18.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-18-300x133.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-18-1024x454.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-18-768x340.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2022\/01\/Screenshot-18-1536x681.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Now, click on Generate code<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5 &#8211; Select your Platform and get the code<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the \u201cOther\u201d option to get the code for the Webflow website.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-9-1024x464.png\" alt=\"get the embed code for webflow website\" class=\"wp-image-12024\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-9-1024x464.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-9-300x136.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-9-768x348.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-9-1536x697.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/12\/Screenshot-9.png 1550w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the given code to <a href=\"https:\/\/taggbox.com\/blog\/add-instagram-feed-to-webflow\/\" target=\"_blank\" rel=\"noreferrer noopener\">add instagram feed to the Webflow website<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-instagram-feed-on-webflow-website\"><strong>Steps to connect the Instagram Feed to the Webflow Website with the embed code.&nbsp;<\/strong><\/h2>\n\n\n\n<p><strong>1.<\/strong> Log in to your&nbsp;<strong>Webflow Admin account<\/strong>&nbsp;and select your project.<\/p>\n\n\n\n<p><strong>2.<\/strong> Click on \u201c<strong>Add Elements\u201d&nbsp;<\/strong>from the left-hand side menu and drag and drop the<strong>&nbsp;\u201cEmbed\u201d Element<\/strong>&nbsp;to the desired section of your website page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1404\" height=\"1394\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/embed-on-webflow-1.png\" alt=\"add Instagram feed on webflow\" class=\"wp-image-4559\" style=\"aspect-ratio:1.0067378024801406;width:491px;height:auto\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/embed-on-webflow-1.png 1404w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/embed-on-webflow-1-300x298.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/embed-on-webflow-1-1024x1017.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/embed-on-webflow-1-150x150.png 150w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/09\/embed-on-webflow-1-768x763.png 768w\" sizes=\"(max-width: 1404px) 100vw, 1404px\" \/><\/figure>\n<\/div>\n\n\n<p>A Pop-up with&nbsp;<span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\"><strong>an HTML Embed Code Editor<\/strong>&nbsp;will appear.&nbsp;<\/span><strong>Paste the code&nbsp;<\/strong>and click&nbsp;<strong>Save &amp; Close. (<\/strong>Adjust any spacing if needed<strong>)<\/strong><\/p>\n\n\n\n<p><strong>3.<\/strong> Click on&nbsp;<strong>Publish<\/strong>&nbsp;and select&nbsp;<strong>Publish to selected domains.<\/strong><\/p>\n\n\n\n<p>Now open your website and enjoy the embedded <a href=\"https:\/\/taggbox.com\/instagram-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram Feed widget<\/a> on your Webflow website<\/p>\n\n\n\n<p>If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">contact us<\/a>&nbsp;or write us at&nbsp;support@taggbox.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to make your website more dynamic? Adding Instagram feed to Webflow websits lets you display live posts, keep your content fresh, and showcase real experiences from your audience. It\u2019s a simple way to increase engagement, build trust, and make your website more interactive. Want to know how you can embed Instagram feed on Webflow [&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-4555","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\/4555","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=4555"}],"version-history":[{"count":11,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4555\/revisions"}],"predecessor-version":[{"id":12267,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4555\/revisions\/12267"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}