5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T89c,

What it does

ConvoDock gives your Framer site a polished floating chat launcher and support panel that works with iframe-based chat pages or script-based providers. Paste a chat URL, embed a hosted bot, or inject a provider script for tools like Intercom, Crisp, Tidio, Drift, or HubSpot. The component handles the launcher, preview bubble, panel shell, animations, loading states, and responsive positioning.

Features

Two integration modes: Embed for iframe chat interfaces and Script for SDK-based providers. Custom floating launcher with five icon options, three button shapes, optional label text, animated pulse, notification badge, and smooth open/close icon transition. Responsive chat panel with header, avatar, title, subtitle, online status, close button, and loading state. Proactive preview bubble with delay, auto-hide timing, dismiss button, and click-to-open behavior. Three panel animations: slide up, scale from corner, and fade. Position presets for bottom-right, bottom-left, and bottom-center with configurable X/Y offsets. Auto-open, outside-click close, panel sizing, z-index, font, and full color controls for launcher, panel, header, text, muted text, accent, border, and badges.

How to use

Add ConvoDock to your Framer canvas and choose either Embed mode or Script mode. In Embed mode, paste the URL of your hosted chat interface, Typebot, Voiceflow, AI chatbot page, or any iframe-compatible chat UI. In Script mode, paste the provider script for SDK-based chat tools. Customize the launcher icon, shape, colors, panel size, position, header text, preview message, notification badge, and behavior settings from the property panel. Preview your site to test the opening animation, loading state, and provider connection.

Ideal for

SaaS landing pages, startup websites, support-heavy product pages, agency client sites, AI chatbot demos, lead capture flows, help centers, onboarding pages, sales pages, and any Framer site that needs a branded floating chat experience without building a full widget system from scratch.

5a:[["$","$L5d",null,{"post":{"id":"019e211e-e2f5-73ed-834e-b207abad135a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2aa1c8b3-7537-46a8-a900-110c4e9d5ea9","name":"Spyridon Merkouris","slug":"spyridon-merkouris","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2109501/avatar-cFtiy7MwEgg752DMyUE5kNTlTumFuR.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jl3z62KaiLBB3VJpmGlC","resolved":true,"title":"ConvoDock","body":"$5e","bodyJson":null,"introduction":"Universal chat widget for Framer","slug":"convodock","author":{"framerUserId":"2aa1c8b3-7537-46a8-a900-110c4e9d5ea9","name":"Spyridon Merkouris","slug":"spyridon-merkouris","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2109501/avatar-cFtiy7MwEgg752DMyUE5kNTlTumFuR.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/jl3z62KaiLBB3VJpmGlC/convodock-5jo3SbpQYuBeKlte9EJG64isqI3xRH","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-02T19:34:29.652Z","updatedAt":"2026-05-13T10:51:33.823Z","publishedAt":"2026-05-13T11:35:32.853Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spotless-confidence-007115.framer.app","price":"8","paymentUrl":"https://payhip.com/b/1g80U","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"r0y9L4OAwZ3RU3nfVDHz","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-13T11:35:32.853Z","updatedAt":"2026-05-13T11:35:32.853Z","reported":false}}],"$L5f"]

Suggested for you