Dit artikel helpt u bij het instellen van de widget zodat deze alleen op specifieke pagina’s op uw site wordt weergegeven. Deze optie is handig voor gebruikers die toegang hebben tot de code van de website en volledige controle willen over waar de widget zal verschijnen.

Hoe u een widget op specifieke pagina’s kunt weergeven

Het concept achter dit proces is eenvoudig. Door de URL in de code in te voeren, verschijnt Tidio alleen op de geconfigureerde pagina’s. Het wordt verborgen in elke andere URL die niet overeenkomt met de gedefinieerde link.

Laten we een voorbeeld bekijken:

We hebben URL: http://mystore.com/products/black/ aan de code toegevoegd. In dit geval wordt de widget weergegeven op alle URL’s die deze zin bevatten.

De widget verschijnt niet in:

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

Maar het zal verschijnen in:

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

code

Volg deze stappen om deze optie te implementeren:

  1. Deze code zou na het script moeten worden geladen, dus plaats de code onder de Tidio JavaScript-code of boven de</body> Als u de Tidio-plug-in gebruikt.

  2. Kopieer en plak de onderstaande code of zoek de code op onze Codepen -pagina.

Als u nog vragen heeft, kunt u een bericht sturen naar ons ondersteuningsteam via 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>