How To Embed Instagram Stories On Website For Free – Complete Guide

How about unlocking the door of innumerable opportunities & possibilities by embedding Instagram stories on your website?

Instagram is one of the highly used social media platforms by brands & businesses to market their brand and reach more consumers. Businesses also use this platform for boosting brand awareness, increasing audience engagement, building strong trust & loyalty, and many more.

One of the amazing & trending features offered by Instagram is ‘Instagram Stories,’ which can help you in the extensive growth of your products or services online. 

In this blog, you’ll learn about Instagram stories, how to embed Instagram stories on the website briefly, and the various benefits this strategy offers.

Instagram Story – The New Age Creative Content 

Launched in August 2016, Instagram Stories is referred to as a short snapshot or highlight on the Instagram widget that disappears for 24 hrs. but can be seen in archives.

And to extract maximum benefits from the platforms, several big and small brands are embedding Instagram feed and stories on their respective websites to increase their brand reach and spread awareness.

The plethora of amazing features, such as filters and tags, that come with stories make it a functional and effective marketing tool for brands.

You can make the most of this Instagram feature by integrating it into your website. To do so, follow the steps outlined below.

4-Step Guide to Embed Instagram Stories On Your Website For Free

Step 1 – Create your Tagembed account

• Start by creating a free Tagembed account or logging in with your old account.

• A dashboard will appear with the following options: Social feeds on the website or Shoppable feeds on the website. Select the option that best aligns with your brand goals and proceed. 

• Now choose your industry, add your phone number, and click ‘Submit. Verify your email ID and continue. 

Step 2 – Create the Gallery

• From the ‘Content’ option on the sidebar, select ‘Instagram’ as your source network. 

• Create your feed by selecting ‘Stories’ from the options: Hashtags, My Handle, Handle, Stories, Mentions, Tagged, and Reels. 

• Connect your Instagram and click on ‘Create Feed’.

Step 3 – Moderate and Customize 

• Once your feed is created, you will automatically be redirected to the content gallery dashboard. 
• Here, you can moderate your feed and remove content using AI.
• Now navigate to the ‘Publish’ option. Customize your content gallery by adding themes, layouts, colors, backgrounds, and more. 

Step 4- Embed Instagram Gallery on Website

• Once done, click on ‘Generate Code’ and select the CMS platform where you want to embed the code. 

• Adjust the width and height, then copy and paste the code into your website’s backend. 

Note: You can also make your Instagram story content shoppable by tagging products in posts via Tagembedx. 

Embed Instagram Stories On Various Website Platforms:

As mentioned, Tagembed is compatible with various website-building platforms. Each platform has its steps for embedding, and the steps for each are explained below. Let’s address them one by one.

1. Add Instagram Stories on HTML

• Log in to your website.
• Go to the backend of your webpage where you want to display Instagram stories
• Paste the copied code from Tagembed & apply the changes

2. Embed Instagram Stories on WordPress

• Login to your WordPress website
• Select the Text Mode from the Visual and Text Option that will appear on the right-hand side of your screen.
• Paste the generated code in the body section where you want to showcase the Instagram widget on WordPress website
• Finish the process by clicking on the Update button and reloading your webpage. You’ll see your embedded Instagram Stories on your WordPress website.

3. Add Instagram Stories on Shopify

• Log-in to your Shopify account.
• Click on Online Store that you will find under the Sales Channels section. 
• From the drop-down list, select the Themes option in the sidebar.
• On the right-hand side of the screen, click on the Action Button.
• Now select Edit code from the drop-down list.
• Select Layout/Templates/Section where you want to display your Instagram stories.
• Paste the copied code for Tagembed and click on Save.

4. Embed Instagram stories on Wix

• Log in to your Wix account.
• On the left menu panel, click on the +ADD button, select Embed Button, and then click on Embed a Widget.
• Paste the code in the input field and click on the Apply button.
• Finally, save the changes made.

5. Add Instagram Stories on Squarespace

