Add Telegram live chat to Webflow
Webflow’s Footer code setting puts your line just before </body> on every page.
Your line
Every website has its own line, which you get in step 3 of setup. It looks like this, with your site’s code in place of your-site-id:
<script src="https://signalgood.com/s/your-site-id.js" async></script>Start free to get your lineYour own line is under Install in Your websites.
Add it to Webflow in three steps
- Step 1: Open Site settings › Custom code.
- Step 2: Paste your line into Footer code.
- Step 3: Press Save, then publish the site.
The chat shows on the published site, not in the Designer.
Check it works
Open your website in a new tab and look for the chat button in the corner. Send yourself a message: it arrives in Telegram from the SignalGood bot.
Questions about Webflow
Why isn’t the chat in the Webflow Designer?
Custom code runs only on the published site. Publish, then open your live address.
Can I add it to a single page instead?
You can, in that page’s own custom code settings, but most people want it everywhere, which is what Site settings does.
If the button doesn’t show
- Wait up to 10 minutes after a change.
- Clear your cache plugin or CDN.
- Check the line is on every page, not just one.
- Make sure the address in SignalGood matches your site, with or without
www.
For developers
If your site has a Content Security Policy, allow https://signalgood.com in script-src, connect-src and frame-src.
Take it off again
Remove the line, and the chat is gone from your site.
Related guides
New to this? Read how Telegram live chat works, or see every platform. It’s $5 a month per website after 14 days free.