Live Preview: https://instagramwidgetpro.framer.website/
About Component
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.
Animated FAB with Instagram gradient, pulse rings and spring open/close transitionTyping indicator — animated bouncing dots before the greeting appearsQuick reply buttons — fully editable labels, emojis and pre-filled messagesNotification popup — auto-appears after a configurable delayOnline / Away / Offline status modes with custom availability bannersStory ring avatar with Instagram-style gradient ringVerified badge toggle for brand accountsNotification badge with animated pop-in effectAuto-open delay — chat window opens automatically on page loadGradient CTA button linking directly to your Instagram profileFully customizable gradient colors, font family and border radiusCanvas preview — renders correctly and editably on Framer canvasWorks out of the box — no setup or code needed
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
Story ring avatar with gradient ring, status dot and verified badge
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
4 property control groups: Agent, Content, Appearance, Behavior
Canvas preview — renders correctly on Framer canvas
Works out of the box, zero config
How It Works
Drop the component onto your Framer canvas
Enter your Instagram handle, agent name and profile photo
Edit quick replies, customize your gradient colors — go live
Use Cases
Personal brands and content creators growing their Instagram audience
E-commerce stores and product landing pages
Creative agencies and freelance portfolios
Fashion, beauty and lifestyle brands
Restaurants, cafés and hospitality businesses
Fitness coaches, nutritionists and wellness brands
Real estate agents and property listing websites
Musicians, artists and entertainment pages
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, chat popup, quick reply button, typing indicator, notification badge, floating action button, instagram integration, instagram widget, social media chat widget, instagram dm button, story ring avatar, chat bubble, instagram popup, contact widget, instagram support widget, chat component, instagram direct
Ahmet Loca
