Mau ganti logo live chat tidio atau mau disembunyikan? Bisa banget!
Contents
Kalau belum pasang live chat tidio, daftar dulu ya di websitenya dan buat kamu yang pakai wordpress ga perlu plugin tidio, cukup masukan js di code snippet pakai plugin WpCode.
Berikut cara menyembunyikan dan mengganti logo tidio live chat
Menyembunyikan logo tidio live chat
Oke lanjut, cara buat menyembunyikan logo tido bisa pakai code dibawah, masukan code dibawah ke dalam snippet WpCode Plugin -> Universal Snippet
<script>
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);
</script>Mengganti logo tidio live chat
Kalau mau mengganti logo Tidio Live Chat pakai logo mu juga bisa, silahkan copy code dibawah dan masukan ke snippey ya!
<script>
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;
}
// Remove the original text
tdo.innerHTML = '';
// Create a new text element for "Powered By"
var poweredByText = document.createElement('span');
poweredByText.textContent = 'Powered By ';
poweredByText.style.fontSize = '12px'; // adjust the font size as needed
poweredByText.style.color = '#666'; // adjust the font color as needed
// Create a new image element with the desired source
var newImage = document.createElement('img');
newImage.src = 'https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png';
// Add CSS styles to resize the image
newImage.style.height = '24px'; // set the height to 24px
newImage.style.width = 'auto'; // set the width to auto
newImage.style.objectFit = 'contain'; // ensure the image is scaled proportionally
// Insert the new text and image elements into the parent element
tdo.appendChild(poweredByText);
tdo.appendChild(newImage);
return true;
}
}
hideTdo();
setInterval(hideTdo, 10);
</script>Silahkan ganti tulisan Powered by diatas dan ganti url Gambar mu ya!
Contoh logo tidio yang sudah terganti kalian bisa cek dihalaman utama
