Skip to content

Instantly share code, notes, and snippets.

@arafathusayn
Last active February 21, 2021 08:47
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save arafathusayn/ba49ff4f8d49a427aaf73acb78061978 to your computer and use it in GitHub Desktop.
Save arafathusayn/ba49ff4f8d49a427aaf73acb78061978 to your computer and use it in GitHub Desktop.
Hide Tidio Chat Branding (Old Theme). For new theme, check: https://gist.github.com/arafathusayn/663217f383b02017d20be6ba465959d4
function hideTdo() {
var timer = null;
var target = document.querySelector('#tidio-chat iframe');
if(!target) {
if(timer !== null) {
clearTimeout(timer);
}
timer = setTimeout(hideTdo, 500);
return;
} else {
var timer2 = null;
var tdo = document.querySelector('#tidio-chat iframe')
.contentDocument
.querySelector('a[href*="tidio.com/powered"]');
if(!tdo) {
if(timer2 !== null) {
clearTimeout(timer2);
}
timer2 = setTimeout(hideTdo, 1);
return;
}
document.querySelector('#tidio-chat iframe')
.contentDocument
.querySelector('a[href*="tidio.com/powered"]')
.remove();
return true;
}
}
hideTdo();
setInterval(hideTdo, 10);
@tommyhigh
Copy link

tommyhigh commented Mar 6, 2019

TariikHr, actually it's pretty simple to solve, all you need to do is set an interval for function to get triggered every sec, here is the code setInterval(function(){ hideTdo(); }, 1000);

Copy link

ghost commented Mar 18, 2019

tommyhigh Thank you So Much

@Benso254
Copy link

Where is code supposed to be placed on html?

@manovee
Copy link

manovee commented Apr 26, 2019

Hey is it still working? I placed the code as a snippet and

setInterval(function(){ hideTdo(); }, 1000);

But it hides until we open the chat box.

http://prntscr.com/nh6llv

@bertusjwz
Copy link

Hello guys, I don't get it to work either. Are there any updates or someone that can guide me? Thanks in advance!

@yEzas
Copy link

yEzas commented Aug 2, 2019

@bertusjwz @manovee @Benso254 It still works, don't know if you still need it, but someone might.

Here is the whole code:

function hideTdo() {
  var timer = null;
  var target = document.querySelectorAll('#tidio-chat iframe')[0];
  if(!target || typeof target === 'undefined') {
    if(timer !== null) {
      clearTimeout(timer);
    }
    timer = setTimeout(hideTdo, 500);
    return;
  } else {
    var timer2 = null;
    var tdo = document.querySelectorAll('#tidio-chat iframe')[0].contentWindow.document.querySelectorAll('div.input-group a.powered')[0];
    if(!tdo || typeof tdo === 'undefined') {
      if(timer2 !== null) {
        clearTimeout(timer2);
      }
      timer2 = setTimeout(hideTdo, 1);
      return;
    }
   document.querySelectorAll('#tidio-chat iframe')[0].contentWindow.document.querySelectorAll('div.input-group a.powered')[0].style.display = 'none';
	 setInterval(function(){ hideTdo(); }, 1);
    return true;
  }
}
hideTdo();

@Ajay3147
Copy link

Hello..

After adding the function to hide tidio logo in bot im unable to see URL links in conversations, Its hiding URL links after adding this code along with logo.....What i have to do plz help..

@yieoyo
Copy link

yieoyo commented Jul 13, 2020

below one is far better
(function() {
function onTidioChatApiReady() {
document.querySelector('#tidio-chat iframe').contentDocument.querySelector('a[target=_blank]').remove();
}
if (window.tidioChatApi) {
window.tidioChatApi.on("open", onTidioChatApiReady);

} else {
document.addEventListener("tidioChat-open", onTidioChatApiReady);
//console.log("listener");
}
})();

@yieoyo
Copy link

yieoyo commented Jul 16, 2020

use below:
document.querySelector('#tidio-chat iframe').contentDocument.querySelector('form').nextSibling.remove();

instead of below:
document.querySelector('#tidio-chat iframe').contentDocument.querySelector('a[target=_blank]').remove();

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment