Как показать, скрыть чат на определенных страницах, устройствах или по событию.

Общая структура кода виджета
В коде виджета есть возможность указывать глобальные настройки чата: showChat, excludePages, includePages, openChatAfterPageLoad. Каждый из этих параметров рассмотрен ниже.
<script>
window.replainSettings = {
  id: '<тут значение вашего ID, его вы получили в вашем мессенджере>',
  showChat: <тут значение триггера>,
  excludePages: <тут значение списка страниц>,
  includePages: <тут значение списка страниц>,
  openChatAfterPageLoad: <тут значение да или нет>,
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как сделать ссылку, при переходе по которой сразу будет открываться чат?
— Требуется модуль чат по клику
— Ссылка должна содержать якорь: #open-chat
window.replainSettings = {
  id: '<ID>',
  openChatAfterPageLoad: location.hash === '#open-chat',
};
Пример ссылки и готового кода, который нужно разместить на сайте:

https://replain.cc/#open-chat
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  openChatAfterPageLoad: location.hash === '#open-chat',
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как скрывать чат на определенных страницах?
Чат будет скрыт по адресу /news, /articles, /blogs
window.replainSettings = {
  id: '<ID>',
  excludePages: ['/news', '/articles', '/blogs'],
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  excludePages: ['/news', '/articles', '/blogs'],
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как показывать чат ТОЛЬКО на определенных страницах?
Чат будет показан только на главной странице сайта и по адресу /contacts
window.replainSettings = {
  id: '<ID>',
  includePages: ['/',  '/contacts'],
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  includePages: ['/',  '/contacts'],
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как показывать чат на определенных подразделах?
Чат будет показан на всех страницах сайта, следующих за /ru и /catalog
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  includePages: ['/ru*', '/catalog*'],
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  includePages: ['/ru*', '/catalog*'],
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
[Для продвинутых пользователей]
Как скрывать/показывать чат на определенных страницах динамически в зависимости от настроек сайта?
— для скрытия чата установить для showChat значение false
— для показа чата установить для showChat значение true
window.replainSettings = {
  id: '<ID>',
  showChat: false, 
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  showChat: false, 
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как открывать окно чата сразу после загрузки страницы?
Требуется модуль Чат по клику.
window.replainSettings = {
  id: '<ID>',
  openChatAfterPageLoad: true,
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  openChatAfterPageLoad: true,
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как открывать окно чата через определенное время?
— Требуется модуль Чат по клику.
— Окно чата раскроется через 10 секунд
— Пример готового кода, который нужно разместить на сайте сразу после кода виджета.
<script>
var showReplainTimeout = 10;

setTimeout(function showReplain() {
  window.ReplainAPI('open');
}, showReplainTimeout * 1000);
</script>
Как показывать чат только на десктопе?
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  showChat: !('ontouchstart' in window || navigator.maxTouchPoints), 
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  showChat: !('ontouchstart' in window || navigator.maxTouchPoints), 
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Как показывать чат только на мобильных устройствах?
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  showChat: 'ontouchstart' in window || navigator.maxTouchPoints,
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  showChat: 'ontouchstart' in window || navigator.maxTouchPoints,
};
(function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;
var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);
})('https://widget.replain.cc/dist/client.js');
</script>
Выберите мессенджер
Re:plain работает в WhatsApp, Facebook Messenger и в Telegram. Выбирайте тот мессенджер, который предпочитаете больше.
быть в курсе
© Re:plain