> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://socialhead.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to create Instagram Stories Widget

Articles on: [Socialwidget](/en/category/socialwidget-1wilu9k/)

**Enhance your storefront with our newest feature – the Instagram Stories Widget – and take your Instagram integration to the next level.**

If you're looking to showcase dynamic and engaging content directly from your Instagram stories on your Shopify storefront, this feature is for you. The Instagram Stories Widget helps boost social proof, increase conversions, and keep your visitors engaged with visually captivating story-style displays.

> 🔔 **Important**: Make sure you are subscribed to the appropriate [Socialwidget Pricing Plan](https://socialhead.io/socialhead-news/socialwidget-pricing/) to access this feature.
---
### Table of Contents.

1. [What is the Instagram Stories Widget?](#1-1-what-is-the-instagram-stories-widget)
2. [What are Benefits of Using Instagram Stories Widget](#1-2-what-are-benefits-of-using-instagram-stories-widget)
3. [How to create Instagram Stories Widget](#1-3-how-to-create-instagram-stories-widget)
* [Create a Media Source](#3-create-a-media-source)
* [Create a Gallery](#3-create-a-gallery)
* [Group Your Stories](#3-group-your-stories)
* [Create a Stories Widget](#3-create-the-stories-widget)
---

# 1. What is the Instagram Stories Widget?

The **Instagram Stories Widget** is a Socialwidget feature that lets you pull Instagram story content from your **Business Instagram Account** and display it on your Shopify storefront. It brings your content to life in an eye-catching, swipeable format similar to native Instagram Stories.

> 📌 **Note**: This feature only works with [Business Instagram accounts](https://socialhead.crisp.help/en/article/understanding-instagram-account-types-and-their-compatibility-with-socialwidget-ulodyv/#1-3-how-to-switch-from-personal-to-professional-account).

# 2. What are Benefits of Using Instagram Stories Widget

* **Boost Engagement**: Stories are short, impactful, and visually appealing – great for keeping your audience hooked.
    
* **Drive Conversions**: Highlight products in a format users are familiar with.
    
* **Customizable Display**: Tailor the layout, transition times, and content for a cohesive brand experience.
    
* **Organized Collections**: Use story groups to organize content and highlight themes or promotions.

# 3. How to create Instagram Stories Widget

### Create a Media Source

1. **Go to the Media Source tab** in your Socialwidget dashboard.
    
2. **Click "Add new Source"**.
    
3. **Select "Instagram Stories"** as the source type.

![Instagram Stories Media Source](https://storage.crisp.chat/users/helpdesk/website/e6d3510bad207000/e00c18e6-b6c5-4159-ae2c-0c4326_1pesj0d.png)

> 🔍 Make sure you’re connecting a **Business Instagram account**. Personal accounts are not supported.

### Create a Gallery

1. **Navigate to the "Gallery" tab** and click **"Add new Gallery"**.
    
2. **Select "Instagram Stories"** as the gallery type
    
3. **Enter a Gallery Name**, select the media source, and click **OK**.

![Create Gallery](https://storage.crisp.chat/users/helpdesk/website/4a354479c8eea800/32349922-777e-4810-9d6a-b38ac0_oazojf.png)
![Gallery Media Source](https://storage.crisp.chat/users/helpdesk/website/f724f8e2a2429000/0edfc76a-2f2d-48fc-a211-21742f_1r458iy.png)

> 💡 **Tip**: Galleries help you manage story content and prepare it for use in widgets.

### Group Your Stories

If you want to showcase collections of related stories (like Highlights), use **Stories Group**.

### Steps:

1. In the gallery, click **“Add Group”**.
    
2. **Enter a group name**.
    
3. **Drag and drop stories** into the group.
    
4. **Reorder stories** by dragging them left or right within the list.

![Group Stories](https://storage.crisp.chat/users/helpdesk/website/fc7d73e454d08800/b25bd49a-8ac4-4bff-87e8-dd65ac_9cd2pc.png)

⚠️ **Note**:

* The **thumbnail** is taken from the first story in the group.
* You can create up to **10 Stories Groups**.

### Create the Stories Widget

1. Go to the **Widget tab** and click **“Add new Widget”**.
    
2. Choose **“Instagram Stories”**.
    
3. Customize your widget using the available editing tools.

![Create Widget](https://storage.crisp.chat/users/helpdesk/website/4d79ad4ba0525c00/98ee4885-5a03-4ebf-ae58-ea6b02_1cs10jq.png)

> 🚀 You can display up to **100 Instagram stories** on your website.

### Additional Customization:

* **Edit design elements** (layout, colors, transitions)
    
* **Set transition time** for each story (3 to 10 seconds)
    
* **Tag products/variants** to promote key items ( [learn how to tag products](https://socialhead.crisp.help/en/article/tag-product-to-your-photocarouselvideo-and-highlight-best-selling-items-to-convert-visitors-to-buyers-spyg93/))

![Customize Widget](https://storage.crisp.chat/users/helpdesk/website/11465da33e668e00/105c1214-f263-4ada-b7cc-1aef87_evlzb6.png)

![Product Tagging](https://storage.crisp.chat/users/helpdesk/website/3679456e22be6000/301b2c78-2ebe-4299-890b-06db1e_je7hdp.png)
![Variant Tag](https://storage.crisp.chat/users/helpdesk/website/ab8a6f89b0a19000/image_1uph3a0.png)
---

Adding the **Instagram Stories Widget** to your Shopify store is a fantastic way to elevate your online presence with interactive, shoppable content. By following the steps above, you'll turn casual visitors into engaged customers and increase conversions using familiar, story-driven visuals.

Need help? Reach out via in-app live chat or email us at [support@socialhead.io](support@socialhead.io) – we’re happy to assist!