How to Embed Instagram Stories to Business Website

Comments · 161 Views

in this blog, we have given steps on how to embed Instagram stories to the business website.

If you're looking to add some dynamic visual content to your website, embedding Instagram Stories is a great way to do so. Instagram Stories is a popular feature that allows users to share temporary, visual content that disappears after 24 hours. In this blog post, we'll cover how to embed Instagram Wall Stories on any website.


Step 1: Make Sure Your Instagram Account is Public 

The first step to embedding an Instagram Story is to ensure that your account is set to public. If your account is private, you won't be able to embed your stories on your website. To check your account status, open the Instagram app and navigate to your profile. Tap the three lines in the top-right corner, and then select "Settings." From there, select "Privacy" and make sure that the "Account Privacy" button  is turned off.

Step 2: Create an Instagram Story

The next step is to create an Instagram Story that you want to embed on your website. Firstly, Open the Instagram app, and click the camera icon in the top-left corner of the screen. Take a photo or video, or select one from your camera roll or gallery. Add any filters, stickers, or text as desired, and then post it to your story.

Step 3: Get the Instagram Story Embed Code

Once you've created your Instagram Story, you'll need to get the embed code. To do this, tap the three dots in the top-right corner of your story, and then select "Share." Next, select "Embed" and then "Copy Embed Code."

Step 4: Embed the Instagram Story on Your Website

Now that you have the embed code, you can add the Instagram Story to your website. Open the HTML editor for the page on which you want to add the story, and then paste the embed code where you want the story to appear. Save the changes, and the Instagram Story should now be embedded on your website.

Tips for Embedding Instagram Stories

1. Make sure that the Instagram Story is set to "public" before attempting to embed it.

 The dimensions of the embedded story may not match the dimensions of your website, so you may need to adjust the size of the embedded element accordingly.

 Some website builders may not support embedding Instagram Stories, so be sure to check the documentation for your specific platform.

 Keep in mind that Instagram Stories are temporary and will disappear after 24 hours. If you want the story to remain on your website permanently, you'll need to take a screenshot or find another way to capture the content.

However, there are some additional best practices that you can follow to ensure that your embedded Instagram Stories are as effective as possible.

Choose Stories That Align With Your Website's Purpose

When selecting which Instagram Stories to embed on your website, it's important to choose ones that align with your website's purpose and messaging. For example, if your website is focused on fashion, you might embed Instagram Stories that showcase your latest fashion collections or highlight fashion influencers that you collaborate with.

Consider Adding Contextual Information

Since Instagram Widget Stories are designed to be temporary and fleeting, they may not always make sense out of context. To ensure that your website visitors understand the significance of the embedded story, consider adding some contextual information. This could include a brief caption or introduction that explains what the story is about and why it's relevant to your website.

Optimize for Mobile Viewing

Since the majority of Instagram users access the platform from their mobile devices, it's important to ensure that your embedded Instagram Stories are optimized for mobile viewing. Make sure that the embedded element is responsive and adjusts to different screen sizes. You may also want to consider using mobile-friendly fonts and formatting to make the story more accessible on smaller screens.

Use Instagram Story Highlights

If you want to showcase Instagram Stories on your website that are no longer available on your profile, you can use Instagram Story Highlights. Story Highlights are collections of stories that you can save to your profile and feature on your profile page. You can then embed these highlights on your website, allowing visitors to access the stories even after they have expired.

By following these best practices, you can ensure that your embedded Instagram Stories are engaging, relevant, and effective. With a little creativity and some strategic planning, embedding Instagram Stories on your website can be a powerful way to connect with your audience and enhance your online presence.


In conclusion, embedding Instagram Stories on your website can be a great way to add some visual interest and engage your audience. By following these simple steps and tips, you can easily add Instagram Stories to any website.


social media aggregator
User generated content
Social Wall
Event Wall
Hashtag Wall
Twitter Wall
Instagram wall
Wedding Wall
Twitter Widget
Instagram Widget
Facebook Widget
Linkedin Widget
Youtube Widget