How To Embed Instagram Stories On Website (Without Manual Work)

If your team already creates Instagram Stories, the next question is how to embed Instagram Stories on website pages where buying decisions actually happen. 

Stories are some of the most active content on the platform. Instagram has 3 billion monthly active users, and the average user spends about 73 minutes on the Platform each day. More than half a billion people use Instagram Stories daily. Bringing that content onto your site keeps visitors engaged. It adds fresh social proof to product and event pages. It also drives more traffic back to your Instagram profile. 

This guide walks through how to show Instagram Stories on website properties at scale, what the native Instagram embed really gives you (and what it quietly leaves out), and how Flockler handles Stories for marketing teams and developers running enterprise deployments.

First, A Quick Reality Check On Native Instagram Embeds

Before getting into the setup, it helps to clear up a common assumption.

Instagram offers a native embed option for feed posts and Reels through the three-dot menu, and Meta provides an oEmbed endpoint that powers similar embeds at scale. Neither supports Stories. Meta's official documentation lists Stories as an unsupported content type for oEmbed.

This means there is no copy-and-paste embed code from Instagram itself for a Story. The options that actually work are:

• Take a screenshot or screen recording of each Story and upload it as static media. This loses the auto-refresh and the live feel of Stories.
• Convert Stories to Highlights on your profile to make them permanent. Highlights still cannot be embedded through Meta's tools, so this mainly helps people who land on your Instagram profile.
• Use a social media aggregation platform that connects to Instagram's Graph API with the right permissions and handles the Story lifecycle for you.

For ongoing Story display across product pages, campaign pages, and digital screens, the third option is the only practical one. The rest of this guide walks through how Flockler does it.

What You Need Before You Start

Stories work differently from regular Instagram posts, so it helps to confirm a few things first.

You need an Instagram Business account connected via Facebook. The Facebook profile making the connection must be an admin of a Facebook Page, and that Page must be linked to your Instagram Business account. Both are free to set up.

You also need somewhere to paste an embed code. Most CMS platforms support this out of the box, including WordPress, Shopify, Webflow, Wix, Squarespace, Drupal, and TYPO3. If you plan to display Stories inside a custom application or a digital signage system, an API approach makes more sense, which we cover later in this guide.

One more thing worth flagging: Instagram Stories live for 24 hours. Any solution you pick has to refresh on its own; your feed goes empty the moment the original Story expires.

How To Embed Instagram Stories On Website Using Flockler

Flockler is a social media aggregation platform used by over 2,000 organizations to gather, moderate, and display social content on websites and digital screens. For Stories specifically, Flockler connects to your Instagram Business account, pulls in the latest Stories you publish, and automatically refreshes the feed as new Stories go live and old ones expire.

Here is how the setup works.

Step 1: Start A Free Trial And Open Flockler

Sign up for the 14-day free trial. No credit card is needed. Once inside the dashboard, go to the Feeds tab and click Add a new Automated Feed.

Step 2: Connect Your Instagram Business Account

Select Instagram as the source. To pull Stories, connect via Facebook and grant access to the Page linked to your Instagram Business account. Email and password connections only display posts from your own grid and do not support Stories.

Once connected, choose Stories as the content type. Flockler will start collecting any Story you publish, including video Stories, image Stories, and Stories with stickers or text overlays.

Step 3: Set Moderation Rules

Decide how new Stories should appear on your site. Flockler offers three options:

• Auto-publish: New Stories go live in the feed within 5 to 15 minutes of being posted.
• Manual review: Stories sit in your inbox until someone on the team approves them.
• Garde AI moderation: AI filters content across 14 safety categories before anything reaches your displays, useful for brand-safe environments and regulated industries.

You can also block specific keywords or usernames, which matters more when you mix Stories with hashtag content from other accounts.

Step 4: Pick A Layout

Choose how the Stories should look on your website. Flockler supports four display styles:

• Wall: A masonry-style grid that works well on homepages and campaign pages.
• Grid: A clean, fixed-height layout ideal for product and category pages.
• Carousel: A scrollable row that fits inside narrower sections without taking over the page.
• Slideshow: A full-width auto-rotating display for digital signage and event screens.

Customize colors, spacing, and typography so the feed matches your brand. Layouts work across desktop, tablet, and mobile without extra coding.

Step 5: Copy The Embed Code And Paste It

Click Display, copy the JavaScript embed code, and paste it into your website's CMS where you want the Stories to appear. The feed loads on the page within seconds and updates on its own as you publish new Stories.

A note on Story behavior: each Story stays in the feed for 24 hours from the moment it goes live on Instagram, then drops off. If you go a day without posting, the Story slot stays empty until the next one is published. This matches how Stories work natively, which keeps the experience consistent for visitors.

How To Show Instagram Stories On Website With Flockler's API

For development teams building custom applications, brand portals, or digital signage networks, Flockler offers a Content API. This is the same data layer that powers the dashboard layouts, exposed through a unified REST endpoint.

