Live chat for static sites — one tag before </body>
Static sites deserve live support too. Whether it's hand-written HTML, Hugo, Jekyll, Eleventy or Astro on GitHub Pages, Netlify or any host — paste one script tag before </body> and your site has a chat bubble wired to your own Telegram.
Install chatrelay on HTML
- 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. - Paste the tag before </body>
Open your page (or your layout/template/partial if you use a static-site generator) and paste the embed right before the closing
</body>tag:<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>
- Using a static-site generator?
Put it once in the shared layout: Hugo —
layouts/_default/baseof.html; Jekyll —_layouts/default.html; Eleventy/Astro — your base layout. Every generated page gets the widget. - Deploy
Push to your host (GitHub Pages, Netlify, Vercel, S3 — anything that serves HTML). The bubble is live; messages arrive in your Telegram and the dashboard.
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 my site need a server or backend?
No. The widget is fully hosted — your static HTML only loads the script. Messages go straight from the visitor's browser to chatrelay's backend and on to your Telegram.
Which static-site generators does it work with?
All of them — Hugo, Jekyll, Eleventy, Astro, MkDocs, Docusaurus… anything that outputs HTML. Paste the tag into the base layout once.
Can I put it on just one page?
Yes. The widget only appears on pages that include the script tag, so you can limit it to a contact or pricing page if you prefer.
How do replies get back to the visitor?
The widget holds a live subscription; when you reply from Telegram or the dashboard, the message appears in the visitor's bubble instantly — no refresh.