---
title: "Instagram Widget Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Buttons. Instagram Widget Pro is a fully interactive Instagram DM chat widget for Framer."
canonical: "https://framer.elliotli.dev/component/instagram-widget-pro"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Instagram Widget Pro

# Instagram Widget Pro

Instagram DM chat popup / widget

[View on Framer](https://framer.com/marketplace/components/instagram-widget-pro/?via=elliot-li)

![Instagram Widget Pro preview image 1](https://framer.elliotli.dev/og/component/instagram-widget-pro/360c948a79943e0b/1600x1200.jpg)

## Summary

Instagram Widget Pro is a fully interactive Instagram DM chat widget for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Widget Bundle:** [**https://frameze.com/components/category/widget?ref=bundles**](https://frameze.com/components/category/widget?ref=bundles)

## **About Instagram Widget Pro**

Instagram Widget Pro is a fully interactive Instagram DM chat widget for Framer. Clicking the floating action button opens a pixel-perfect Instagram Direct-style conversation window with smooth spring animations, a typing indicator and customizable quick replies. Perfect for brands, creators and agencies that want to turn website visitors into Instagram followers and DM leads.

**What's Included**

Animated FAB with Instagram gradient icon, pulse rings and spring transition

Realistic chat window with Instagram Direct-style UI

Typing indicator with animated bouncing dots

Up to 5 customizable quick reply buttons with emoji support

Auto-dismiss notification popup with configurable delay

Notification badge with pop-in animation

Online / Away / Offline status modes with custom message banners

Gradient "Open on Instagram" CTA button

Heart icon quick reaction button

Input field with gradient focus border and Enter-to-send support

**Live Preview:** [**https://instagramwidgetpro.framer.website/**](https://instagramwidgetpro.framer.website/)

**Use Cases**

Personal brands and content creators growing their Instagram audience

E-commerce stores and product landing pages

Creative agencies and freelance portfolios

Restaurants, cafés and hospitality businesses

Fitness coaches, nutritionists and wellness brands

Real estate agents and property listing websites

Local businesses and service providers

SaaS and startup marketing pages

**Keywords**

instagram chat widget, instagram dm widget, instagram button, live chat, chat widget, instagram floating button, instagram contact widget, instagram lead generation

## Rank history [How rankings work →](/terms#rankings)

-   All · #4571

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-06-12
- **Updated**: 2026-07-29
- **Added**: 2026-06-06
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything