How To Embed Instagram Stories On Website For Free?

This tutorial will teach you how to embed Instagram Stories on your Website for free.

Your Instagram Stories does not reach your website visitors. Imagine your website does not display your Instagram Stories. In that scenario, you're missing out on opportunities to get more customers, increase your fans, engage your followers, and make your website more valuable.

You work hard daily to manage your Instagram Stories. You put a lot of time, effort, and resources into ensuring your content is impressive and valuable. But your website's customers, audience, and fans still do not see and engage with your Instagram Stories content.

We will use SociableKIT to solve the problem described above. SociableKIT is a free website widget that will help you add or embed Instagram Stories on your website. No coding is required. We designed our Instagram Stories widget to be easy to use.

The Instagram Stories feed is part of our Instagram feed

CONTENTS

• Video tutorial
• Complete guide
• Live demo
• Support
• Testimonials
• Embed on website builder
• Embed now
• Related solutions
• Please share!

Video tutorial - Embed Instagram Stories on website for free

To learn how to embed Instagram Stories on your website for free, watch our video below.

Complete guide - Embed Instagram Stories on website for free

To embed Instagram Stories on website for free, follow the steps below.

1. Sign up free to SociableKIT. You will be automatically logged in after you enter your email and click the signup button. 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.
2. Select "Instagram Stories" on the dropdown. SociableKIT offers several social media feeds solutions. You might need to search it using the highlighted area below. Once found, you can then select it.
3. Enter your Instagram username.
4. 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.
5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.
6. Paste on your website. Create a new page or edit your Website page. Paste the Javascript code you copied from SociableKIT. Here's an example HTML page where I pasted the code.
7. View your page. Save or publish your page. View it in your web browser. Done!

Live demo

A live demo of our Instagram Stories solution is shown below. You can click the different layouts such as Masonry layout, Grid, and Carousel if available.

Fast and friendy support

Got questions, comments, or suggestions? Chat with us using our live chatbox on the lower right corner of this page. You may also use the chatbox located here.

If you prefer email, your may email us at [email protected]

Testimonials

Thousands of creators and business owners already do embed Instagram Stories on their website using SociableKIT. SociableKIT help them do it fast, easy, and with no coding required! Here's what our customers feel.

Embed Instagram Stories on website in 3 minutes

Quickly upgrade your website by embedding Instagram Stories on website in 3 minutes. Sign up to SociableKIT now!

Website builders

Are you using a specific website builder? The following sections will show you how to use the embed code on commonly used website builders. If you don't see your website builder, you can find it here.

Embed Instagram Stories on Squarespace

To embed Instagram Stories on Squarespace, use the SociableKIT embed code and follow the steps below.

1. Login to Squarespace. Create a new blank page or edit your existing page.
2. Paste embed code. Add a Code Block. Paste the JavaScript code from SociableKIT into the code text area. Click the “Apply” button. Click the “Save” button.
3. Refresh your page. Done!

View Squarespace complete guide

Embed Instagram Stories on WordPress

To embed Instagram Stories on WordPress, use the SociableKIT embed code and follow the steps below.

1. Login to your WordPress site. Create a new WordPress page or edit your existing page.
2. Paste the embed code. On the body of your page, click the plus icon and click Custom HTML. Paste the code in the text area. To preview, click the preview tab.
3. View your page. Click the Publish or Update button of your WordPress page. Click view page.

View WordPress complete guide

Embed Instagram Stories on Weebly

To embed Instagram Stories on Weebly, use the SociableKIT embed code and follow the steps below.

1. Login to Weebly. Create a new page or edit your existing page.
2. Paste embed code. On the top menu, click "Build". On the sidebar, drag "Embed Code" option on your page. Click to set custom HTML. Click "Edit HTML". Paste the code you copied from SociableKIT.
3. View your page. In the upper right corner, click the “Publish” button. Click the link to your site. Done!

View Weebly complete guide

Embed Instagram Stories on Wix

To embed Instagram Stories on Wix, use the SociableKIT embed code and follow the steps below.

1. Login to Wix. Create a new page or edit your existing page.
2. Paste the link. On the left, click "Add". Click "More". Drag "Embed a site" on your page. Resize the container. Click "Enter Website Address". Paste the link you copied from SociableKIT.
3. View your page. Click "Publish" on the upper right. Click "View site". Done!

View Wix complete guide

Embed Instagram Stories on Webflow

To embed Instagram Stories on Webflow, use the SociableKIT embed code and follow the steps below.

1. Login to Webflow. Create a new page or edit your existing page.
2. Paste the embed code. On the left, click "Add Element". Drag "Embed" to your page. Paste the JavaScript code you copied from SociableKIT.
3. View your page. On the upper right, click "Publish" > "Publish to Selected Domains". View your page. Done!

View Webflow complete guide

Related solutions for your business

Did you know you can embed other social media feeds on your website? We have related solutions that can be useful to you and your business!

Please share!

If you think this tutorial about how to embed Instagram Stories on website for free is helpful, please share it with your friends! Thank you and we appreciate your kind support!