How to Embed Instagram Story Highlights

Want to showcase your very best Instagram Story Highlights directly on your website? You’re in the right place. Embedding them is one of the smartest ways to add dynamic, trust-building social proof to your site, and it’s easier than you think. This guide will walk you through exactly how to add your Instagram Highlights to your website, why it’s a brilliant move for your brand, and the best methods to get it done - even if you have zero coding skills.

Why You Should Embed Instagram Story Highlights on Your Website

Before we get into the “how,” let’s talk about the “why.” Embedding your Story Highlights isn’t just about making your website look cooler. It’s a strategic move that can significantly benefit your brand and connect with your audience in a more meaningful way.

1. Put Social Proof on Autopilot

Your highlights are a curated collection of your best moments. They often feature customer testimonials, rave reviews, user-generated content, and behind-the-scenes looks at your products or services. When you embed these on your website, you’re placing powerful social proof exactly where potential customers will see it. It turns passive website browsers into engaged viewers who can see real people loving and using your products or services. It builds instant credibility without you having to lift a finger - it’s social proof on autopilot.

2. Squeeze More Value From Your Content

You put time and creative energy into making great Instagram Stories. It's a shame that they disappear after 24 hours. While highlights give them a longer life on your Instagram profile, embedding them on your website gives them permanent value. That amazing tutorial, Q&,A session, or product launch from a year ago can continue to work for you by engaging new visitors on your homepage, product pages, or blog.

3. Create a Seamless Brand Experience

Your website and your Instagram are two of the most important digital assets for your brand. Embedding highlights creates a powerful bridge between them. It encourages website visitors to check out your Instagram profile and follow you, growing your social media audience. It also showcases your brand's personality and voice, creating a cohesive and memorable experience whether someone finds you through Google or a shared Story.

4. Boost Website Engagement and Dwell Time

Static websites can be a little boring. An interactive feed of your best highlights adds a dynamic element that grabs attention and keeps visitors clicking. When people spend more time on your site watching your highlights and engaging with your content, it sends positive signals to search engines like Google. This increased "dwell time" can contribute to better SEO rankings, making your website more discoverable to new audiences in the long run.

Getting Ready: A Quick Pre-Flight Check

Before you jump in, there are a couple of small but important things to sort out. Getting these right will make the entire process smooth and successful.

Check 1: Your Instagram Account Must Be a Public Business or Creator Account

This is a non-negotiable. Third-party tools can only access and display content from public Instagram profiles. If your account is set to private, no embedding tool will be able to see or fetch your highlights. Take 10 seconds to navigate to your settings and confirm your account is public. You’ll also need to have an Instagram Business or Creator account, which nearly all brands already have.

Check 2: Curate and Tidy Up Your Highlights

Remember, you're showcasing these highlights to a new audience on your website. Take a moment to review them. Do they represent your brand well? Are the cover images clean, on-brand, and easy to understand? Are the titles clear (e.g., "Reviews," "About Us," "FAQs," "How-To")? Your website is your professional storefront, so this is your chance to make sure your embedded collection is just as polished. Choose the highlights that best tell your brand’s story and will be most valuable to someone who might not be familiar with you yet.

Check 3: Know That Instagram Has No Native Embed Option

This is the most common point of confusion. While you can easily get an embed code for a standard Instagram feed post or Reel, Instagram does not provide a built-in feature to embed Story Highlights. It's just not an option they offer. Because of this, we need to turn to some excellent third-party solutions to get the job done. Don't worry, they are specifically designed for this purpose and are incredibly easy to use.

How to Embed Instagram Story Highlights: 3 Easy Methods

Since Instagram doesn't offer a direct way to embed highlights, we need to be a little creative. Here are the three best methods, from the most powerful and professional approach to a simple and quick alternative.

Method 1: Use a Social Media Aggregator Tool (Highly Recommended)

This is, by far, the best way to embed your highlights. Social media aggregator or "social feed" tools are web apps designed to pull your social media content and display it beautifully on your website. They handle all the technical heavy lifting for you.

Tools like SociableKIT, Curator.io, or EmbedSocial are excellent examples. While they each have different features, the general process is very similar.

