Add TGLiveChat to WordPress
Three ways to do it. All of them take about 2 minutes. Pick whichever feels most comfortable.
First: grab your widget script
Log in to your TGLiveChat dashboard, go to Widgets, and copy your script tag. It looks like this:
Replace YOUR_WIDGET_ID with your actual widget ID from the dashboard. (It's already filled in when you copy it from there.)
Method 1: Theme File Editor (quickest)
Go to Appearance > Theme File Editor
In your WordPress admin sidebar, find Appearance, then click Theme File Editor (some themes call it Theme Editor).
Open footer.php
On the right side, you'll see a list of theme files. Click on footer.php. This file handles the bottom of every page on your site.
Paste the script before </body>
Find the closing </body> tag. Paste your script tag right before it. It should look something like this:
Click Update File
That's it. Visit your site in a new tab and you should see the chat widget.
Heads up: If you update your WordPress theme, changes to footer.php might get overwritten. Use a child theme or Method 2 (plugin) if you want something update-proof.
Method 2: Insert Headers and Footers plugin (safest)
This is the most popular way to add scripts to WordPress. The plugin survives theme updates, so your widget won't disappear when you switch themes.
Install the plugin
Go to Plugins > Add New. Search for "Insert Headers and Footers" by WPCode. Install and activate it.
Go to Settings > Insert Headers and Footers
(Or if using the newer WPCode version, it's under Code Snippets > Header & Footer.)
Paste in the "Scripts in Footer" box
You'll see three boxes: Header, Body, and Footer. Paste your TGLiveChat script in the Footer box:
Save changes
Click Save. Open your site in a new tab. Widget should be there.
Method 3: Custom HTML Widget
This works if you want to avoid editing theme files and don't want to install a plugin. It's a bit unconventional but it gets the job done.
Go to Appearance > Widgets
Find any widget area (Footer is ideal).
Add a Custom HTML block
Click the + button, search for "Custom HTML," and add it to your widget area.
Paste the script tag
Update and check
Click Update. Visit your site.
Troubleshooting
Widget doesn't show up
Clear your browser cache (Ctrl+Shift+R or Cmd+Shift+R). If you're using a caching plugin (WP Super Cache, W3 Total Cache, etc.), purge that too. Also check that your widget ID is correct in the script tag.
Widget shows on desktop but not mobile
Some WordPress themes load different footer files for mobile. If you used Method 1, also check mobile-footer.php or use Method 2 (plugin) instead, which works everywhere.
"Something went wrong" error in Theme Editor
Your hosting might have disabled the theme file editor. This is actually a security feature. Use Method 2 (plugin) or ask your hosting provider to enable it temporarily.
Widget disappeared after a theme update
This happens with Method 1 because theme updates overwrite theme files. Switch to Method 2 (plugin) and your widget will survive all future theme updates.
Widget conflicts with another chat plugin
TGLiveChat uses Shadow DOM, so CSS conflicts are extremely rare. But if you have another live chat plugin running (Tawk, Crisp, etc.), deactivate the old one first. Two chat widgets on the same page is a bad look.
Still stuck? We're happy to help.
Chat with us on Telegram