Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Instagram Story Highlights on your iFrame website for FREE?

Feature your Instagram Story Highlights on your website to share key moments and showcase your brand's best content in a lasting, engaging format.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Instagram Story Highlights on your iFrame website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 24, 2026 5 min read Ask ChatGPT
Quick answer

Your Instagram Story Highlights on iFrame website — live in 3 steps

SociableKIT syncs your instagram story highlights automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Instagram Story Highlights in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your iFrame website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Instagram Story Highlights with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your iFrame website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Instagram Story Highlights on your iFrame website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Instagram Story Highlights widget

The first part is creating your Instagram Story Highlights widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Instagram Story Highlights on your iFrame website for FREE?
  2. Select "Instagram Story Highlights" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Instagram Story Highlights" on the dropdown - How to embed Instagram Story Highlights on your iFrame website for FREE?

    3. Enter your Instagram username.

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Instagram Story Highlights on your iFrame website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Instagram Story Highlights on your iFrame website for FREE?
  5. Paste the embed code and save your iFrame website page. Please follow the second part below to add Instagram Story Highlights widget to your iFrame website .

Add Instagram Story Highlights widget to your iFrame website

The second part is adding your Instagram Story Highlights widget to your iFrame website . After you customize your Instagram Story Highlights widget and copied the embed code, it is time to add it to your iFrame website . Follow the steps below.

  1. Copy your free Instagram Story Highlights widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Go to the widget you like to embed, click the Embed on Website button, and choose the Website option.
  3. On the code section, choose the Link option.
  4. Copy the Link code.
  5. In any of your editor/builder to be used, create an iFrame tag.
  6. Add an "src" attribute in the iFrame and paste the copied link.
  7. Add width="100%", height=1000 (depends on your desired height), frameborder=0 (to have no border).
  8. Done! Save and check your website.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Instagram Story Highlights on your iFrame site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Go to the widget you like to embed, click the Embed on Website button, and choose the Website option.
  4. On the code section, choose the Link option.
  5. Copy the Link code.
  6. In any of your editor/builder to be used, create an iFrame tag.
  7. Add an "src" attribute in the iFrame and paste the copied link.
  8. Add width="100%", height=1000 (depends on your desired height), frameborder=0 (to have no border).
  9. Done! Save and check your website.
Full iFrame tutorial →

To embed Instagram Story Highlights on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Instagram Story Highlights on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Instagram Story Highlights on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Instagram Story Highlights on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Instagram Story Highlights on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Instagram Story Highlights on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Instagram Story Highlights on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Story Highlights widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Instagram Story Highlights template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your iFrame website.

Widget previewCarousel
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Instagram Story Highlights on your iFrame website.

What is the SociableKIT Instagram Story Highlights widget?

The SociableKIT Instagram Story Highlights widget lets you display selected Instagram Story Highlights on your website. It helps visitors see your best saved moments, product stories, customer content, events, or behind-the-scenes updates without leaving your page. It is a simple way to turn your Instagram content into website social proof.

Can I embed Instagram Story Highlights on my website?

Yes. SociableKIT helps you create an Instagram Story Highlights widget, customize it, and embed it on your website with a simple code snippet. You do not need to build a custom integration from scratch.

Do I need coding skills to use this widget?

No. You can create the widget in SociableKIT, choose a template, adjust the design, and copy the embed code. Most website owners can add it using a custom HTML, embed, or code block in their website builder.

What is the difference between Instagram Stories and Story Highlights?

Instagram Stories are temporary and usually disappear after 24 hours unless they are added to Highlights. Story Highlights are saved groups of stories that can stay on your Instagram profile until you remove them. This makes Highlights better for evergreen website content like testimonials, FAQs, product tours, and event recaps.

Will my Instagram Story Highlights update automatically on my website?

SociableKIT offers automatic syncing on paid plans, so your widget can stay updated without constant manual work. On the free plan, you can keep the widget current with sync requests. This helps your website show fresh content while saving time.

Can I customize how the Instagram Story Highlights widget looks?

Yes. You can customize the layout, colors, fonts, spacing, and other design settings so the widget fits your website. SociableKIT also gives you templates to start faster instead of designing from a blank page.

Is the Instagram Story Highlights widget mobile-friendly?

Yes. The widget is designed to work on desktop, tablet, and mobile screens. This is important because many visitors will view your website from a phone, where Story-style content feels natural.

Will this widget work with my website builder?

Yes. SociableKIT works with website builders that allow custom HTML, embed code, or code blocks. You can use the same general process for many popular builders, and support can help if you are not sure where to place the code.

Can visitors view my Story Highlights directly on my website?

Yes. The widget helps visitors interact with your Instagram Story Highlights from your website instead of forcing them to search for your profile first. This keeps more attention on your page while still showing your social proof.

Do I need an Instagram Business or Creator account?

A supported Instagram account is usually needed so SociableKIT can access and display the content properly. If your current setup does not work, SociableKIT support can help you check the account, source, and connection requirements. This avoids guessing and helps you fix setup issues faster.

Can I show Highlights from a private Instagram account?

Private or restricted Instagram content may not be available for public display on a website. For the best result, use content that is visible and allowed to be shown publicly. This helps prevent missing content or broken visitor experiences.

Can I choose which Instagram Story Highlight appears?

Yes. The widget is built to help you feature the Instagram Story Highlight content you want to show on your website. This is useful when you want a focused section for customer stories, product education, event recaps, or brand proof.

Can I display more than one Instagram Story Highlight?

You can create more widgets or add more sources depending on your plan and setup needs. This gives you flexibility if you want separate Highlight sections for products, services, locations, or campaigns. SociableKIT pricing is designed to scale based on the sources you use.

Can I moderate or control what appears in the widget?

SociableKIT gives you display and customization controls so your widget supports your brand and page goals. Some plans also include moderation-related features where available. This helps you keep your website content cleaner and more intentional.

Will the widget slow down my website?

SociableKIT is designed to make embedding social content simple without requiring you to host the content manually. As with any embedded media, page speed can depend on your website setup, page size, and number of widgets. A focused Highlight section is usually a cleaner choice than adding many heavy media files directly to a page.

What happens if a Highlight is deleted or removed from Instagram?

If the original Highlight or story content is removed, hidden, restricted, or no longer available from Instagram, it may stop appearing in the widget. SociableKIT can only display content that is available from the connected source. If something disappears unexpectedly, check the Instagram content first, then refresh or contact support.

Why should I embed Instagram Story Highlights instead of adding screenshots?

Screenshots are static and can become outdated quickly. A SociableKIT widget gives you a more flexible, branded, and easier-to-update way to show your saved Instagram content. It also saves time when you want your website to feel current without rebuilding the page.

Is there a free plan for the Instagram Story Highlights widget?

Yes. SociableKIT has a free plan, so you can create a working widget and test it on your website. When you need premium features like automatic syncing, unlimited views, or branding removal, you can upgrade.

Can I remove SociableKIT branding from the widget?

Yes. Branding removal is available on paid plans. This is helpful when you want the widget to look fully aligned with your website and brand experience.

Can SociableKIT help me set up the Instagram Story Highlights widget?

Yes. SociableKIT offers support to help you create, customize, and embed your widget. Paid plans include 24/7 chat and email support, which is helpful when you want the widget live quickly.

Add your Instagram Story Highlights widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Instagram Story Highlights widget page →