• Begin with logging into the Squarespace account.
• Use the Embed Blocks to add any external code on the web page.
• Now add a block on the page, open a page editor, and then click on “Add Block.”
• Now select Embed from the menu.
• Click the </> icon in the URL field.
• Now, paste your embed code on that box.
• Click Set
• Lastly, save the changes by clicking on the Apply button.

6. Embed Instagram Stories on Weebly

• Find the Embed Code element and then drag and drop it where you want to see Instagram stories on the website.
• Click on the HTML box.
• Then, choose the Edit Custom HTML option.
• Paste the embedding code to embed Instagram stories on Weebly website.
• Save the changes and update it. 

7. Display Instagram Stories on the Elementor Website

• Open the widget editor and click on the “Embed Widget” button.
• Select “Other” as your platform and click “Copy Code” to get the embedding code for the Instagram stories.
• Log in to your Elementor site and go to the page or post where you want to add Instagram stories.
• Open the Elementor editor, find the HTML widget, or drag and drop a new one onto the desired section.
• Paste the copied Instagram stories embed code into the HTML widget.
• Save your changes in the Elementor editor.
• Reload your site to verify that the Instagram stories are live.

8. Add Instagram Stories on the Webflow Website

• To generate the Instagram stories embed code, click the Embed Widget button.
• Then, choose Other as your CMS platform.
• Set the height & width of the feed widget and then click on the Copy code button.
• Your webflow Instagram stories embed code is now copied to your clipboard.
• Now login to the admin panel of your Webflow website account.
• Navigate to the page where you want to embed the Instagram stories.
• From the menu panel, click the add element and scroll to the “embed” option.
• Drag & Drop the embed element to your webpage where you want to embed the Instagram stories.
• Paste the embed code and Save the changes made.
• Reload your webpage to view the live embedded Instagram on webflow website.

Other Options To Add Instagram Stories On Website Using Tagembed Plugins:

1. Tagembed Shopify App

Shopify is certainly the best eCommerce platform. Various merchants have shown great trust on the platform, and it has delivered on their expectations. One of the significant aspects of the platform’s popularity is due to its apps. You can find the Tagembed Shopify app on the Shopify app store and use it to collect, curate, customize and display social media feeds on your Shopify store.

The app helps you increase the beauty and functionality of the website by offering a simplified embedding process. You can find this app easily on the Shopify store and use to display social media feeds on your website in style. Moreover, you can even make your social media feeds shoppable and increase the functionality of your Shopify website.

2. Tagembed WordPress Plugin

WordPress stands as one of the best website-building platforms because of its easy-to-operate interface and plugins. If you have a WordPress website, you can use the Tagembed WordPress plugin to embed Instagram Stories on website.

You can find Tagembed’s plugin on the plugin store with ease and use to accumulate and display social media feeds in a presentable way. In addition, the plugin offers various features such as customization, moderation, analytics, and more, making it an ideal plugin for your WordPress website.

Benefits of Embedding Instagram Stories on Website:

This not-so-old yet popular promotional tool for brands & businesses comes with various benefits. With the help of free social media aggregator tools like Tagembed, you can enjoy all the benefits associated with embedding Instagram Stories on the website. 

So continue reading!

1. New Form of Advertising & Promotion

How about leveraging Instagram Stories for advertising & promotion of your brand? Yes, you read it right! Brands can now quickly generate a code, send it to any third-party platform (blogger, web portal, etc.) & display the stories in the form of ads. 

2. Boost Reach of Your Creative Content 

The moment you embed Instagram stories on your website, you not only expand the reach of your engaging & creative content but also gain the attention of new users. 

So, grab this opportunity to create more such content to experience the maximum reach as well as return on the content production via Instagram Stories.

3. Re-Purpose Instagram Stories

Speaking of the latest social media feeds or social marketing scenarios, Instagram Stories offer endless digital interaction opportunities and possibilities for businesses. Why? Because Instagram Stories is one of the content formats that is considered the KING, which is attracting a large audience.

4. Time & Cost Efficient 

Syncing your latest Instagram stories with your website not only boosts their exposure beyond the platform but also saves on the costs of manual resources.

Final Words

In a nutshell, you can sync & display all the latest Instagram Stories on your website to give your site visitors a quick snapshot of what’s new with your brand.