5d:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/3xktnaujy87te.js","/creators-assets/_next/static/immutable/chunks/3futvmn4fb096.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1n4sz3rar6_gg.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3gipqcylfnv5h.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/1ftf6fdyz0hh4.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/2y36h9lujf54i.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 5e:T76b,

Chat Popup is a fully customizable multi-platform messaging component built for Framer. It helps businesses, creators, startups, and agencies connect with visitors instantly through beautifully designed floating chat interfaces inspired by popular messaging apps.

The component includes carefully crafted UI styles, smooth animations, typing indicators, quick reply actions, emoji support, dark mode, and responsive layouts that feel modern and native across every platform. Designed for flexibility, Chat Popup gives you complete control over profile images, account details, preset messages, popup positioning, interaction settings, and overall appearance.

Supported Platforms

WhatsApp
Telegram
Messenger
Instagram
Discord
Twitter / X

Features

Multi-platform chat popup
Responsive and fully resizable layout
Typing indicator animations
Preset quick reply buttons
Emoji picker support
Custom profile image support
Online and offline status
Dark mode support
Open chats in new tab
Customizable welcome messages
Adjustable popup positioning

Perfect For

SaaS websites
Agencies
Customer support
Landing pages
Online stores
Portfolios
Business websites

Chat Popup makes it easier for visitors to reach you instantly through the platforms they already use every day. Instead of relying on static contact forms, you can create a more engaging and interactive communication experience that improves trust, increases conversions, and helps users connect faster with your brand.

5a:[["$","$L5d",null,{"post":{"id":"019e63e2-559c-7442-a04d-06033e8e861e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"214a75c7-48b9-4dca-9fff-a785a048af51","name":"Shakil Ur Rehman","slug":"shakil-ur-rehman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/214a75c7-48b9-4dca-9fff-a785a048af51/yknzo0lv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2fTKkQgRaZ0nSRo0y8TR","resolved":true,"title":"Chat Popup","body":"$5e","bodyJson":null,"introduction":"Popup for portfolios","slug":"multichat-popup","author":{"framerUserId":"214a75c7-48b9-4dca-9fff-a785a048af51","name":"Shakil Ur Rehman","slug":"shakil-ur-rehman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/214a75c7-48b9-4dca-9fff-a785a048af51/yknzo0lv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/2fTKkQgRaZ0nSRo0y8TR/multichat-popup-pULAuPG1kY4QzOAHU8NJCjrTJoXgKz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-13T10:24:35.946Z","updatedAt":"2026-06-20T06:21:43.884Z","publishedAt":"2026-05-26T10:43:57.980Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://friendly-words-866774.framer.app/","price":"15","paymentUrl":"https://www.paypal.com/ncp/payment/588DF7QK89E4Q","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"OSJIkvRhORWePbmMXPq6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T10:43:57.980Z","updatedAt":"2026-05-26T10:43:57.980Z","reported":false,"type":"post"}}],"$L5f"]

Suggested for you