{"id":2955,"date":"2020-05-29T16:45:52","date_gmt":"2020-05-29T16:45:52","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2955"},"modified":"2026-04-27T06:56:29","modified_gmt":"2026-04-27T06:56:29","slug":"how-to-embed-instagram-feed-on-weebly-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-feed-on-weebly-website\/","title":{"rendered":"How To Embed Instagram Feed On Weebly Website Using Taggbox"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Transform your Weebly website with effortless integration of your Instagram feed. Whether you want to highlight your latest posts or connect with your audience in a more visual way, adding an Instagram feed to your Weebly website brings your content to life.<\/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\" target=\"_blank\" rel=\"noreferrer noopener\">Start Adding Instagram Feeds To Weebly 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<h2 class=\"wp-block-heading\" id=\"embed-instagram-feed-on-using-taggbox-widget\"><strong>Steps to Add Instagram Feed On Weebly Using Taggbox Widget<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"embed-instagram-feed-on-using-taggbox-widget\">Follow the five steps to quickly add your Instagram feed to Weebly and enhance your site\u2019s design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Set up your Taggbox Account<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, create your <a href=\"https:\/\/app.taggbox.com\/accounts\/register\/\" target=\"_blank\" rel=\"noreferrer noopener\">Taggbox Widget<\/a> account or log in to your existing account<\/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\/2020\/05\/image-8.png\" alt=\"Sign into Taggbox account\" class=\"wp-image-12103\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-8.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-8-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-8-1024x481.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-8-768x361.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-8-1536x722.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\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\"><em>Tip: You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2 &#8211; Select the Experience for Building Your Instagram Feed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>\u201cSocial Feed on Website\u201d<\/strong> to Create Your Weebly Instagram Feed<\/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\/2020\/05\/image-9.png\" alt=\"Select the Experience\" class=\"wp-image-12104\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-9.png 1221w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-9-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-9-1024x505.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-9-768x379.png 768w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3&nbsp; &#8211; Choose your Source Network and Create Feed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>\u201cInstagram\u201d <\/strong>from the given options in the all network tab.<\/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\/2020\/05\/image-10.png\" alt=\"choose source network instagram\" class=\"wp-image-12105\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-10.png 1547w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-10-300x119.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-10-1024x407.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-10-768x305.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-10-1536x611.png 1536w\" sizes=\"(max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Now, choose one of the following options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Hashtag (#)<\/strong> \u2013 Create and <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-hashtag-feed-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">display Instagram hashtag feed<\/a> on your website using selected hashtags.<\/li>\n\n\n\n<li><strong>My Handle<\/strong> \u2013 Connect your own Instagram account to display your posts.<\/li>\n\n\n\n<li><strong>Handle (@)<\/strong> \u2013 Fetch 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\/blog\/embed-instagram-stories\/\">add Instagram Stories<\/a> widget to your website.<\/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> on website pages 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\/2020\/05\/image-11.png\" alt=\"Create instagram feed\" class=\"wp-image-12106\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-11.png 1075w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-11-300x109.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-11-1024x371.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-11-768x279.png 768w\" sizes=\"(max-width: 1075px) 100vw, 1075px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Click&nbsp;the&nbsp;<strong>\u201cCreate Feed\u201d&nbsp;<\/strong>button to start the processing of embedding Instagram feeds according to your selection.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4 \u2013 Modification and Personalization of your Instagram Feed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the posts you want to feature on your Weebly website instagram feed and mark them <span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\">as<strong>\u00a0public<\/strong><\/span><strong> or private<\/strong>, or you can enable <strong>Autopilot <\/strong>to manage them automatically.<\/li>\n\n\n\n<li>Click on<strong> \u201cPublish\u201d. <\/strong><strong><br><\/strong><\/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\/2020\/05\/image-12.png\" alt=\"Moderate your insta feed\" class=\"wp-image-12107\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-12.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-12-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-12-1024x483.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-12-768x362.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-12-1536x724.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Choose your preferred feed style, adjust its design elements to match your brand, and your <a href=\"https:\/\/taggbox.com\/instagram-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram widget<\/a> will be all set.<\/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\/2020\/05\/image-13.png\" alt=\"customize your instagram feed \" class=\"wp-image-12108\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-13.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-13-300x133.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-13-1024x454.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-13-768x340.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-13-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 <strong>\u201cGenerate Code\u201d.<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5 &#8211; Choose Your Platform and Get the Code<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the<strong> \u201cOTHER\u201d<\/strong> option to get the embed code for your Weebly website.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-14.png\" alt=\"get the embed code for adding instagram feed on weebly\" class=\"wp-image-12109\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-14.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-14-300x138.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-14-768x353.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the code to show your <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-feed-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram feed on the website<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"steps-to-embed-instagram-feed-on-weebly-website\"><strong>Steps to connect the Instagram Feed to the Weebly website with the embed code<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your Weebly admin account and go to the page where you want to display the Instagram feeds.<\/li>\n\n\n\n<li>From the left-hand panel, scroll through the elements until you find the <strong>Embed Code<\/strong> option. Then, drag and drop it onto the section of the page where you want the Instagram feed to appear.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1286\" height=\"521\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-15.png\" alt=\"Click on the embed code option\" class=\"wp-image-12110\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-15.png 1286w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-15-300x122.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-15-1024x415.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-15-768x311.png 768w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>When the Edit Custom HTML window opens, select it and insert your copied embed code there.<br><\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1292\" height=\"522\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-16.png\" alt=\"Paste the embed code in the weebly website \" class=\"wp-image-12111\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-16.png 1292w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-16-300x121.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-16-1024x414.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/05\/image-16-768x310.png 768w\" sizes=\"(max-width: 1292px) 100vw, 1292px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Now, click on the Publish Button.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Great! You have successfully embedded an Instagram Feed on your Weebly website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact us<\/a> or write to us at <a href=\"mailto:support@taggbox.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>support@taggbox.com<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transform your Weebly website with effortless integration of your Instagram feed. Whether you want to highlight your latest posts or connect with your audience in a more visual way, adding an Instagram feed to your Weebly website brings your content to life. Steps to Add Instagram Feed On Weebly Using Taggbox Widget Follow the five [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[74,75],"class_list":["post-2955","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-instagram-feed-on-weebly-website","tag-embed-feed-on-weebly-website"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2955","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=2955"}],"version-history":[{"count":9,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2955\/revisions"}],"predecessor-version":[{"id":12265,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2955\/revisions\/12265"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}