Add TGLiveChat to Bubble.io
Two ways to do it. Both work on all Bubble plans. The Settings method is cleaner — one paste and every page has the widget.
Your widget script
Grab this from your TGLiveChat dashboard under Widgets. Your widget ID will already be filled in.
Method 1: Settings > SEO / metatags (recommended)
This adds the widget to every page in your app. One paste, you're done.
Open your Bubble editor
Go to your app in the Bubble editor (bubble.io/home).
Click Settings in the left sidebar
Find Settings at the bottom of the left panel.
Go to the SEO / metatags tab
Click the SEO / metatags tab at the top of the Settings panel.
Paste in "Script/meta tags in header"
Look for the text area labeled Script/meta tags in header or Script tags in body. Paste your script there:
If Bubble gives you both a header and body option, use the body option (closer to </body> is better for chat widgets).
Save and Deploy
Save your settings, then deploy your app (Deploy > Deploy to live). The widget will appear on every page.
Method 2: HTML element (specific pages)
If you only want the widget on certain pages, use Bubble's built-in HTML element.
Open the page where you want the widget
Navigate to that page in the Bubble editor.
Add an HTML element
In the element panel (or by pressing H), add an HTML element to the page. Place it anywhere — its position on the canvas doesn't affect the widget's position on your live site.
Paste the script in the HTML field
Double-click the HTML element to open its editor. Paste your script tag:
Deploy
Deploy to live. The widget will show on that specific page only.
Troubleshooting
Widget doesn't appear in Bubble's preview
Bubble's Preview mode sometimes behaves differently than the live site. Always test on the deployed version (your live or test URL), not the editor preview.
Widget doesn't appear after deploying
Hard-refresh the page (Ctrl+Shift+R). If using Method 2, check that the HTML element isn't hidden by a Bubble conditional. Also verify your widget ID is correct.
Script tag isn't being saved in Bubble settings
Some older Bubble plan tiers have limits on script injection. If the field isn't saving, try Method 2 (HTML element) instead, which works on all plans.
Need help? We reply fast.
Contact support