Live chat for Webflow, replies from your phone
Your Webflow site looks hand-crafted — your support shouldn't be a mailto link. chatrelay adds a styled chat bubble with one tag in your site's footer code; visitor questions reach your own Telegram and your answers appear back on the page in seconds.
Install chatrelay on Webflow
- Create your free chatrelay account
Sign up (free plan, no credit card) and copy your embed snippet from the dashboard — it comes pre-filled with your real project id. The snippet below shows the shape;
your-projectis replaced by your id. - Open Site settings → Custom code
In the Webflow Designer click the site menu → Site settings, open the Custom code tab, and scroll to Footer code.
- Paste the embed into Footer code
Paste the snippet, Save, then Publish your site. Footer code is injected before
</body>on every page — exactly where the widget wants to live.<script src="https://www.chatwithdev.com/widget.js" data-chatrelay-project="your-project" data-chatrelay-convex="https://impressive-quail-820.convex.cloud" data-chatrelay-title="Chat with us" defer></script>
- Check your published site
The bubble shows bottom-right. Send a test message and watch it arrive in Telegram (how the relay works).
How replies reach your visitors
Every message relays to a Telegram bot you own — created at @BotFather in a minute and connected once in the chatrelay setup. In group mode each visitor gets their own topic; in direct mode chats arrive in your DM with the bot. Your reply appears in the visitor's chat bubble live, and the web dashboard (with AI drafting) is always there as a second screen. How the Telegram relay works →
FAQ
Does custom code work on Webflow's free plan?
Site-wide custom code requires a paid Webflow site plan. Per-page custom code in Page settings also requires a paid plan; the snippet itself is identical either way.
Will the widget clash with my Webflow design?
No. It renders inside a Shadow DOM, so Webflow's classes can't restyle it and its styles can't leak into your design. You can match your brand with data-chatrelay-accent.
Do I need to add it to every page?
No — Site settings → Custom code → Footer code applies to every published page automatically.
Where do I answer messages?
From your own Telegram bot (a thread per visitor in group mode) or the chatrelay dashboard. Visitors see your reply instantly in the bubble.