• Step 1: Sign up for a service. Choose a social feed tool and sign up for an account. Most of them have free plans that are perfect for getting started and embedding your highlights on one website.
• Step 2: Connect your Instagram account. Once you're signed in, the platform will guide you to connect your Instagram Business or Creator account. You'll simply need to log in to Facebook/Instagram and authorize the application.
• Step 3: Create a highlights "widget" or "feed". In the tool’s dashboard, you’ll create a new feed. It will ask for the source - you'll specify your Instagram username and then select "Story Highlights" as the content type you want to display.
• Step 4: Customize the appearance. This is the fun part. The tool will give you tons of options to customize how your highlights look on your site. You can choose layouts (like a grid, carousel, or slider), change colors to match your brand, adjust spacing, and more.
• Step 5: Get your embed code. After you've finished customizing, the platform will generate a small snippet of code. This is usually just one or two lines of JavaScript or an HTML iframe. Just click the "Copy" button.
• Step 6: Paste the code on your website. Log in to your website’s editor (WordPress, Shopify, Squarespace, Wix, etc.). Find the page where you want the highlights to appear and add an "HTML" block, "Code" block, or "Embed" block. Paste the code you just copied, and you're done! Your interactive highlights feed will now appear and will update automatically whenever you add new stories to your highlights on Instagram.

For example, the code might look something like this:

<,div class="sociablekit_widget" data-is_instagram_story="true">,<,/div>,
<,script src="https://sociablekit.com/embed.js" async>,<,/script>,

The payoff? Your highlights look professional, are fully interactive, and update automatically. It’s a “set it and forget it” solution.

Method 2: For WordPress Users - Leverage a Plugin

If your website is built on WordPress, you’re in luck. The WordPress ecosystem is full of powerful plugins, and many of them are designed specifically for displaying social media feeds.

Plugins like Smash Balloon's Spotlight or Tagembed offer dedicated functionalities for embedding Instagram content, including Highlights. The process is very similar to using a web-based tool, but it all happens inside your WordPress dashboard.

• Step 1: Install and activate the plugin. Go to your WordPress Dashboard, navigate to "Plugins" >, "Add New," and search for an Instagram feed plugin that supports stories or highlights.
• Step 2: Connect your account. Once activated, the plugin will provide a setup wizard. You’ll be guided to connect your Instagram account safely through an official API.
• Step 3: Build your highlights feed. Just like the cloud-based tools, you’ll be able to choose "Highlights" as your source type and then use a visual builder to customize the layout, colors, and design to perfectly match your website's theme.
• Step 4: Embed with a shortcode or block. The plugin will give you a simple shortcode (like [instagram-feed]) or a dedicated Gutenberg block. Just paste that shortcode or add the block to any page, post, or sidebar where you want the feed to appear.

The payoff? This is a perfectly integrated solution for WordPress users. It often provides deep customization options and keeps everything managed within your familiar website environment.

Method 3: The Manual Screenshot-and-Link Approach (The Low-Tech Workaround)

Let's say you don't want to use a third-party tool or plugin. You can still create the visual appearance of embedded highlights with this quick and dirty method. Be warned: this method is not interactive and does not update automatically.

• Step 1: Get the link to your highlight. Open Instagram on your phone, navigate to your desired highlight, tap on it, and then look for the "Share" icon (it often looks like a paper airplane). From there, you should find a "Copy Link" option.
• Step 2: Take a high-quality screenshot. Take a crisp screenshot of your highlight cover icons as they appear on your profile. You can even design a simple graphic in a tool like Canva to display your highlight covers.
• Step 3: Upload the image to your website. Add the screenshot or graphic to your website's media library just like any other image.
• Step 4: Place the image and link it. Add the image to your desired page. Then, make that image a clickable link and paste in the highlight URL you copied in the first step.

The drawback? This is a much more limited approach. Visitors can't click through the stories on your site, they are instead redirected to the Instagram app. You also have to manually update the images and links if you ever change your highlights. However, it's a completely free and fast way to visually represent your highlights if you're in a pinch.

Final Thoughts

Embedding your Instagram Story Highlights on your website is one of the easiest wins for strengthening your brand's digital presence. It enriches your site with engaging content, builds trust with new visitors through authentic social proof, and creates a seamless-feeling experience between your dot com and your social media.

Of course, all this effort in crafting beautiful Highlights begins with consistently posting great Stories in the first place. We've seen firsthand how a solid content plan keeps that process organized and on-brand, which is why we built Postbase with a clean, visual calendar. It makes planning and scheduling your Instagram Stories - and all your other social content - feel simple and straightforward, so your feed and future Highlights are always packed with your best, most intentional work.