{"id":8345,"date":"2021-03-10T12:31:55","date_gmt":"2021-03-10T12:31:55","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=8345"},"modified":"2026-04-27T06:56:02","modified_gmt":"2026-04-27T06:56:02","slug":"how-to-embed-instagram-stories-on-wordpress","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-stories-on-wordpress\/","title":{"rendered":"How to Embed Instagram Stories on WordPress Websites Using Taggbox"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Instagram Stories are a great way to keep your audience engaged and showcase your latest updates. Bringing these stories directly to your website allows visitors to interact with your content without leaving your site. In this guide, we\u2019ll show you a simple, step-by-step process to display your Instagram Stories on WordPress, making your site more dynamic and visually appealing.<\/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\"><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\">Create an Instagram Story Widget For WordPress 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\">Steps to add Instagram Stories to WordPress Websites<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">So, let\u2019s proceed by following these simple steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Create your Taggbox account.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, set up a new <a href=\"https:\/\/app.taggbox.com\/accounts\/register\/\" target=\"_blank\" rel=\"noreferrer noopener\">Taggbox Widget account<\/a> 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=\"2048\" height=\"962\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image.png\" alt=\"Create Taggbox account to add insta stories\" class=\"wp-image-12135\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image.png 2048w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-1024x481.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-768x361.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-1536x722.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Choose an experience to design your Instagram Stories feed.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select <strong>\u201cSocial Feed on Website\u201d<\/strong> for creating a WordPress 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\/2021\/03\/image-1.png\" alt=\"Choose social feed on websites\" class=\"wp-image-12136\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-1.png 1221w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-1-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-1-1024x505.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-1-768x379.png 768w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Choose the network and start creating your feed.&nbsp;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the All Network tab, click on <strong>\u201cInstagram.\u201d<\/strong><\/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\/2021\/03\/image-2.png\" alt=\"choose instagram as source network \" class=\"wp-image-12137\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-2.png 1547w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-2-300x119.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-2-1024x407.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-2-768x305.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-2-1536x611.png 1536w\" sizes=\"(max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>\u201cStories\u201d<\/strong> from the options shown to set up your Instagram Stories feed.&nbsp;<\/li>\n\n\n\n<li>Finally, click the \u201cConnect Instagram\u201d to <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-stories\/\" target=\"_blank\" rel=\"noreferrer noopener\">display Instagram Stories<\/a> on your website.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1048\" height=\"388\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-3.png\" alt=\"Choose &quot;Stories&quot; to display instagram stories on wordpress\" class=\"wp-image-12138\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-3.png 1048w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-3-300x111.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-3-1024x379.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-3-768x284.png 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>\u201cCreate Feed\u201d<\/strong> to start generating your feed.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Taggbox provides a <strong>\u201cDesign\u201d<\/strong> option to customize the display of your feed widget. A newly launched theme named <strong>Story<\/strong> will bring the same view as Instagram Stories right into your website. There are also many more options to choose between according to your need.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Make modifications and personalize your Instagram Stories feed.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the Stories you want to feature on your WordPress website and set them as <strong>Public<\/strong> or <strong>Private<\/strong>. You can also enable <strong>Autopilot<\/strong> to manage them automatically. Then, click <strong>\u201cPublish.\u201d<\/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\/2021\/03\/image-4.png\" alt=\"Moderate your instagram stories\" class=\"wp-image-12139\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-4.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-4-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-4-1024x483.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-4-768x362.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-4-1536x724.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Select your theme and style, personalize the design for your brand, and your <a href=\"https:\/\/taggbox.com\/instagram-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram widget for the website<\/a> is ready to go live.&nbsp;<\/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\/2021\/03\/image-5.png\" alt=\"Personalize your Instagram story feed\" class=\"wp-image-12140\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-5.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-5-300x133.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-5-1024x454.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-5-768x340.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-5-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.&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Select your desired platform and get the embed code.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>\u201cWordPress\u201d<\/strong> to get the embed code for adding your Instagram Stories feed to your WordPress website.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1576\" height=\"759\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-7.png\" alt=\"Embed code for adding instagram stories on wordpress\" class=\"wp-image-12142\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-7.png 1576w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-7-300x144.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-7-1024x493.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-7-768x370.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-7-1536x740.png 1536w\" sizes=\"(max-width: 1576px) 100vw, 1576px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the given code<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps to connect the Instagram Stories Feed to the WordPress website with the embed code<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1.<\/strong> Open the page\/post in your WordPress backend, where you want to embed the Instagram Stories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.<\/strong> In the top left corner of the WordPress Editor, select <strong>\u201c(+) Add Block\u201d<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3.<\/strong> Choose <strong>Custom HTML<\/strong> and <strong>paste<\/strong> the copied embed code in the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.<\/strong> Click on <strong>Publish\/Update<\/strong> post, and you\u2019re done.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"361\" height=\"313\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/Screenshot-33.png\" alt=\"Embed instagram stories on wordpress\" class=\"wp-image-12143\" style=\"width:361px;height:auto\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/Screenshot-33.png 361w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/Screenshot-33-300x260.png 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Add Instagram Stories using WordPress Classic Editor<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1.<\/strong> Open the page\/post in your WordPress backend, where you want to embed the Instagram Stories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.<\/strong> On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3.<\/strong> Paste the generated embed code where you want to show your Instagram widget and click on <strong>Update\/Publish<\/strong> to save the changes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Great! You have successfully embedded Instagram Stories on your WordPress 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 us at <a href=\"mailto:support@taggbox.com\" target=\"_blank\" rel=\"noreferrer noopener\">support@taggbox.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Instagram Stories are a great way to keep your audience engaged and showcase your latest updates. Bringing these stories directly to your website allows visitors to interact with your content without leaving your site. In this guide, we\u2019ll show you a simple, step-by-step process to display your Instagram Stories on WordPress, making your site more [&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":[253,254],"class_list":["post-8345","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-embed-instagram-stories-on-wordpress","tag-embed-instagram-stories-on-websites"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8345","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=8345"}],"version-history":[{"count":7,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8345\/revisions"}],"predecessor-version":[{"id":12264,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8345\/revisions\/12264"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=8345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=8345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=8345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}