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

Общая структура кода виджета
В коде виджета есть возможность указывать глобальные настройки чата: 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 > 0
};
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = {
  id: 'b32e602b-4c07-41df-b37f-a2e769edc0b5',  //Тут укажите ваш собственный ID
  showChat: 'ontouchstart' in window || navigator.maxTouchPoints > 0
};
(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>',
        includePages: ['/', '/news'],
      },
      {
        id: '<ID>',
        includePages: ['/', '/blogs'],
      }
    ];
Пример готового кода, который нужно разместить на сайте
<script>
window.replainSettings = [
      {
        id: '47f02936-f598-4068-ba5d-8776812930fc',  //Тут укажите ваш собственный ID
        includePages: ['/', '/news'],
      },
      {
        id: 'fe6fc03b-f30e-4ce1-b2e2-50f97bad4bde',  //Тут укажите ваш собственный ID
        includePages: ['/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>
Вернуться в раздел FAQ
Connect via Facebook Messenger
Подключить
Подключить
Подключить
Выберите мессенджер
Re:plain работает в WhatsApp, Facebook* Messenger и в Telegram. Выбирайте тот мессенджер, который предпочитаете больше.
продукт
Компания
партнерам
быть в курсе
© Re:plain
⚐ Русский