SE
StoryEmbed
Updated for 2026

How to Embed Instagram Stories on Your Website

Show your latest Instagram Stories directly on your site — no plugins, no API keys, no monthly fees to Instagram. One iframe line is all it takes.

In this guide

  1. 1. Why embed Instagram Stories on your website?
  2. 2. How Instagram Story embeds work in 2026
  3. 3. Step-by-step: generate your iframe embed code
  4. 4. How to install the embed on WordPress, Webflow, Framer & HTML
  5. 5. Frequently asked questions

1. Why embed Instagram Stories on your website?

Instagram Stories disappear after 24 hours — but that doesn't mean they have to vanish from your marketing. Embedding them on your website lets you:

  • ⚡

    Keep your site fresh automatically

    Every time you post a new Story, your website updates without you touching anything.

  • 📈

    Increase dwell time

    Visitors who engage with Stories spend up to 3× longer on your page, reducing bounce rate.

  • 🛒

    Drive product discovery

    Show behind-the-scenes content, product drops, and limited offers in a format your audience already loves.

  • 🔗

    Bridge Instagram and your owned channel

    Your website is yours. Your Instagram audience isn't. Stories bring them home.

2. How Instagram Story embeds work in 2026

Instagram does not offer a native Story embed API — their official oEmbed endpoint only supports feed posts. For Stories, you need a third-party tool that securely fetches and caches your stories server-side, then serves them through a clean iframe widget.

StoryEmbed handles this entirely for you:

  1. 1

    You enter your Instagram handle on StoryEmbed.com.

  2. 2

    StoryEmbed fetches your latest active Stories using its own connection — no login required from you.

  3. 3

    Stories are cached and served through a fast CDN-backed iframe widget.

  4. 4

    You paste one line of HTML anywhere on your site. Done.

Note: Instagram changes its API regularly. StoryEmbed maintains the integration so you don't have to. If anything breaks on Instagram's end, we fix it — your embed keeps working.

3. Step-by-step: generate your embed code

01

Go to StoryEmbed.com

Open storyembed.com. You'll see an input field right on the homepage — no account required to generate a preview.

02

Enter your Instagram handle

Type your username (e.g. @yourbrand) or paste your full Instagram profile URL. Hit Continue.

03

Wait ~5 seconds while we fetch your stories

StoryEmbed pulls your latest active Stories from Instagram and caches them. This usually takes 3–5 seconds.

04

Copy your iframe snippet

Once ready, you'll see a code box with your personalised embed. Hit Copy code — it's a single <iframe> tag.

05

Paste it on your website

Drop the iframe anywhere in your HTML, page builder, or CMS. Your Stories appear instantly.

Your embed will look like this:

<iframe src="https://storyembed.com/widget/overlay/yourbrand" width="320" height="568" frameborder="0" allow="autoplay; fullscreen" title="Instagram Stories by @yourbrand"></iframe>

4. Installing the embed on your platform

🔵 WordPress

  1. 1 Open the post or page where you want the Stories widget.
  2. 2 Add a Custom HTML block (search "HTML" in the block inserter).
  3. 3 Paste the iframe code into the block.
  4. 4 Click Update / Publish.

🟣 Webflow

  1. 1 Open the Webflow Designer.
  2. 2 Drag an Embed element onto the canvas.
  3. 3 Paste the iframe code into the embed editor.
  4. 4 Hit Save & Close, then Publish.

⚫ Framer

  1. 1 In your Framer project, add a new component.
  2. 2 Choose Embed from the Insert panel.
  3. 3 Paste the iframe URL (the src value) into the URL field.
  4. 4 Set width to 320 and height to 568. Publish.

🟠 Raw HTML

  1. 1 Open your HTML file in any editor.
  2. 2 Paste the full <iframe> tag wherever you want the widget.
  3. 3 Save and upload — no further steps.

5. Frequently asked questions

Do I need an Instagram developer account?

No. StoryEmbed handles the Instagram connection on our end. You only need your public Instagram handle.

Will the embed update automatically when I post new Stories?

Yes. The widget refreshes automatically. New Stories appear within minutes of being posted.

Does it work with private Instagram accounts?

No — the account must be public for StoryEmbed to access your Stories.

Is there a limit on how many Stories are shown?

On the free plan, up to 5 active stories are displayed. Upgrade to Premium for unlimited stories.

Will the embed slow down my page?

No. The widget loads inside an isolated iframe, so it has zero impact on your Core Web Vitals or page speed score.

Does it work on mobile?

Yes. The widget is fully responsive and renders perfectly at 9:16 aspect ratio on every screen size.

Is it free?

Yes — StoryEmbed has a free tier that covers one Instagram account and up to 5 active stories. No credit card required.

Free — no credit card

Try it right now

Enter your handle, get your embed code in 30 seconds.