The API matters when templates do not fit. A few examples:

• A retail brand wants Story content to be programmatically populated across hundreds of product pages based on tags.
• A sports league wants live Stories from team accounts to appear in a custom mobile app during match days.
• An agency manages dozens of client sites and needs to deploy and update Story feeds without touching each property.
• A higher education institution wants Stories from campus accounts to feed an interactive lobby display alongside other content.

With Flockler, your team works with a single API rather than maintaining direct integrations with each social platform. Flockler handles authentication, rate limits, schema changes, and platform compliance. Your developers fetch curated Story content through a single endpoint, apply filtering by channel, tag, or section, and render it however the project requires.

API access is included with Premium and Agency subscriptions, and dedicated support is available for enterprise deployments. Full documentation, including endpoints, TypeScript definitions, and code examples, is available at developers.flockler.com/api.

Where To Display Instagram Stories Once They Are Embedded

Embedding Stories is the technical part. The strategic part is choosing where they actually help.

A few placements that tend to work well:

• Homepages: A Story Wall keeps the page feeling current and signals an active brand.
• Product and category pages: Stories featuring real customer use cases add social proof at the moment of consideration.
• Campaign and event pages: Stories from attendees and ambassadors, as well as behind-the-scenes coverage, extend the lifespan of short-form content.
• Digital signage: Slideshow layouts work on retail floors, in lobbies, and at event venues to bring online activity into physical spaces.
• Intranets: Internal teams can see what marketing and field teams are publishing, improving alignment without extra emails.

Harvard University, GoPro, and Hilton Grand Vacations all run Instagram Stories alongside other social content using Flockler, across both web and on-site screens.

Common Issues When Embedding Instagram Stories

A few things to watch for while embedding Instagram Stories on websites::

• Empty Feed After 24 Hours: This is expected behavior. Stories are designed to expire. If you want a longer shelf life, mix Stories with regular Instagram posts in the same feed so the layout always has content.
• Stories Not Appearing: The connected account must be an Instagram Business account, and the Facebook Page admin must be the one connecting it. Email and password connections will not surface Stories.
• Slow Loading on the Website: Use a layout that supports lazy loading, and avoid embedding multiple feeds on the same page unless necessary. Flockler's embed code is optimized for performance, but page weight from other elements still matters.
• Brand Safety Concerns with Mentions or Hashtags: If you ever pull Stories from broader sources, Garde AI and keyword blocking are worth turning on.

Why Embedding Instagram Stories Pays Off

Stories already get attention on Instagram. Bringing them to your website extends that attention onto pages where you control the next step.

For e-commerce, Stories featuring customers and influencers add credibility next to product photos and descriptions. For events, Stories keep the page feeling alive in the run-up and during the event itself. For higher education, Stories from current students show campus life in a way that polished marketing content cannot.

The auto-updating piece is what makes this practical. Once the feed is live, no one on your team has to copy embed codes, refresh layouts, or sweat over expired content. The feed mirrors what is happening on Instagram, on whatever schedule your team already publishes.

Get Started

Embedding Instagram Stories takes a different setup than embedding standard Instagram posts, but the workflow is straightforward once you have the right account connection in place. Pick the path that matches your scale: the Flockler dashboard for marketing-led sites, or the Content API for custom builds and enterprise deployments. Either way, the goal is the same: to show fresh Story content where your audience already spends time.

Try it with a 14-day free trial of Flockler. No credit card needed. You can also browse the Instagram feed widget overview to see additional layout examples.

FAQs

Can I Embed Instagram Stories Using Instagram's Native Tools?

No. Instagram's native embed option and oEmbed endpoint support feed posts, Reels, and videos, but not Stories. To display live Stories on your website, you need a social media aggregation platform that can connect to Instagram's Graph API with the appropriate permissions.

Can I Embed Instagram Stories From Any Account?

You can embed Stories only from an Instagram Business account that you administer through a connected Facebook Page. Stories from accounts you do not manage are not accessible via Instagram's official developer access, which applies to all aggregators.

How Long Do Embedded Instagram Stories Stay On My Website?

Each Story stays in the feed for 24 hours from when it was originally published on Instagram, matching the platform's native behavior. Once expired, Flockler automatically removes it from your website feed.

Do I Need Coding Skills To Embed Instagram Stories With Flockler?

No coding is required for the standard setup. Flockler generates an embed code that you paste into your CMS. Developers who want full control can use the Content API, which is available on Premium and Agency plans.

Can I Display Instagram Stories Alongside Other Social Content?

Yes. Flockler combines Instagram Stories with posts from Instagram, Facebook, X, TikTok, YouTube, LinkedIn, Bluesky, and other supported platforms into a single unified layout. This lets you show a complete picture of your social activity in one place.

Does Flockler Support Instagram Stories On Digital Signage?

Yes. Flockler's Slideshow layout is designed for screens at events, retail locations, lobbies, and stadiums. Stories rotate automatically, and the display refreshes as new Stories are published on the connected account.