Este artículo le ayudará a configurar el widget para que solo aparezca en páginas específicas de su sitio. Esta opción es útil para los usuarios que tienen acceso al código del sitio web y desean control total sobre dónde aparecerá el widget.

Cómo mostrar un widget en páginas específicas

El concepto detrás de este proceso es simple. Al ingresar la URL dentro del código, Tidio solo será visible en las páginas configuradas. Quedará oculto en cualquier otra URL que no coincida con el enlace definido.

Veamos un ejemplo:

Hemos agregado la URL: http://mystore.com/products/black/ al código. En este caso, el widget se mostrará en todas las URL que contengan esta frase.

El widget no aparecerá en:

  • http://mystore.com/about
  • http://mystore.com/contact
  • http://mystore.com/blog

Pero aparecerá en:

  • http://mystore.com/products/black/
  • http://mystore.com/products/black/shoes
  • http://mystore.com/products/black/accessories

código

Para implementar esta opción, siga estos pasos:

  1. Este código debe cargarse después del script, así que coloque el código debajo del código JavaScript de Tidio o encima del</body> Si utiliza el complemento Tidio.

  2. Copie y pegue el código a continuación o busque el código en nuestra página de Codepen .

Si tiene más preguntas, envíe un mensaje a nuestro equipo de soporte a support@tidio.net

<script async src="https://code.tidio.co/fouwfr0cnygz4sj8kttyv0cz1rpaayva.js"></script>
<script>
(function() {

// שנה כתובות URL מורשות כאן
var whitelistedUrls = [
'http://tidio.com',
];
// אל תשנה את הסקריפט לאחר שורה זו 


var shouldShowWidget = (function isCurrentUrlWhitelisted() {
var currentUrl = window.location.href;
var isWhitelisted = false;
whitelistedUrls.forEach(url => {
if (currentUrl.indexOf(url) > -1) {
isWhitelisted = true;
}
})
return isWhitelisted;
})();

function onTidioChatApiReady() {
if (shouldShowWidget) {
window.tidioChatApi.show();
}
else {
window.tidioChatApi.hide();
}
}
if (window.tidioChatApi) {
window.tidioChatApi.on('ready', onTidioChatApiReady)
} 
else {
document.addEventListener('tidioChat-ready', onTidioChatApiReady);
}
})();
</script>