מאמר זה יסייע לך להגדיר את הוווידג'ט להופיע רק בעמודים ספציפיים באתר שלך. אפשרות זו מועילה למשתמשים שיש להם גישה לקוד של האתר ורוצים שליטה מלאה על היכן הוווידג'ט יופיע.

איך להציג ווידג'ט בעמודים ספציפיים

הקונספט מאחורי תהליך זה הוא פשוט. על ידי הזנת כתובת ה-URL בתוך הקוד, Tidio ייראה רק בעמודים שהוגדרו. הוא יהיה מוסתר בכל כתובת URL אחרת שאינה תואמת לקישור המוגדר.

בואו נראה דוגמה:

הוספנו כתובת URL: http://mystore.com/products/black/ לקוד. במקרה זה, הווידג'ט יוצג בכל הכתובות המכילות את הביטוי הזה.

הווידג'ט לא יופיע ב:

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

אבל הוא יופיע ב:

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

קוד

כדי ליישם אפשרות זו, יש לבצע את הצעדים הבאים:

  1. קוד זה צריך לטעון לאחר הסקריפט, ולכן יש למקם את הקוד מתחת לקוד JavaScript של Tidio או מעל ה-</body> אם אתה משתמש בתוסף Tidio.

  2. העתק והדבק את הקוד למטה או מצא את הקוד בדף Codepen שלנו.

אם יש לך שאלות נוספות, אנא שלח הודעה לצוות התמיכה שלנו בכתובת 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>