Hide Tidio Chat Branding (Old Theme). For new theme, check: https://gist.github.com/arafathusayn/663217f383b02017d20be6ba465959d4

hidetdo.js

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);

keepcalmm, did you figure out how to do this in shopify? I’m trying to add it to shopify too but not sure how/where to add it. Any suggestion would be appreciated.

Thanks.

Hello Folks 👍 I Have an Issue With the Script ! It Hides the branding 2 sec and then the Logo Branding Show up Again ! any Solution please ?

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);

tommyhigh Thank you So Much

Where is code supposed to be placed on html?

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

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

@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();

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..

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");
}
})();

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();