{"id":9402,"date":"2021-06-16T11:25:38","date_gmt":"2021-06-16T11:25:38","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=9402"},"modified":"2022-02-24T12:53:51","modified_gmt":"2022-02-24T12:53:51","slug":"how-to-embed-instagram-widget-on-showit-websites","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-widget-on-showit-websites\/","title":{"rendered":"How To Embed Instagram Widget On Showit Websites"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Embed Instagram Feed Widget on Showit websites<\/strong><\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><strong><em>Try TaggBox Widget Now &#8211; <\/em><\/strong><em><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\"><strong>Start your 14 days<\/strong> <\/a><\/em><strong><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\"><em>For Free Now<\/em><\/a><\/strong><\/p><\/blockquote>\n\n\n\n<p>Let\u2019s proceed by creating a <a href=\"https:\/\/taggbox.com\/instagram-widget\/\">Taggbox Instagram Widget<\/a>.&nbsp;<\/p>\n\n\n\n<p>Follow the following steps:<\/p>\n\n\n\n<p><strong>1.<\/strong> Create a <strong>Taggbox Widget<\/strong> Account or login to your existing account.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34.png\" alt=\"Embed Instagram Widget On Showit Website\" class=\"wp-image-5991\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<p><strong>2.<\/strong> Now, you\u2019ll be redirected to <strong>Taggbox Widget Dashboard<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37.png\" alt=\"Embed Instagram Widget On Showit Website\" class=\"wp-image-5992\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<p><strong>3.<\/strong> Click on the <strong>\u201cAdd Social Feeds\u201d<\/strong> option to start the process of adding Instagram feeds to your widget.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7.png\" alt=\"Add Instagram Widget On Showit Website\" class=\"wp-image-5173\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<p><strong>4.<\/strong> A screen with <strong>\u201cPick a source\u201d<\/strong> will appear. Select <strong>Instagram<\/strong> as a source of aggregating feeds.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1094\" height=\"606\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Pick-a-source.png\" alt=\"Embed Instagram Widget\" class=\"wp-image-9403\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Pick-a-source.png 1094w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Pick-a-source-300x166.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Pick-a-source-1024x567.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Pick-a-source-768x425.png 768w\" sizes=\"(max-width: 1094px) 100vw, 1094px\" \/><\/figure><\/div>\n\n\n\n<p><strong>5.<\/strong> A new dialog box, <strong>\u201cCreate Instagram Business Feed,\u201d<\/strong> will appear to aggregate feeds.<\/p>\n\n\n\n<p>You can aggregate feeds from the following sources:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Hashtag (#)<\/li><li>Handle (@)<\/li><li>Stories<\/li><li>Mentions<\/li><li>Tagged<\/li><\/ul>\n\n\n\n<p>Choose your method of aggregating feeds and enter the input accordingly.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1130\" height=\"625\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Create-Instagram-Feed.png\" alt=\"Embed Instagram Feeds On Showit Website\" class=\"wp-image-9405\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Create-Instagram-Feed.png 1130w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Create-Instagram-Feed-300x166.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Create-Instagram-Feed-1024x566.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Create-Instagram-Feed-768x425.png 768w\" sizes=\"(max-width: 1130px) 100vw, 1130px\" \/><\/figure><\/div>\n\n\n\n<p><strong>7.<\/strong> Finally, Click the <strong>\u201cCreate Feed\u201d<\/strong> button.<\/p>\n\n\n\n<p>You may see a pop-up <strong>\u201ccontinue with Facebook,\u201d<\/strong> click on it to Login with your Facebook credentials.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"399\" height=\"224\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Instagram-Business.png\" alt=\"\" class=\"wp-image-9409\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Instagram-Business.png 399w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Instagram-Business-300x168.png 300w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/figure><\/div>\n\n\n\n<p>Connect your Instagram Account with Taggbox to start aggregating Instagram Feeds<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Connect-Instagram-Profile-1.png\" alt=\"Embed Instagram Feeds On Showit Website\" class=\"wp-image-9410\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Connect-Instagram-Profile-1.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Connect-Instagram-Profile-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Connect-Instagram-Profile-1-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Connect-Instagram-Profile-1-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<p>Once you Log In, in a short matter of seconds, your feeds will be displayed on the editor.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Note:<\/strong> You can customize the Instagram Feed Widget using different customization options like <strong>Moderation, Themes &amp; Layouts, banners, card style, background, fonts, Hashtag Highlighter, Custom CSS and many more<\/strong>. Based on your requirements.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps to Generate Code To Embed Instagram Widget on Showit Websites<\/strong><\/h2>\n\n\n\n<p>Follow the below steps to generate embed code:<\/p>\n\n\n\n<p><strong>1.<\/strong> Click the <strong>\u201cPUBLISH\u201d<\/strong> button on the bottom-left of the screen. You can also see the PREVIEW of how your feeds are going to look on different devices.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1299\" height=\"663\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Taggbox-Publish-Instagram.png\" alt=\"Display Instagram Widget On Showit Website\" class=\"wp-image-9411\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Taggbox-Publish-Instagram.png 1299w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Taggbox-Publish-Instagram-300x153.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Taggbox-Publish-Instagram-1024x523.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Taggbox-Publish-Instagram-768x392.png 768w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" \/><\/figure><\/div>\n\n\n\n<p><strong>2.<\/strong> A new screen will appear. <strong>Choose Your Website Platform<\/strong> from it, and select the <strong>\u201cOTHER\u201d<\/strong> option to generate the embed code for the Showit website.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1102\" height=\"644\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Other.png\" alt=\"Display Instagram Widget On Showit Website\" class=\"wp-image-9412\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Other.png 1102w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Other-300x175.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Other-1024x598.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Other-768x449.png 768w\" sizes=\"(max-width: 1102px) 100vw, 1102px\" \/><\/figure><\/div>\n\n\n\n<p><strong>3.<\/strong> Set the <strong>height &amp; width<\/strong> of the widget and <strong>COPY<\/strong> the embed code from the section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps To Embed Instagram Feed Widget On Showit Websites<\/strong><\/h2>\n\n\n\n<p>Follow the following steps:<\/p>\n\n\n\n<p><strong>1. Log in<\/strong> to the Website Admin panel.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1307\" height=\"668\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Admin-Login.png\" alt=\"Display Instagram Widget On Showit Website\" class=\"wp-image-9413\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Admin-Login.png 1307w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Admin-Login-300x153.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Admin-Login-1024x523.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Admin-Login-768x393.png 768w\" sizes=\"(max-width: 1307px) 100vw, 1307px\" \/><\/figure><\/div>\n\n\n\n<p><strong>2.<\/strong> On the left menu panel, you\u2019ll find a three-dot option <strong>(&#8230;)<\/strong>, click on it and select <strong>Add blank canvas<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1309\" height=\"670\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Add-new-canvas.png\" alt=\"Display Instagram Feeds On Showit Website\" class=\"wp-image-9414\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Add-new-canvas.png 1309w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Add-new-canvas-300x154.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Add-new-canvas-1024x524.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Add-new-canvas-768x393.png 768w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/figure><\/div>\n\n\n\n<p><strong>3.<\/strong> From the left menu select the recent added canvas. On the middle bottom of the screen, you\u2019ll find three option. Click on the middle one and select the<strong> Embed Code<\/strong> option.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1310\" height=\"670\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Code-2.png\" alt=\"Display Instagram Feed Widget On Showit Website\" class=\"wp-image-9416\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Code-2.png 1310w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Code-2-300x153.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Code-2-1024x524.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Embed-Code-2-768x393.png 768w\" sizes=\"(max-width: 1310px) 100vw, 1310px\" \/><\/figure><\/div>\n\n\n\n<p><strong>4.<\/strong> On the right menu panel, you\u2019ll find an <strong>Embed Info<\/strong> tab and select the <strong>Custom Code<\/strong> option.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1309\" height=\"670\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Custom-Code-1.png\" alt=\"Display Instagram Feeds On Showit Website\" class=\"wp-image-9419\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Custom-Code-1.png 1309w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Custom-Code-1-300x154.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Custom-Code-1-1024x524.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Custom-Code-1-768x393.png 768w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/figure><\/div>\n\n\n\n<p><strong>5.<\/strong> New pop-up <strong>Custom Code Editor<\/strong> will appear. Paste the Instagram Post Widget embed code into the editor and click the<strong> Save<\/strong> button.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1309\" height=\"670\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Paste-Embed-Code.png\" alt=\"Embed Instagram Feeds On Showit Website\" class=\"wp-image-9420\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Paste-Embed-Code.png 1309w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Paste-Embed-Code-300x154.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Paste-Embed-Code-1024x524.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Paste-Embed-Code-768x393.png 768w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/figure><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Outcome:&nbsp;<\/span><\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1309\" height=\"670\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Final.png\" alt=\"Instagram Feeds On Showit Website\" class=\"wp-image-9421\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Final.png 1309w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Final-300x154.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Final-1024x524.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/06\/Final-768x393.png 768w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/figure><\/div>\n\n\n\n<p>Open your live website and enjoy the Embedded Instagram Feeds Widget on your Showit website.<\/p>\n\n\n\n<p>Great! You have successfully embedded Instagram feed Widget on your Showit website.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Try Taggbox Widget To Embed Instagram Feeds \u2013&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start Your 14 Days For Free<\/a><\/strong><\/p><\/blockquote>\n\n\n\n<p>If you have any questions or need help, please&nbsp;<a href=\"https:\/\/taggbox.com\/contact-us\/\"><strong>contact us<\/strong><\/a>&nbsp;or write to us at&nbsp;<a href=\"mailto:support@taggbox.com\"><strong>support@taggbox.com<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed Instagram Feed Widget on Showit websites Try TaggBox Widget Now &#8211; Start your 14 days For Free Now Let\u2019s proceed by creating a Taggbox Instagram Widget.&nbsp; Follow the following steps: 1. Create a Taggbox Widget Account or login to your existing account. 2. Now, you\u2019ll be redirected to Taggbox Widget Dashboard.&nbsp; 3. Click on [&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":[235,291],"class_list":["post-9402","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-instagram-widget","tag-instagram-widget-on-showit"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/9402","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=9402"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/9402\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=9402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=9402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=9402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}