---
description: Thinking of using Instagram widget for your business? Here, we’ll show you how to use Instagram web chat, its benefits and how to set up with respond.io.
title: Instagram Widget: How to Set Up Instagram Web Chat
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png
---

1. [Home ](/)
2. [\> Blogs ](/blog)
3. [\> How To Article](/category/how-to-article)

# Instagram Widget for Website: A Guide to Using Instagram Web Chat for Business

[![Stephanie Yap](https://assets2-proxy.respond.io/ph8r57dk1q9w/ImihtSBQhPthGMwzma4mL/da76d13db9b74013121180c96ff97b1c/Avatar-8.svg?q=70&w=400&fm=avif)](/author/stephanie-yap)

[Stephanie Yap](/author/stephanie-yap)

· 31 Jan 2025

·

4 min read

![Instagram Widget: How to Set Up Instagram Web Chat](https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png?q=70&w=400&fm=avif)

Are you using Instagram to grow your business? Then you’ve come to the right place. Here, we will explain what the Instagram widget for website is, how to set it up and how Instagram web chat benefits businesses. Plus, we’ll also show you how to automate responses with respond.io.

## Instagram Widget: An Introduction

Today, there are more than [2 billion active users and more than 200 million business accounts](https://respond.io/blog/instagram-business-chat#toc-mobile-2) on Instagram. It’s no wonder [businesses are leveraging Instagram](https://respond.io/blog/instagram-direct-message-api) to promote their brands, drive sales and provide support to customers.

![This is an image that describes why businesses should use instagram widget for business. Today, there are more than 1 billion active users and more than 200 million business accounts on Instagram. It’s no wonder businesses are leveraging Instagram to promote their brands, drive sales and provide support to customers. Want to learn how to direct message on instagram and how to chat on instagram on web? Find out in the next section](https://assets2-proxy.respond.io/ph8r57dk1q9w/4j8ZbCvHjVO97eJcTUPOTA/2ad9d56894e300fd8ca634167dbe98fe/InstagramWebchatImage01_a03eb4cb16f177ec5a12dbe469ae0d73.png) 

To allow customers to communicate directly with you, businesses can add an Instagram widget (or Instagram web chat) to their websites. Customers who click on the widget will land on your Instagram profile, where they can slide into your Direct Messages (DM). 

Businesses can respond via one of these three methods: [Instagram App Inbox](https://respond.io/blog/instagram-business-chat#toc-mobile-7), [Meta Business Suite Inbox](https://respond.io/blog/instagram-business-chat#toc-mobile-8) and [Instagram Direct Message API](https://respond.io/blog/instagram-business-chat#toc-mobile-9). The first two options are for micro to small businesses with low volumes of messages.

![This is an image that describes the benefits of using instagram widget for business. Customers who click on the widget will land on your instagram profile, where they can slide into your DM. and this is how to reply on instagram dm. ](https://assets2-proxy.respond.io/ph8r57dk1q9w/4IaQPrYZv6uLc38Tx0P9WX/f3773b5eeda7515597985ee7bf7a41b9/InstagramWebchatImage02_8c1e1012b9e494e6b2bc20200c33c8c1.png) 

If you’re looking for a more advanced solution, opt for Instagram DM API and [connect it to a messaging inbox like respond.io](https://respond.io/blog/instagram-direct-message-api#toc-mobile-13) to manage all the incoming messages. For this article, we’ll be focusing solely on Instagram DM API.

Let’s move on to the next section where we’ll show you how to integrate Instagram widget with your website. 

### How to Set Up Instagram Widget for Website

The process for setting up an Instagram widget is simple and can be done quickly by [following these steps](https://help.respond.io/l/en/workspace-settings/growth-widgets#creating%5Fwidget).

![To get started, navigate to Settings > Growth Widgets. Then, click Add Widget and choose Instagram Widget before clicking Create Widget. After that, enter the website(s) where you want to add the chat widget and select the account you want to create a widget for.](https://assets2-proxy.respond.io/ph8r57dk1q9w/5a5Sv9Fszm3Ontox1ctL4f/ad87569761154dfcdb10001f5095d781/screenshot-2023-03-23-at-52453-pm_86dabaf12960295ebf70b7b6790d2531.jpg) 

To get started, navigate to _Settings_ \> _Growth Widgets_. Then, click _Add Widget_ and choose _Instagram Widget_ before clicking _Create Widget_.

After that, enter the website(s) where you want to add the chat widget and select the account you want to create a widget for.

![This is an image that shows how to select the account you want to create a widget for.](https://assets2-proxy.respond.io/ph8r57dk1q9w/3dDJwziMtUx1JzblypIQxY/1c4b948a5d2ee2a318f17aa252ddb5ba/screenshot-2023-03-23-at-52605-pm_4fa3209fd98c94a978ea62b0824590cb.jpg) 

You can add a pre-filled text or customize the widget’s appearance by clicking on the _Advanced Settings_ buttons. Finally, click _Generate Widget_, copy the generated script and install it on your website.

If you want to connect with customers across multiple channels, an [omnichannel widget](https://respond.io/blog/omnichannel-widget) can help. You can also opt to [add a website chat widget to your website](https://help.respond.io/l/en/website-chat-widget/website-chat-widget-overview).

Now that you've successfully set up your Instagram widget, we’ll show you how businesses can leverage it to maximize its potential next.

Turn customer conversations into business growth with respond.io. ✨

Manage calls, chats and emails in one place!

[ Book a Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j%2FlaJ4%2BzD1NHrw8UnfY3qlAjv5e5x%2FLC6kTHaAzy%2BZArNHjwEPBjeaY%2Flegh7%2FlItLGZbpOSlRy%2B3HaHdvJTbK4816w%3D&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Sign Up Free](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon%2FmNLPf8PPYjkz0WNyT3X6%2FNYXJ57JQd5OrqxmaPSa%2B7vmFBoJC5AM1ZN85A57D%2Ff8%2FTbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj%2FeAarUQTlFGjZdhnpE%2FS0oyP6r6zJeC35UP7Fj5%2FhBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU%3D&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## How to Use Instagram Widget for Your Business

Here, we’ll share examples of how businesses can use the Instagram widget for sales and support.

### Instagram Widget for Sales

Through the widget, customers can visit your profile, browse your shop, send inquiries and check out purchases without leaving the app. You can also enjoy messaging features like read receipts and [generic templates](https://developers.facebook.com/docs/messenger-platform/instagram/features/generic-template/) to highlight your products to customers.

![This is an image that describes instagram web chat for sales. Customers can shop and check out within the app, business can check message status, highlight products and build relationship with prospects. Want to know how to reply to a message on Instagram? Read on to find out. ](https://assets2-proxy.respond.io/ph8r57dk1q9w/i7xQfsuseZa04zL4yxAgs/40d38f8b13ec19ac4cafbe926a3c9d50/InstagramWebchat_Image05_069c7861082643f18895640e3ce213ea.png) 

The [Human Agent Tag](https://respond.io/blog/facebook-message-tag#toc-mobile-1) – available to selected businesses (like respond.io) under Facebook’s Beta Program – extends messaging window to 7 days, giving salespeople additional time to reach out to prospects after the [24-hour messaging window](https://respond.io/blog/instagram-business-chat#toc-mobile-6:~:text=Instagram%20Direct%20Message%20API%20Messaging%20Rules%20and%20Features).

Next, we’ll look at how businesses can use Instagram widgets to handle customer support.

### Instagram Widget for Customer Service

One advantage of using Instagram widgets is its ability to help businesses provide real-time support. 

For returning customers, support agents can identify them by their Instagram handles and access the conversation history in a messaging inbox like respond.io, thus providing agents with context to customize support for each of them.

![This is an image that describes why embed instagram direct website. support agents can identify them by their Instagram handles and access the conversation history in a messaging inbox like respond.io, thus providing agents with context to customise support for each of them.](https://assets2-proxy.respond.io/ph8r57dk1q9w/3TtAsMaUu5q6LKC8wvz7II/e72bd734834e12aa89f581d628f27f31/InstagramWebchat_Image06_e73422c9335272366199d1ba65fad510.png) 

Additionally, support agents can take advantage of the Human Agent Tag to follow up on complex inquiries at a later time. We’ll share details on how to automate responses with respond.io next. 

## Handle Instagram Conversations Easily with Respond.io

In this section, we’ll go over the different ways to create Instagram-related [chat automation](https://respond.io/blog/inbound-conversations) on respond.io’s Workflows.

### Instagram Web Chat: Automate Responses to FAQs

Imagine the number of people asking the same question in a day. Instead of replying to them one by one, you can automate responses to frequently asked questions (FAQ) on the Instagram widget.

Questions like “What are your operating hours” can be automatically answered without any human intervention. This will greatly reduce agents’ workload and allows them to focus on important matters.

![This is an image that describes how to automate responses with respond.io workflows. Businesses can set up to 10 FAQs and responses via multiple choice question step.](https://assets2-proxy.respond.io/ph8r57dk1q9w/5jT4BwnQieSdedlQPquobd/8c7ad19e06ea7780614406476fc3257f/Screenshot2022-07-29at9_39_38AM_d709e7ca7fdc1dde6db32bd4a7866244.png) 

Businesses can set up FAQs natively on the app, but Instagram only allows [a maximum of four questions and responses](https://help.instagram.com/4153704678000867?helpref=related). By contrast, you can set up to 10 FAQs and responses via the [Multiple Choice Questions Step](https://help.respond.io/l/en/workflows/workflow-steps#step%5Fask%5Fa%5Fquestion) with respond.io’s Workflows. 

### Instagram Web Chat: Set Up Away Messages 

As much as businesses want to be there 24/7 for their customers, it’s simply not possible. However, you can set up [Away Message](https://respond.io/blog/instagram-auto-reply)[s](https://respond.io/blog/instagram-auto-reply) to automatically respond to customers outside business hours and let them know when to expect a reply.

![This is an image that describes how to set up away message for chat insteagram web or instagram widget. you can set up Away Messages to automatically respond to customers outside business hours and let them know when to expect a reply.](https://assets2-proxy.respond.io/ph8r57dk1q9w/7gAJy0T47BPuI9dXswHbud/d7851105835526586fa693ae209d75a9/Screenshot2022-07-15at9_33_07AM_8b8ceaac7f08871439317ddc8453d57f.png) 

Respond.io’s Workflows also allows you to capture customer information by adding the [Ask A Question](https://respond.io/blog/question-bot) Step. You can save the responses as [Variables](https://help.respond.io/l/en/dynamic-variables/dynamic-variables) to customize your replies. 

For instance, you can ask customers if they want to view the menu or leave a message for the support team. If they choose support, you can route them to the support team. Check out some examples of[ away messages](https://respond.io/blog/away-message-for-business#toc-mobile-4)[ on Instagram](https://respond.io/blog/away-message-for-business#toc-mobile-4) that you can use.

### Instagram Web Chat: Route and Assign Customers Effortlessly

When customers start a new conversation, it’s important to identify which team within the company will be responsible for handling the conversation.

Chat routing reduces the conversation resolution time by identifying the customers’ inquiries and assigning them to the right team. A reduction in conversation resolution time will lead to higher customer satisfaction.

![this is an image that describes why use chat routing on instagram chat web. Chat routing reduces the conversation resolution time by identifying the customers’ inquiries and assigning them to the right team. ](https://assets2-proxy.respond.io/ph8r57dk1q9w/5A10GCDYaPWqAqTpQblMrS/12c77644aaf30a5b6ab6ae372b5f1226/InstagramWebchat_Image07_9dbe84e4892b4b84bc599955c8e5d59e.png) 

To further reduce response time, you can create a [pre-chat survey](https://respond.io/blog/pre-chat-survey) to collect contact information. You can use the information to customize Workflows and implement [auto assignment logic](https://respond.io/blog/auto-assignment-automatic-assignment-respondio) to connect customers to agents efficiently.

Whether you’re using it to market your product or provide customer support, integrating Instagram widgets into your website can benefit your business. Want to get started with Instagram widget? [Connect your Instagram account](https://help.respond.io/l/en/channels/instagram#connecting%5Finstagram) to respond.io now.

Turn customer conversations into business growth with respond.io. ✨

Manage calls, chats and emails in one place!

[ Book a Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j%2FlaJ4%2BzD1NHrw8UnfY3qlAjv5e5x%2FLC6kTHaAzy%2BZArNHjwEPBjeaY%2Flegh7%2FlItLGZbpOSlRy%2B3HaHdvJTbK4816w%3D&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Sign Up Free](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon%2FmNLPf8PPYjkz0WNyT3X6%2FNYXJ57JQd5OrqxmaPSa%2B7vmFBoJC5AM1ZN85A57D%2Ff8%2FTbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj%2FeAarUQTlFGjZdhnpE%2FS0oyP6r6zJeC35UP7Fj5%2FhBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU%3D&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## Further Reading

Want to learn more about how to use Instagram to grow your business? Check out these articles: 

* [How to Use Auto Reply on Instagram](https://respond.io/blog/instagram-auto-reply)
* [A Guide to Using Instagram Business for Multiple Users](https://respond.io/blog/instagram-business-account-multiple-users)
* [How to Use Click to Instagram Direct Ads](https://respond.io/blog/click-to-instagram-direct-ads)

Share this article

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/instagram-widget)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/blog/instagram-widget)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/blog/instagram-widget)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/instagram-widget)

## Related posts 👩‍💻

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/blog/best-omnichannel-crm)  
[10 Best Omnichannel CRM Platforms: Features & Pricing ComparedThe 10 best omnichannel CRM platforms: respond.io, Kustomer, Kommo, Salesforce, HubSpot, Zendesk, Intercom, Zoho CRM, Zendesk and Freshdesk.](/blog/best-omnichannel-crm)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/vr013lmO4xRSS30KcRV8T/8577db2181c4da2b4b4650ef13f7f93c/Practical_Guide___Best_AI_Chatbot_for_Website_Cover__1___1_.png?q=70&w=1000&fm=avif)](/blog/best-ai-chatbots-for-website)  
[Best AI Chatbots for Website: Top Platforms ComparedDiscover the best AI chatbots for websites in 2025: Respond.io, Intercom, Zendesk AI, Tidio, Chatbase, Drift, HubSpot Chatbot, ManyChat, Landbot](/blog/best-ai-chatbots-for-website)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1TpzwG7GSnvYfqt5pQRkSu/33fb71cdb0416e51b471784944d51485/AI_Agents_for_Customer_Support.png?q=70&w=1000&fm=avif)](/blog/best-ai-agents-for-customer-support)  
[Best AI Agents for Customer Support in 2025: Pros, Cons & PricingExplore the best AI agents for customer support in 2025\. Compare pros, cons and pricing of top platforms like respond.io and Intercom.](/blog/best-ai-agents-for-customer-support)

3x Your Business Results with Respond.io 🚀

[Talk to sales](/demo)[Start free trial](https://app.respond.io/user/register)

2025-12-05T05:06:44.063Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png","headline":"Instagram Widget: How to Set Up Instagram Web Chat","alternativeHeadline":"Instagram Widget: How to Set Up Instagram Web Chat","genre":["How To Article"],"publisher":{"@type":"Organization","name":"Respond.io","sameAs":"https://respond.io","logo":{"@type":"ImageObject","url":"https://respond.io/logo/respond-io.webp"}},"url":"https://respond.io/blog/instagram-widget","datePublished":"2023-07-24T00:00:00.000Z","dateCreated":"2023-07-24T00:00:00.000Z","dateModified":"2025-01-31T03:13:21.742Z","description":"Want to add Instagram widget on your website? Here, we&apos;ll show you what an Instagram widget is, how to set it up, its benefits and finally, how to incorporate automation into your Instagram webchat with respond.io.","author":{"@type":"Person","name":"Stephanie Yap","url":"https://respond.io/author/stephanie-yap"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/blog/instagram-widget"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/category/how-to-article"}]}]
```
