Install guide · Framer

Live chat for Framer sites, answered from Telegram

Framer sites ship fast and look sharp — chatrelay keeps support the same way. One script tag in your site settings adds a chat bubble; every question lands in your own Telegram, and your reply appears on the visitor's screen while they're still on the page.

Install chatrelay on Framer

  1. 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-project is replaced by your id.

  2. Open Site Settings → General → Custom Code

    In the Framer editor, open Site Settings (gear icon), stay on General, and scroll to the Custom Code section.

  3. Paste the embed into “End of <body> tag”

    Paste the snippet into the End of <body> tag field, save, and Publish.

    End of <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>
  4. Open your published site

    The bubble is live on every page. Send a test message — it arrives in your Telegram and the dashboard, and your reply streams back live.

Heads-up: Framer injects custom code only on sites with a paid site plan (Mini and up). The free plan strips custom code on publish.

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

Why isn't the bubble showing on my Framer site?

The most common cause is the plan: Framer only includes custom code on paid site plans. Also make sure you published after saving the custom code.

Does it work with Framer's CMS pages?

Yes — site-wide custom code is injected on every published page, CMS collection pages included.

Can I style it to match my Framer design?

Set data-chatrelay-accent to your brand color, plus a custom title, subtitle and greeting — all attributes on the same script tag.

Do visitors need any app?

No. Visitors chat in the bubble on your site. You answer from your own Telegram or the dashboard, and they see it instantly.

Related guides

Live on your Framer site in two minutes.

Free plan, no credit card — live in under two minutes.

Add live chat to a Framer site · chatrelay